@CSS — стилизация дневников — Дайри (бывший Diary.ru)

среда, 09 ноября 2011

23:50

все записи пользователя в сообществе darling night

Здравствуйте.
Имеется навигационная панель сверху и всегда раскрытый список "Мои ссылки". Возможно ли сделать так, чтобы ссылки располагались не в столбик, а в ряд? Если судить по коду страницы, никаких id и классов у ссылок нет. :hmm:

@темы: меню

URL

вторник, 08 ноября 2011

18:52

все записи пользователя в сообществе Poetess Lily

Человек с толстой мордой и тонкой душой.

Уже дней 5 на дайриках новый диз меняется на старый, причем в не очень потребном виде. С чем это связано?

@темы: дневники, diaryCSS, платный сервис

URL

суббота, 05 ноября 2011

15:26

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Добрый день.
1.Подскажите как убрать пункт меню "Подписка по E-mail"
2.И можно ли задать свой цвет ссылкам на профиль и на дневник ( Лан Мао и Лан Мао )?
Заранее спасибо.

URL

среда, 02 ноября 2011

03:11

все записи пользователя в сообществе Амэ Сатори

Обрадовались тогда буржуины, записали поскорее Мальчиша-Плохиша в свое буржуинство и дали ему целую бочку варенья да целую корзину печенья.

Здравствуйте.
Помогите пожалуйста: есть идея дизайна (даже некое подобие макета), но увы недостаточно знаний для написания CSS. Буду очень благодарна за помощь!

@темы: diaryCSS, платный сервис, Дизайн

URL

01:42

все записи пользователя в сообществе felandaris

Fen'Harel enansal | В девичестве Shep.

И еще один вопрос вдогонку.
Как убрать эти назойливые черные полосы между постами/после эпиграфа?

