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

воскресенье, 29 мая 2011

20:13

экстратоп

все записи пользователя в сообществе СкукаСмертная.

Если такой вопрос задвали, пожалуйста, ткните меня носом. Пытаюсь поставить css-диз, загружаю экстратоп в БИ, но он тяжелый, и мне не удается его загрузить. Уменьшить - не вариант. Есть ли какие-либо еще способы поставить экстратоп? Избегая БИ.

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

URL

пятница, 27 мая 2011

14:48

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

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

Здравствуйте!

Пытаюсь изменить вид цитаты посредством этого кода.

Результата - ноль. В чем может быть причина?
Код дизайна целиком.

body {background: url('/userdir/1/0/5/9/105999/69437159.jpg') repeat-x;}
 body{background-attachment:fixed;}
 #wrapper{width:960px; min-width:0;}
 .left #page-c {margin-left:-140px; margin-top: 70px !important;}
 .left #page-t {margin-left:200px; background: #fff !important; -moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); border: #2d2d3c solid 10px;}
 #side {position: fixed; width:140px; background: #2d2d3c no-repeat; margin-top: 332px !important; margin-left: 60px !important; text-transform: uppercase; padding-top: 15px !important; padding-bottom: 10px !important; text-align: left; -moz-opacity:.75 !important;opacity:.75 !important; filter:alpha(opacity=75);}
 #thisDiaryPhoto { position: absolute; top: -206px; left: 0px; width: 140px;}
 #thisDiaryPhoto img { max-width: 140px; width: 100px; height: 100px; padding: 20px; background: #2d2d3c;}
 #side h1 { text-align: left; padding: 10px !important; font: normal 10px Times New Roman !important; margin-top: -8px !important;}
 #side h1 A {color: #ddddde !important;}
 #authorName {position:absolute; text-align: left !important; padding: 0px !important; margin-top: -10px !important; color: #ddddde !important;}
 #thisDiaryInfo {padding-bottom: 25px !important;}
 #myDiaryLink, #writeThisDiary, #umailLink, #discussionLink, #myLinksLink, #optionsLink { width:130px !important; text-align: left; padding: 1px !important; }
 #TagsList li {text-align: left !important; padding: 2px 2 0 0px !important; border-bottom: none !important; text-transform: lowercase !important;}
 #TagsList span {margin: 20 18px 0 0 !important; color: #ffffff !important; text-shadow: 3px 2px 0px #494d5d;}
 #thisDiaryLinks {display:none}
 #myProfileLink {display:none}
 #photolibLink {display:none}
 #allDiaryLink {display:none}
 #subscribeEmail {display:none}
 #unsubscribeEmail {display:none}
 #upInChart {display:none}
 #myNotepadLink {display:none}
 #favListLink {display:none}
 #pchListLink {display:none}
 #communityCatalogueLink {display:none}
 #myCommunitiesLink {display:none}
 #myCommunityLink {display:none}
 #diarySpiritLink {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #faqLink {display:none}
 #lastComments {display:none}
 #rssLink{display:none}
 #epigraph, #post0 {margin-top: 12px !important ; margin-bottom: 15px !important ;}
 #epigraph .postTitle {display:none}
 .header h2 {margin: 10px 0px 10px 5px !important; font: 18px Garamond !important; display: block !important; line-height: 10px !important; height: 16px !important; text-shadow: 0px 5px 0px #595a5f;}
 .paragraph div {margin-top: 20px !important; margin-bottom: 55px !important; margin-left: 10px !important; margin-right: 10px !important;}
 .avatar img { max-width: 100px; width: 100px; padding: 4px; background: #cccccc; margin-left: 2px !important; margin-top: 20px !important; }
 .avatar { max-width: 100px; width: 100px;}
 .authorName a {color: #5d5c69 !important; margin-top: 25px !important;}
 .sign {white-space:pre-line !important; width:90px !important; margin-top: -10px !important; padding: 5px 5px 5px 10px !important; text-align: center; }
 .comments a, .subscribe a, .unsubscribe a, .quote_post a, .addToQuote a, .delFromQuote a, .draft_prview_link, .draft_publish_link, .quote_comment a {text-transform: lowercase; color: #5e5e5e; font: bold 11px Tahoma; margin-left: 5px !important; margin-right: 10px !important;}
 .urlLink a {display: block; background: url('/userdir/1/0/5/9/105999/65423042.png') 0px 0px no-repeat; width: 20px; height: 20px; overflow: hidden; line-height: 50px; }
 .atMusic em, .atMood em, .atTag em { font-style: normal !important; }
 .atMusic {padding-top: 20px !important; margin: 0 0 0 15px !important; font-size : 10px;}
 .atMusic span {padding-bottom: -10px !important; font-size : 10px;}
 .atMood {padding-top: 5px !important; margin: 0 0 0 15px !important; font-size : 10px;}
 .atTag { margin: 7px 0 10px 15px !important; padding-bottom: 40px !important;}
 .atTag em { font: 11px Tahoma; color: line-height: 25px !important;}
 .atTag a:hover, #JournalCalendar #content b:hover, .pages_str a:hover, .pageBar td a:hover, #favGroups a:hover { text-decoration: none; color: #fff !important; background: #8e94b2 !important; }
 .atMood, .atTag, .atMusic {color: #797979 !important; }
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover, a:active {color: #a8aab7;}
 a:link {text-decoration: none !important; span.quote_text { font-style: normal !important; display: block; margin: 15px; padding: 2px; border-left: 10px solid #e5e5e5; font-size: 95%; background: #fff;}
 span.quote_text { font: italic 14px Georgia; display: block; margin: 5px 0 5px 10px; padding: 10px 10px 10px 10px; border-left: 5px solid #4c4961; }

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

URL

среда, 25 мая 2011

19:04

все записи пользователя в сообществе Сыч.

black sheep.

Здравствуйте. Проблема такая: пыталась прилепить фон к верхнему краю посередине, чтобы он не повторялся:

 body {background: #000000 url('/userdir/3/3/5/9/335909/65804051.jpg') center center no-repeat;}

Фон уехал и отказывается возвращаться. Код копировала отсюда.

@темы: фоновые картинки

URL

17:48

плавное выпадающее меню

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

Здравствуйте. я бы хотела узнать - в выпадающем меню возможно ли сделать "выпадание" плавным? в css3 появилось такое полезное свойство transition, но как его применить конкретно для меню, я никак понять не могу. чувствую, способ очень уж хитромудрый или нет хД, но все-таки)

@темы: меню

URL

понедельник, 23 мая 2011

21:02

Добрый вечер!

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

Остановись! Взгляни на Мир иначе! И даже если нету ни гроша, пойми, что в жизни ты бываешь всех богаче, когда идешь по Миру не спеша!!!

Скажите, пожалуйста, что не правильно: сама проблема

@темы: Дизайн

URL

суббота, 21 мая 2011

12:48

Отступы снизу

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

Fortune favours the brave

Внизу блока записей появляется ненужный отступ, между фоном записей и рамочкой. Где я нахимичил в коде?

Заранее благодарен.

читать дальшеКод:

#wrapper {position:relative;}
 #wrapper {top: -10px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; border:10px solid #aeb5bc;}
 body{background-attachment:fixed;}
 #extratop {background: url('/userdir/1/4/7/4/147491/64755065.jpg') no-repeat; width: 900px; height:440px !important; padding: 0 !important; margin: 0 !important;}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important}
 #page-t { background: #9ca2a8; width:900px !important;}
 #page-c a:hover,a:active{color: #000000 !important; text-decoration:none !important}
 #page-c a{color: #7a4046 !important; text-decoration:none !important}
 #side{width:900px !important;margin:0 !important}
 #side a:hover,a:active{color: #000000 !important; text-decoration:none !important}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .nextPostLink {float: right;}
 #side h1 a {position: absolute; left:72px; top:70px !important; width:200px; height:42px}
 #side h1 a {color: #000000!important; font-family: Arial; font-size: 12pt; text-transform: uppercase; font-weight: bold;}
 #authorName { position:absolute; top:100px; left: 120px; font-weight:bold; color: #000000!important; font-size: 14px}
 #side *{border:none;}
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 #headlineList, #myCommunitiesLink, #upInChart, #myLinks, #YaSearch, #rssLink, #myLinksLink, #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, #photolibLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmail, #myNotepadLink, #authorRSS, #writeToAuthor, #subscribeEmail, #delFromFav, #Stats {display:none!important}
 #myDiaryLink { position:absolute; top: 140px; left: 120px; }
 #writeThisDiary { position:absolute; top:155px; left: 120px;}
 #myDraftLink { position:absolute; top: 170px; left: 120px;}
 #myFavLink { position:absolute; top: 185px; left:120px;}
 #discussionLink { position:absolute; top: 200px; left: 120px;}
 #optionsLink { position:absolute; top: 215px; left:120px;}
 #umailLink { position:absolute; top: 230px; left:120px;}
 #myProfileLink { position:absolute; top: 245px; left: 120px;}
 #mainpageLink { position:absolute; top: 260px; left: 120px; font-weight:bold}
 #postsCalendar{ position:absolute; top: 275px; left:120px;}
 #myQuotLink{ position:absolute; top: 290px; left:120px;}
 #addToFav { position:absolute; top:305px; left: 120px;}
 #iAmQuit { position:absolute; top: 320px; left:120px;}
 .singlePost { margin: 0px 0px 30px 0px !important; }
 .postContent { margin: 10px 0 10px 0 !important; overflow: hidden !important;}
 .paragraph { margin-top: 3px !important;}
 .avatar img {-webkit-box-shadow: 0px 0px 7px #7f838a; -moz-box-shadow: 0px 0px 7px #7f838a; box-shadow: 0px 0px 7px #7f838a; margin: 5px 0px 0px 5px !important; padding: 6px !important; border: 1px solid #b5b1b2; }
 .sign{ margin: 0px 0 0px 5px !important; }
 .postLinksBackg li {background: #f4ede5; padding: 2px !important; color: #aeb5bc; text-transform: uppercase; font: 11px Arial;}
 .postDate {color: #f4ede5!important;}
 #addCommentArea_title, #commentsArea_title, #draft_title, #new_post_title, .calHeader { font: 15px Arial !important; text-transform: uppercase; color: #9e958e !important; margin: 10px 0px 10px 0px !important;}
 span.quote_text { font: italic 12px Tahoma; display: block; margin: 10px; padding: 10px; background: #; border-top: 1px solid #6b6e74; border-bottom: 1px solid #6b6e74;}
 .atTag a{text-decoration:none}
 .paragraph {overflow: auto}

Спасибо, решено.

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

URL

пятница, 20 мая 2011

21:21

Всё решено

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

A faith like a guillotine, as heavy, as light.

Со всем разобралась. Спасибо Шельн
Единственное, что не получается сделать, так это убрать отступ:
код
Спасибо La mignonne
_______________________________
По сравнению с несколькими минутами ранее всё почти идеально

Исключительно для добрых и терпеливых добровольцев
код

запись создана: 20.05.2011 в 03:15

@темы: меню, эпиграф, отступы

URL

14:27

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

Yeah, I fell out of bed the first night I was sleeping here. That’s about as close to skydiving I got this week (c) Andy Roddick

Здравствуйте, уважаемые мастера CSS.) Снова обращаюсь к Вас с вопросом (возможно тупым). Выставила некоторым кнопкам в дневнике значение display: none - как теперь использовать пустое пространство. То есть например я убрала в начале записей кнопки сортировки записей и редактирования эпиграфа, как теперь записи задвинуть вверх на пустое пространство этих кнопок? (пробовала чисто ради эксперимента повыставлять везде margin-top: 0, разумеется не помогло, так как понимаю, там как-то по-другому надо, это ведь не отступ). Заранее спасибо за помощь

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

URL

четверг, 19 мая 2011

20:53

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

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

Подскажите пожалуйста! Не могу поменять цвет названия дневника.
#authorName {color:#000000; font-family:"Verdana"; font-size: 20px; } нормально задает цвет для имени автора, а #side h1 a {color:#ffffff; font-family:"Calligraph"; font-size: 16px; } цвет названия дневника не меняет.
Общий цвет для все ссылок задан #a2171a. Может код не верный?

URL

понедельник, 16 мая 2011

13:30

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

А, нет, это не женщина, это - Джун! (с) Миль

Задала цвет для фона заголовка .header {background: #161616; }
В Опере все нормально, в Мозиле и хроме фон идет через пост.
Можно ли как-то это исправить?

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

URL

суббота, 14 мая 2011

17:05

отступ под экстратопом

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

раны не лечатся, когда ранам рады

Здравствуйте!
1. Как убрать выделенный красным пробел? В эпиграфе вроде всё стёрто, сделать высоту экстратопа побольше не получается, этот пробел остаётся.(

@темы: отступы

URL

пятница, 13 мая 2011

12:46

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

Siamo fatti della stessa sostanza dei sogni

Уважаемые знатоки!
подскажите пожалуйста, можно ли сделать блок записей "двухслойным"?
т.е., например, чтобы на черный слой накладывался полупрозрачный белый, но он был меньше по размеру, чем черный...не знаю, как по другому объяснить. для наглядности картинка:

если такое возможно, буду благодарна, если объясните, как это сделать...
заранее спасибо)

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

URL

четверг, 12 мая 2011

10:39

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

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

Подскажите, можно ли поместить счетчик статистики на экстработтом. Если да, то подскажите код.
Нижняя полоса меню убрана и счетчик тоже исчез. Код и скин прилагаю))

body {background:url('/userdir/1/8/1/6/1816774/66668003.jpg');}
 #wrapper{background:url('/userdir/1/8/1/6/1816774/69072026.jpg'); min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/69076736.jpg') no-repeat; width: 1000px; height:300px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/69072017.jpg') no-repeat; width: 1000px; height: 300px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #page-t{margin-left:30px !important; width:940px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:914px; margin: 0px 0px 0px 0px !important; }
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 50px 0px 50px !important; background: url('/userdir/1/8/1/6/1816774/69073064.png') no-repeat bottom center; }
 .menuSection {text-align:center; }
 #myDiaryLinks_title {display:block; width: 190px; height: 50px; line-height: 700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076682.png') no-repeat;}
 #myDiaryLinks ul {width: 190px; height: 250px; background: url('/userdir/1/8/1/6/1816774/69073787.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -4px !important;}
 #globalLinks_title {display:block; width: 190px; height: 50px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076670.png') no-repeat;}
 #globalLinks ul {width:190px; height:250px; background: url('/userdir/1/8/1/6/1816774/69073787.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -4px !important;}
 #thisDiaryOwner_title {display:block; width:190px; height:50px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076679.png') no-repeat;}
 #thisDiaryOwner ul {width:190px; height:250px; background: url('/userdir/1/8/1/6/1816774/69073787.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -4px !important;}
 #pchs_title {display:block; width:190px; height:50px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076688.png') no-repeat;}
 #pchs ul {width:250px; height:250px; background: url('/userdir/1/8/1/6/1816774/69077051.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -30px !important;}
 #side {min-width: 800px !important; }
 #myDiaryLinks {position:relative; top:-120px; left:200px }
 #globalLinks {position:relative; top:-120px; left:-288px }
 #thisDiaryOwner {position:relative; top:-120px; left:675px }
 #pchs {position:relative; top:-200px; left:-200px }
 #side h1 a {repeat-x bottom; position:relative; left:320px; top:-220px; font-size: 25px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 3px 1px 2px #ffffff, 1px 1px 2px #503917;white-space:nowrap;}
 #side h1 a:hover{color:#6c6b3f; text-decoration:none;}
 #YaSearch, #lastComments, #paySupportLink, #thisDiaryPhoto, #iAmQuit, #bottomNav, #login_change, #myLinksLink, #iAmQuit a, #diarySpiritLink , #more_login, #faqLink, #diarySupportLink, #rssLink, #myLinks, #thisDiaryLinks {display:none !important;}
 #authorName {position:relative; right:440px; top:35px; font-size: 20px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 3px 1px 2px #ffffff, 1px 1px 2px #503917; white-space:nowrap;}
 #authorName:hover{color:#6c6b3f; text-decoration:none;}
 msg_form input, #msg_form textarea {background-color:#ffffff !important;}
 #page-c{width:1000px !important;padding:0 !important;padding:0 !important; margin-top: -100px !important;}
 .menuSection a{font-size: 15px !important; text-align : center; }

URL

среда, 11 мая 2011

17:06

все записи пользователя в сообществе это всё она.

если не нужно драться, незачем и побеждать

вот код
#add_block1 { background: url('/userdir/1/7/2/4/1724476/68598446.png'

no-repeat; margin-left: 900px !important ; position:absolute;top:450px; padding:1 !important; width:250px; height:700px;z-index:1;}
#add_block2 { background: url('/userdir/1/7/2/4/1724476/68598167.png'

no-repeat; margin-left: 930px !important ; position:absolute;top:800px; padding:1 !important; width:250px; height:700px;z-index:1;}
#add_block3 { background: url('/userdir/1/7/2/4/1724476/68598686.png'

no-repeat; margin-left: 940px !important ; position:absolute;top:700px; padding:1 !important; width:250px; height:700px;z-index:1;}
почему-то уезжают дополнительные блоки,в зависимости от экрана...

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

URL

понедельник, 09 мая 2011

22:12

Что это? ._.

все записи пользователя в сообществе you want to sleep

Я несу пиздец. (c)

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

Это дополнительные блоки, или что?
и как можно добавлять информацию в них.
По поиску и в настройках вроде тщательно смотрел, не нашел хх"

@темы: дневники, Дизайн

URL

22:02

все записи пользователя в сообществе это всё она.

если не нужно драться, незачем и побеждать

.menuSection{color:#ffffff!important;} что не так в коде?почему меню не отоюражает пропсианый цвет?

буду очень благодарна за помощь...

@темы: меню

URL

воскресенье, 08 мая 2011

16:21

Селектор '>'

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

«Вера, которую никто не разделяет, называется шизофренией» || il cattivo

Обнаружила, что дайри не признаёт вот такую вещь:
.paragraph > div
заменяя ">" на "#". Возможно, кто-нибудь придумал, как обратиться к непосредственно дочернему div'у, не затрагивая вложенные? Нужно выцепить div, в котором лежит сам текст поста.

URL

пятница, 06 мая 2011

22:50

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

wait for me~

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

@темы: меню

URL

22:35

фоновые картинки и эдд_блок

все записи пользователя в сообществе Меломан Пух

Здравствуйте.
Новичок в коде.
Возникла проблема с эдд_блоком.
Нужно, чтобы эта картинка была bottom right и была поверху записей .singlePost.
Попробовала все, что предлагали здесь в сообществе - ничего не получается, мой днев упорно не видит эдд_блока.
Вот коды извращений:
#add_block1 {background: url('userdir/1/8/2/3/1823218/68900231.jpg'); position:fixed; bottom:0px; right:0px; z-index:-1;} #add_block1 {background: url("userdir/1/8/2/3/1823218/68900231.jpg") !important; bottom: 0px!important; right:0px!important; width: 600px!important; height: 762px!important; position: fixed !important;} background-image: url("userdir/1/8/2/3/1823218/68896778.jpg"), url("userdir/1/8/2/3/1823218/68900231.jpg") position:fixed; bottom:0px; right:0px; z-index:-1;} #add_block1 {position: absolute; right: 160px; bottom: 160px; z-index: 5;}
Спасибо.

@темы: фоновые картинки

URL

18:15

Рамка меню

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

Абырвалг

Здравствуйте!
1. На основе стандартного блочного дизайна сделала свой. Вот что получается с границей:

Код такой:

 #wrapper{!important; width:95%; margin: 0 auto !important; position:relative; margin-top: -10px; background: url('/userdir/2/4/6/3/2463667/68853218.png') repeat center top; }
 #page-t { background: url('/userdir/2/4/6/3/2463667/68853077.png'); }
 #side { background: url('/userdir/2/4/6/3/2463667/68853077.png'); }
  .menuSection {font-size:90%;}

Пыталась выставить border в #side, но никакого эффекта. Удалось убрать лишь все рамки и разделители в меню полностью, но мне это не подходит.

2. Можно ли сделать так, чтобы время не показывалось перед заголовком записи, но отображалось в комментариях?
Заранее спасибо.

UPD: ответ найден.

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

URL


Запомнить