body {background: #000000 url('/userdir/2/8/8/3/2883991/72116115.jpg') repeat; padding: 0!important; }
 #wrapper {min-width:980px!important; width:980px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;}
 #extratop{ background: url('/userdir/2/8/8/3/2883991/72112083.png') no-repeat; width:980px; height:405px;}
 a:hover {color: #533a5b !important; text-decoration: none;}
 {------------------------записи------------------}
 #postsArea {margin-top: -55px;}
 .singlePost, .singleComment, #addCommentArea, .section { background: url('/userdir/2/8/8/3/2883991/72116132.png') repeat; width:950px; padding: 15px !important;}
 #postsArea .header {background: url('/userdir/2/8/8/3/2883991/72113170.png') no-repeat scroll 0 0 transparent; height: 40px; margin-left: 0px !important; margin-top: 25px !important; width: 950px;}
 #postsArea .header span {top: 12px; position: relative; left: 5px;text-shadow: #dedede 1px 1px 2px; top: 7px; }
 .header span {color: #171515 !important; margin-left: 10px !important; }
 .header h2 {color: #a7a1aa; font: italic 15px Arial !important; top: 7px; position: relative; left: 30px;}
 .postDate {font: bold 14px Arial; text-transform: lowercase;color: #171515 !important; font: normal 14px Arial !important; top: 56px; position: relative; right: 90px; text-shadow: #dedede 1px 1px 2px;}
 .postActionLinks {margin-top: 5px !important; right: 22px;}
 #epigraph, #epigraph .header {background: none !important; padding: 0px!important; margin-top: 0;}
 #epigraph .editPostLink {margin-right: 0px !important;}
 #postsArea .postLinksBackg {margin-top: 20px; text-transform: lowercase; font: normal 14px Arial; color: #4e5254;}
 .postLinksBackg a{color: #352e38;}
 .atMusic em, .atMood em, .atTag em {text-transform: lowercase;color: #352e38 !important; font: normal 12px Arial !important; text-shadow: #2d2730 1px 1px 2px;}
 .atTag a {color: #5e5e5e !important; font: normal 11px Verdana !important; text-decoration: none;}
 .atTag a:hover {color: #d0d0d0 !important;}
 #Stats {margin-top: 10px; margin-right: 25px !important;}
 .avatar img {border: 2px solid #2b262f;}
 #addCommentArea_title, #commentsArea_title, .tags_header {font: bold 15px Arial; text-shadow: #151313 1px 0px 2px; color: #4e495a !important; background: url('/userdir/2/8/8/3/2883991/72112289.png')}
 #JournalAlbum #postsArea {margin-top: 20px;}
 #JournalAlbum .header {background: none !important; font: bold 20px Arial; text-shadow: #151313 1px 0px 1px; margin-left: 0px !important; }
 #JournalLinks .header {background: none !important; }
 #JournalLinks #postsArea {margin-top: 20px;}
 #JournalLinks a{text-shadow: none !important;}
 .tags_ul_all {margin-top: 60px;}
 .quote_text {color: #435a79; font: italic bold 16px Arial;}
 {-----------------------меню---------------------------}
 #side{position: absolute; top: -30px; right: 0;}
 #thisDiaryOwner ul {visibility:visible !important; display:block;background: none !important;}
 #TagsList a{width:20px!important; white-space: pre-line;}
 #TagsList{display:block !important;visibility:visible !important;}
 #TagsList ul {right: -62px;position: absolute;top: 80px;}
 #TagsList span{padding: 5px 0px 0px 0px; color: #4a454e;}
 #TagsList ul a{text-transform: lowercase; color:#333335; font: normal 12px Arial;}
 #TagsList li {display:block; float:left; width:120px!important; margin-right:12px!important; !important; line-height: 0.2em !important; margin-bottom: 7px !important; }
 #TagsList ul {width: 430px; padding:0px !important;}
 #globalLinks_title {display:block; width:125px; height:35px; line-height:500px; overflow:hidden; background: url('/userdir/2/8/8/3/2883991/72115125.png') -16px -7px no-repeat; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:125px; height:35px; line-height:500px; overflow:hidden; background: url('/userdir/2/8/8/3/2883991/72115167.png') -21px -7px no-repeat;}
 #tagslistlink {display:block; width:97px; height:50px; line-height:500px; overflow:hidden; background: # -6px 12px no-repeat; }
 #myDiaryLinks, #myCommunityLink {position: absolute; right: 268px; top: 45px;}
 #globalLinks {position: absolute; right: 142px; top: 45px; z-index: 50;}
 #tagslistlink {margin-left: 130px !important; margin-top: 8px !important;}
 #side h1 a{font: normal 23px Times New Roman; position: absolute; top: 321px; left: -645px; text-shadow: #000000 1px 1px 1px; color: #4e5254}
 #authorName {position: absolute; top: 316px; right: 30px; font: normal 23px Arial !important; text-shadow: #000000 1px 1px 1px; color: #4e5254}
 #globalLinks ul, #myDiaryLinks ul, #myCommunityLink ul {background: #000 repeat;}
 #globalLinks li, #myDiaryLinks li, #myCommunityLink li {float:left !important; margin-left:10px !important; width:160px}
 #globalLinks ul{left:-139px; width:374px !important; height: 178px;}
 #myDiaryLinks ul, #myCommunityLink ul {left:-12px; width:374px !important; height: 178px;}
 #globalLinks li, #myDiaryLinks li, #myCommunityLink li {padding: 3px 5px 5px !important; border-bottom: 1px solid #283b48;}
 #writeToAuthor {position: absolute; top: 310px; left: -380px;}
 #addToFav {position: absolute; top: 310px; left: -190px;}
 #writeToAuthor a, #addToFav a{font: normal 15px Arial; color: #000000 !important; text-transform: lowercase; text-shadow: #272829 1px 1px 1px;}
 #writeToAuthor a:hover, #subscribeEmail a:hover, #addToFav a:hover {color: #435a79 !important;}
 {----------------------------none---------------------}
 #YaSearch, #myLinks, #lastComments, #pchs, #iAmQuit, #thisDiaryOwner_title, #postsCalendar, #rssLink, #upInChart, .order_button, #Stats a+a, .prevnext, #new_post_title, #thisDiaryLinks, #subscribeEmail {display: none !important;}

Добрый вечер!
Скажите, пожалуйста, можно ли провернуть так, чтобы при полупрозрачном блоке записей картинки, вставляемые в пост (плюс экстратоп/эпиграф/экстработтом) были не прозрачными?

запись создана: 01.11.2011 в 19:39

@темы: эпиграф, diaryCSS, основные блоки, Дизайн

URL

понедельник, 31 октября 2011

05:22

все записи пользователя в сообществе Эорэ Лирен

Сердце твое двулико, сверху оно набито мягкой травой, а снизу каменное, каменное дно. (с)

Заранее прошу простить за вопросы, которые наверняка уже задавались и не раз, но найти ответ никак не могу.
При установке нового дизайна возникли проблемы и вопросы.

1. Ширина эпиграфа и блока записей у меня разная. Раньше было так же, но я не сохранила код (
Как сделать так, чтобы эпиграф стоял посередине, и не высвечивал дополнительный фон.
сейчас оно выглядит так

а нужно убрать эту серую полосу справа и разместить эпиграф по центру.

2. Как сделать так, чтобы записи уезжали под эпиграф?

3. Как зафиксировать меню, чтобы оно не уезжало вместе с записями?

Заранее спасибо.

@темы: меню, эпиграф, платный сервис, Дизайн

URL

воскресенье, 30 октября 2011

09:54

Фон эпиграфа

все записи пользователя в сообществе ~NorthernLights~

There's an open window and I can go through / to the life of others there's nothing I can do

Помогите, пожалуйста.
Мне нужно, чтобы фон эпиграфа был такого же цвета, как и пространство вокруг него, а также, чтобы не было рамки и кнопок ("редактировать" и т.д.).

Я хочу туда вставить ссылки, но если эпиграф выглядит как обычная запись, смотрится некрасиво.
В самом коде дизайна эпиграф не прописан вообще, а при попытке внести #epigraph в код, ничего не меняется. И еще вопрос, куда именно писать тег #epigraph?

@музыка: эпиграф

URL

суббота, 29 октября 2011

23:26

все записи пользователя в сообществе синяк на пятке

Как перед ссылкой меню поставить символ ♥ ?
Знаю такой код: {background: url('картинка') no-repeat; padding: 0px 12px 0px }
Но может есть способ вставить символ НЕ картинкой из БИ?

@темы: меню

URL

четверг, 27 октября 2011

10:58

Искала, не нашла, в том числе и вне дайрей...

все записи пользователя в сообществе Naturka

Зло умеет заводить дружбу с хорошими людьми и утаскивать их во тьму.

А есть в css возможность (в частности, меня, конечно же, интересуют дайри) разделить данные в одном контейнере на два столбца?
Например, есть список последних комментариев. Он выводится одним столбцом и не всегда удобен в таком виде (например, в том дийзайне, который у меня сейчас). Можно ли его разбить на два столбца?

upd. Разобралась самостоятельно. Добавила следующий код:

#lastComments ul {-moz-column-count: 2;}

При этом в #lastComments нужно установить ширину, которая будет делиться на выставленное количество столбцов (в моем примере - 2 столбца).
У меня этот параметр выглядит так:

#lastComments { position:absolute; top: 85px; left: 1px; width: 600px; heigth: 50px; text-decoration: none; font-size: 80%; color:#ffffff !important;}

А вообще, насколько я поняла, свойство "column-count" можно применять к любым параметрам.
Правда, работает только в ФФ, в ИЭ не хочет ни в какую. В ГХ и Опере не пробовала из-за отсутствия браузеров.

@темы: меню, diaryCSS, основные блоки

URL

вторник, 25 октября 2011

16:54

нумерация страниц

все записи пользователя в сообществе Veron_limon

Добрый день!
У меня вопрос: возможно ли изменить местоположение счетчика страниц дневника(они все время снизу)? т.е. переместить с низу в верх дневника(поставить перед записями)?

URL

понедельник, 24 октября 2011

15:38

все записи пользователя в сообществе Малахитовое Сердце

Глаз не смыкаем, сами упрямые, ночью не спится... да только в клетке из ребер то ли сердце стучится, то ли бьется птица.

Помогите пожалуйста!
Вот вроде разместила где надо название дневника, а ник автора дневника никак не хочет встать на место.
код для размещения названия дневника в правильном месте вот

 #side h1 {position:absolute; top: 230px; left: 620px; font-size:170%!important; font-family: "Trebuchet MS",Arial,sans-serif!important;}

Я перепробовала разные варианты, если взять #authorName с теми же параметрами ник автора вообще исчезает (( Или в лучшем случае смещается правее и все (((
скрин проблемы:
читать дальше

Суть проблемы: Как сделать так, чтобы имя автора дневника позиционировалось под название дневника?

@темы: текст

URL

12:34

все записи пользователя в сообществе jaaaannnndi

Добрые люди помогите пожалуйста!
Как сделать так, чтобы блок с ссылками - "Комментарии (2) Подписаться В цитатник Написать у себя" отделялся сверху и снизу двумя пунктирными линиями, как в этом сообществе?
Я уже всю голову себе сломала ходя по ссылкам и пытаясь спросить поиск так, чтобы он понял чего я хочу..
Наверняка ответ прост и лежит где-то рядом, но я никак не могу найти, подскажите пожалуйста или тыкнете носом куда надо..

@темы: рамки и полоски

URL

суббота, 22 октября 2011

05:47

все записи пользователя в сообществе Max Gautz

give me your life and get out

Можно ли к отдельному нику привязать некоторые свойства комментариев в дневнике. Цвет шрифта, например, или что-то в том же духе?

@темы: текст, diaryCSS, Дизайн

URL

пятница, 21 октября 2011

18:54

Фон под темы записей

все записи пользователя в сообществе Фьори

Это как модус-понус, только левее и голубенькое ©

В CSS мну еще новичок, и вот столкнулась с проблемой. К сожалению ответ найти сама не смогу - ограничена скорость инета, может кто подскажет из знатоков. Сделал себе дизайн - все устраивает, вот только на странице, где открываются все темы записей полностью, у мну нет фона. Вернее есть, но только с картинкой. какую строчку нужно вставить в код, чтобы темы отображались на том же фоне, что и остальные записи в дневнике? Скрины загрузить тоже не могу, но желающие могут глянуть у мну в дневе, открыв все темы.

@темы: diaryCSS, основные блоки

URL

среда, 19 октября 2011

14:04

Back to Top

все записи пользователя в сообществе D Storm

Veni, vidi, vici.

Перенёс тут кнопочку из VK. Вернее, вытащил и настроил.

Как установить.
1. Закинуть это изображение в БИ. Скопировать ссылку.
2. Добавить к CSS дизайн следующий код:

 #bottomNav {display:block; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none !important;border:none !important;height:1px;}
 #bottomNav li {display:none;}
 #bottom_up {display:block !important;position:fixed;left:15px; top:45px;}
 #bottom_up a {position:absolute; top:-30px; width:92px; height:1px; background:url('__IMAGE_LINK__') no-repeat; padding-top:25px;clip:rect(0px 92px 25px 0px);opacity:0.6;filter:alpha(opacity=60);}
 #bottom_up a:hover {opacity:0.9;filter:alpha(opacity=90);}

3. Заменить __IMAGE_LINK__ на ссылку на изображение из БИ. Обрезать всё до '/userdir/...'.

Пример.

@темы: основные блоки, Дизайн, Мысли вслух, Учеба

URL

воскресенье, 16 октября 2011

20:03

все записи пользователя в сообществе Маэва

-|Le ciel est vide sans imagination|- Пропитанная чувствами малиновая булочка

Здравствуйте.
Вот такой вопрос, а как зафиксировать меню, чтобы оно не меняло положения в зависимости от разрешения экрана?

body{background:#b7a06c # repeat;}
 body{background-attachment:fixed;}
 #wrapper{min-width:800px!important; width: 800px; position: center !important; margin-left: 0 px !important; padding: 0px !important; overflow: hidden !important; background: #f8e6e0 !important;}
 #page-c {width:800px !important; background: repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #side {width:170px !important; height: 506px; background: #f8e6e0 !important; repeat-y; padding: 0px !important; margin: 0px !important;}
 #side {position:absolute; top:28px; left:285px !important; text-align:center !important;}
 #page-t {margin:0 !important}
 #extratop {background: url('/ЭКСТРАТОП!') 0 0 no-repeat; height: 490px; width:800px; background-position: center !important; margin-top: 0px !important; margin-left: 0px !important; padding-top: 0px ! important; }
 #allDiaryLink{display:none}
 #photolibLink{display:none}
 #rssLink{display:none}
 #favListLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #paySupportLink{display:none}
 #faqLink{display:none}
 #upInChart{display:none}
 #lastComments{display:none}
 #authorLinks{display:none}
 #pchListLink{display:none}
 #myNotepadLink{display:none}
 #headlineList{display:none}
 #iAmQuit{display:none}
 #side h1 A {text-transform: lowercase; color:#d1d69a !important; font: italic 18px Book Antiqua; !important; }
 #authorName {text-transform: lowercase; color: #d7845f !important; font: italic 2px Book Antiqua; !important; margin-right: px !important; margin-top: 507px !important;}
 #authorName {font-size: 17px !important;}
 .menuSection a:link, .menuSection a:visited {text-decoration:none !important;}
 .menuSection a:hover, .menuSection a:active {color: #d1d69a !important; padding: 0px !important; }
 #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #tagslistlink, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #joinThisCommunity, #writeThisCommunity, #communityDraftLink, #communityMyPosts, #communityFav, #communityQuote, #communityAlbum, #leaveThisCommunity, #headlineList, #myDiaryLink, #writeThisDiary, #myDraftLink, #umailLink, #myNotepadLink, #myFavLink, #myQuotLink, #discussionLink, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #allDiaryLink, #mainpageLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #myLinks, #iAmQuit, #authorLiks {margin: 0px 0 0px 0 !important; text-align: center !important; padding: 1px 0 0px 0 !important; }
 #Stats {width: 180px; margin: 1px 0 0 1px !important; text-align: center !important; padding: 0px 0 0px 0 !important;}
 #writeToAuthor:hover, #subscribeEmail:hover, #unsubscribeEmail:hover, #addToFav:hover, #delFromFav:hover, #tagslistlink:hover, #postsCalendar:hover, #rssLink:hover, #upInChart:hover, #authorFav:hover, #authorQuot:hover, #authorLinks:hover, #authorAlbum:hover, #joinThisCommunity:hover, #writeThisCommunity:hover, #communityDraftLink:hover, #communityMyPosts:hover, #communityFav:hover, #communityQuote:hover, #communityAlbum:hover, #leaveThisCommunity:hover, #headlineList:hover, #myDiaryLink:hover, #writeThisDiary:hover, #myDraftLink:hover, #umailLink:hover, #myNotepadLink:hover, #myFavLink:hover, #myQuotLink:hover, #discussionLink:hover, #myLinksLink:hover, #myProfileLink:hover, #albumLink:hover, #optionsLink:hover, #photolibLink:hover, #allDiaryLink:hover, #mainpageLink:hover, #favListLink:hover, #pchListLink:hover, #communityCatalogueLink:hover, #myCommunitiesLink:hover, #randomDiaryLink:hover, #diarySpiritLink:hover, #diarySupportLink:hover, #faqLink:hover, #lastComments:hover, #pchs:hover, #myLinks:hover, #iAmQuit:hover, #Stats:hover, #authorLiks:hover {background: #a5aa6d;}
 .postTitle {text-align:center; padding-top: 0px !important; margin-bottom: 30px !important; }
 .order_button {padding-right: 7px !important;}
 .atMusic {padding-top: 50px !important; font-size : 10px;}
 .atMusic span {padding-bottom: 0px !important; font-size : 10px;}
 .atMood {padding-bottom: 30px !important; font-size : 10px;}
 .atMood span {padding-bottom: 10px !important; padding-top: 5px !important; font-size : 10px;}
 .atTag em SPAN { position : absolute; left : -1000px;}
 .atTag em { background : # 0% no-repeat; padding-left: 16px !important; text-align : left; font-size : 9px;}
 .atTag a {color: #d7845f !important; }
 .atMood, .atTag, .atMusic {color: #d7845f !important; }
 .atMusic a {color: #000 !important; }
 .postActionLinks {padding-right: 7px !important;}
 .sign { color: #a5aa6d !important; width: 120px !important; margin-left: 0px !important; font: italic 12px Book Antiqua; margin-top: 8px !important;}
 .authorName {padding-top: 5px !important;}
 .authorName a { color: #a5aa6d !important; font: italic 14px Book Antiqua; }
 div#button_panel {padding-bottom: 10px !important;}
 .communityName {font: italic bold 13px Book Antiqua; }
 #pageBar a, .prevPostLink a, .nextPostLink a { text-transform: lowercase; font: italic 14px Book Antiqua; }
 span.quote_text { display: block; padding: 5px 5px 5px 50px; background: # 0 0 no-repeat; font-size: 97%;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover, a:active {color: #d98f6a;}
 a:link {text-decoration: none !important;}
 .avatar img { width:100px !important; min-width: 100px !important; max-width: 100px !important; padding: 2px !important; background: #ffffff; border: 3px solid #a5aa6d !important; -webkit-box-shadow: 1px 1px 10px #a5aa6d; -moz-box-shadow: 1px 1px 10px #3a3a3a; box-shadow: 1px 1px 10px #a5aa6d; margin-bottom: 5px !important}
 #wrapper {border: 20px solid #a5aa6d}
 .atTag em { background : url('/userdir/1/6/1/8/1618198/63813827.gif') # 0% no-repeat; padding-left: 16px !important; text-align : left; font-size : 9px;}
 .postDate {text-align:center; margin-left:200px; background: # no-repeat; padding-left:30px; height:80px; font-family: Book Antiqua}
 .atTag em { background : # 0% no-repeat; padding-left: 16px !important; text-align : left; font-size : 9px;}
 body {background: #dce5d2 url('/ФОН') repeat; background-position: left bottom; background-attachment: fixed;}

@темы: меню

URL

пятница, 14 октября 2011

00:53

все записи пользователя в сообществе .Femme douce

Люблю и любима.

Доброй ночи. Скажите , как написать в код CSS что бы дизайн просматривался на всех бразуерах одинаково?

@темы: diaryCSS

URL

вторник, 11 октября 2011

16:35

все записи пользователя в сообществе cr.soda

It's like trying to turn around on a one way street

собственно, если делать дизайн, где менюшка находится на экстратопе..
например, как у автора этой темы link
как можно сделать эту менюшку в два столбца?
возможно ли вообще такое?

заранее спасибо

upd. сразу второй вопрос, вообще к первому не относящийся. как можно видоизменять цитату? т.е. помещать ее в какой-нибудь квадратик, например..

URL

воскресенье, 09 октября 2011

23:03

все записи пользователя в сообществе синяк на пятке

Подскажите пожалуйста, как выделить другим цветом ник, к которому обращаешься в комментарии?

@темы: рамки и полоски

URL

22:31

все записи пользователя в сообществе синяк на пятке

Какой код нужен для того, чтобы публикуемые картинки вставлялись в рамку?

@темы: рамки и полоски

URL


Запомнить