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

вторник, 24 декабря 2013

21:51

Горизонтальные полосы прокрутки

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

в глазах обида, в руках утюг

Подскажите, пожалуйста, можно ли прописать в код каким-то образом, чтобы картинки в посте, если они не влезают по размеру, отображались с горизонтальным скроллбаром? И можно ли этому скроллбару задать, например, свой цвет?

@темы: diaryCSS

URL

воскресенье, 22 декабря 2013

19:52

Много вопросов

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

в глазах обида, в руках утюг

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

У меня много вопросов, от простых к сложным.

1. НЕ АКТУАЛЬНО
Вопрос про кнопку редактирования эпиграфа, сейчас она "спряталась" под фон самого эпиграфа. Как сделать так, что бы она отображалась над ним?
Я пробовала прописывать "z-index: 1 !important;", и даже 1000 выставлять пробовала. но, видимо, не правильно понимаю, как оно работает.

#JournalDraft #epigraph { 
display:none !important; 
}

#draft_title { 
display:none !important; 
}

#JournalDraft .list_box { 
display: none !important; 
}

#Journal #post0 { 
margin: 20px !important; 
padding: 20px 0px !important; 
}

#Journal #epigraph { 
margin: 0px 0px 40px 0px !important; 
padding: 0px !important; 
}

 #epigraph .urlLink { 
display:none !important; 
}

#epigraph .Attention { 
display:none !important; 
}

#epigraph .editPostLink { 
position: absolute; 
}

#epigraph .editPostLink { 
top: 20px !important; 
right: 25px !important; 
z-index: 1 !important; 
}

2. РЕШЕНО
Как сделать запятую между метками в цвет фона?

картинка с вопросом

3. РЕШЕНО
Как сделать, чтобы ссылки .urlLink a, .profile a, .diary a, .umail a a отображались только в виде иконок, без надписей? Сейчас у меня получились иконки с надписями в них (розовый мелкий шрифт внутри елочных шариков)

картинка с вопросом

4. РЕШЕНО
читать дальше

5.РЕШЕНО
читать дальше

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

@темы: меню, diaryCSS

URL

воскресенье, 15 декабря 2013

17:47

Вопрос про заголовки в разных стилях для разных типов страниц

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

в глазах обида, в руках утюг

Еще несколько вопросов.

1. Как называются заголовки в сообществе - "ЗАПИСИ ПОЛЬЗОВАТЕЛЯ:..." и "ЧЕРНОВИКИ" в черновиках? Если я прописываю

#JournalDraft .header {
display:none !important;
}

то пропадают все заголовки в постах черновиков, а нужно удалить только общий заголовок для всей страницы ЧЕРНОВИКИ.
А для просмотра "записей пользователя" я вообще не нашла стиля (названия страницы).

читать дальше

Хочу удалить эти заголовки со страниц "ЧЕРНОВИКИ" и "ВСЕ ЗАПИСИ ПОЛЬЗОВАТЕЛЯ В СООБЩЕСТВЕ".

2. РЕШЕНО

Спасибо большое заранее

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

URL

суббота, 14 декабря 2013

22:33

Вопрос по фаербагу

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

в глазах обида, в руках утюг

Вопрос по фаербагу (броузер - хром)

Не работает в режиме CSS, только в режиме HTML. В дайри пишет "Access to restricted URI denied", когда пытаюсь сделать inspect. Помогите, пожалуйста! Может быть есть другая программа, а то из-за каждого селектора, не описанного в справочнике дневников, очень не хочется дергать местных старожилов.

@темы: diaryCSS

URL

пятница, 13 декабря 2013

11:23

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

This is life, not heaven. You don’t have to be perfect.

Киньте в меня ссылкой или лучше кодом, нет времени шерстить всё, поверхностный поиск не дал результатов, хоть это и самое простое. Мне нужно сделать центрированный дизайн с лёгкой полупрозрачностью.

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

URL

вторник, 10 декабря 2013

02:37

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

pretty woman are you lonely just like me?

Доброго времени суток. Скажите, пожалуйста (или ткните носом туда, где об этом уже говорили) - возможно ли сделать так, чтобы с отступами от границ поста был только текст, а вставленные изображения отображались с самого начала?
+ как можно задать разные характеристики для постов с аватаром и без? В моем дневнике ширина текста выглядит чудесно, а в избранном и комментариях - нет, ибо аватарка занимает место и текст получается слишком узким.

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

URL

воскресенье, 08 декабря 2013

22:39

Вопрос по полю для текста

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

в глазах обида, в руках утюг

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

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

Картинки

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

URL

21:04

страница с настройками "Моих ссылок"

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

в глазах обида, в руках утюг

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

Помогите, пожалуйста, настроить страницу "Мои ссылки"

В справке на дайри про нее совсем маленькая статья, и больше никакой информации, тем более для CSS.

Хотелось бы задать для этой страницы padding, margin и background, если это возможно.

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

URL

20:15

Ссылки

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

Still bird

Не убирается подчеркивание ссылок в записях >_< Ёшкин-матрёшкин

 A:active {text-decoration: none;}
 a:hover {text-decoration: none  !important;}
 a {text-decoration: none !important;}

URL

пятница, 06 декабря 2013

00:35

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

Помогите настроить CSS. Я все в нем понимаю сама, но тут просто отключилось что-то.
Вот код.

#wrapper{min-width:870px !important;width:870px !important;margin-top: -1px !important;padding:0 !important;overflow:hidden !important;}
 {------------------КАРТИНКИ----------------------------------}
 body {padding: 0 !important; background: url('/userdir/3/2/0/0/3200354/80027416.jpg');}
 #side {background: #d7dfe6 url('/userdir/3/2/0/0/3200354/80027454.png') repeat-x; height: 128px;}
 span.quote_text {display: block; color:#899092; margin:5px 0px 0px 20px; padding: 5px 0 0 15px; background: url('/userdir/3/2/0/0/3200354/80027696.png') 1px 7px no-repeat;}
 .tags_ul_all {background: url('/userdir/3/2/0/0/3200354/80027685.png') 0px 0px repeat; position: relative; z-index: 3; width: 100%!important; padding: 15px 0 15px 0!important; margin-left: 0!important; margin-right: 0!important; overflow-x: hidden!important;}
 #addToFav a { background: url('/userdir/3/2/0/0/3200354/80027703.png') no-repeat scroll center 4px transparent; display: block !important; height: 0 !important; right: 148px; overflow: hidden; padding-top: 20px !important; text-align: center!important; position: absolute; top: 72px; color: #ffffff!important; font: normal 9px Arial!important; white-space: pre-line!important; width: 50px; }
 #delFromFav a { background: # no-repeat scroll center 4px transparent; display: block !important; height: 0 !important; right: 148px; overflow: hidden; padding-top: 20px !important; text-align: center!important; position: absolute; top: 72px; color: #ffffff!important; font: normal 9px Arial!important; white-space: pre-line!important; width: 50px; }
 #writeToAuthor a { background: url('/userdir/3/2/0/0/3200354/80027698.png') no-repeat scroll center 4px transparent; display: block !important; height: 0 !important; right: 175px; overflow: hidden; padding-top: 20px !important; text-align: center; position: absolute; top: 72px; line-height:10px !important; color: #ffffff!important;font: normal 9px Arial!important; white-space: pre-line!important; width: 60px!important;}
 #subscribeEmail a, #unsubscribeEmail a { background: url('/userdir/3/2/0/0/3200354/80027702.png') no-repeat scroll center 4px transparent; display: block !important; height: 0 !important; right: 210px; overflow: hidden; padding-top: 20px !important; text-align: center; position: absolute; top: 72px; line-height:10px !important; color: #ffffff!important; font: normal 9px Arial!important; white-space: pre-line!important; width: 60px!important;}
 #addToFav a:hover { background: url('/userdir/3/2/0/0/3200354/80027703.png') no-repeat scroll center 4px transparent; overflow: visible; }
 #delFromFav a:hover { background: url('/userdir/3/2/0/0/3200354/80027701.png') no-repeat scroll center 4px transparent; overflow: visible;}
 #writeToAuthor a:hover { background: url('/userdir/3/2/0/0/3200354/80027698.png') no-repeat scroll center 4px transparent; overflow: visible;}
 #unsubscribeEmail a:hover, #subscribeEmail a:hover { background: url('/userdir/3/2/0/0/3200354/80027702.png') no-repeat scroll center 4px transparent; overflow: visible;}
 #Journal .header {background: url('/userdir/3/2/0/0/3200354/80027793.png') 15px 0 no-repeat; margin: 0px 0px -60px 0px!important; height: 100px; position: relative; z-index: 4;}
 .paragraph, #epigraph .postActionLinks {position: relative; z-index: 10!important;}
 .postContent {background: # 0px 0px repeat; }
 #Journal .postInner {padding: 15px 15px 15px 145px !important; margin-left: -10px!important; width: auto!important;}
 #JournalAlbum #postsArea {background: # 0px 0px repeat; margin: 50px 0 40px 0!important; padding: 15px 0 15px 0!important;}
 #JournalLinks #postsArea {background: # 0px 0px repeat; margin: 50px 0 40px 0!important; padding: 0px 15px 15px 0!important;}
 .section {background: # 0px 0px repeat; padding: 15px!important;}
 #addCommentArea {background: # 0px 0px repeat; padding: 15px; margin: 60px 0 0 0; border-bottom: 25px solid #617590!important;}
 {-----------------------------------------------------------------}
 #wrapper{min-width:870px !important;width:870px!important;margin-top: -1px !important;padding:0 !important;overflow:hidden !important;}
 #page-c {width:100% !important; padding: 0px!important; margin: 0!important;}
 a:hover {color: #617590!important; text-decoration: none!important;}
 a{color: #676768;}
 #message, .text {border: 2px solid #617590!important;}
 #cc {position: relative; z-index: 10;}
 {-----------------------МЕНЮ--------------------------}
 #side a {font: normal 12px Arial; color: #617590;}
 #side a:hover {color: #617590!important;}
 #side ul, #thisDiaryPhoto {display:block !important;visibility:visible !important;}
 #thisDiaryOwner ul {width: 100%; height: 0px;}
 #thisDiaryPhoto img{ -moz-border-radius: 50px; border-radius: 50px;max-width: 100px; max-height: 100px;}
 #thisDiaryPhoto img {position: absolute; top: -22px; right: 20px;}
 #side ul li {font: normal 12px Arial; color: #617590!important; border-bottom: 1px solid #d7dfe6; width: 115px !important; padding: 5px 14px 7px 0;}
 #myDiaryLinks li {float:left !important; display: block; width: 15px !important;}
 #myDiaryLinks ul {width: 258px;}
 #myDiaryLinks {position: absolute; top: 14px; margin-left: 0px!important; z-index: 9;}
 #discussionLink, #myFavLink {border: none!important;}
 #authorName {position: absolute; top: 35px!important; font: normal 20px Minion Pro, Georgia !important; color: #8c8c8c!important; right: 135px;}
 #side h1 {position: absolute; top: 20px!important; right: 140px;}
 #side h1 a {font: normal 22px Minion Pro, Georgia !important;}
 #mainpageLink {position: absolute; top: 11px; margin-left: 250px!important;padding-right: 15px!important;}
 #tagslistlink {position: absolute; top: 40px; margin-left: 250px!important;}
 #iAmQuit {position: absolute; top: 84px; margin-left: 258px!important;}
 #iAmQuit a {font: normal 12px Arial; color: #617590; width: 100%!important;}
 #TagsList ul {background: #131415; margin-left: -15px; margin-top: 2px; width: auto!important; height: auto!important;}
 #TagsList ul li {height: 12px!important; padding: 0px 25px 7px 0!important; color: #000000!important;width: 100%!important;}
 #TagsList a {color: #8c8c8c; width: autopx!important;}
 #TagsList ul li span {background: #617590; -moz-border-radius: 50px; border-radius: 50px; width: 15px; height: 15px;font: bold 12px Minion Pro, Georgia !important;text-align: center; padding: 0 0 1px 0;}
 .tags_ul_all li {padding: 0 15px 3px 15px;}
 .tags_header {padding-left: 30px!important;}
 a#menuNewUmails, #myDiaryLink span.count_box a, #myCommunityLink span.count_box a, #discussionLink span.count_box a { background: none repeat scroll 0 0 #617590 !important; border-radius: 20px 20px 20px 20px; color:#ffffff!important; display: block; height: 20px; line-height: 20px; padding-top: 0 !important; text-align: center; visibility: visible; width: 20px; }
 a#menuNewUmails:hover, #myDiaryLink span.count_box a:hover, #myCommunityLink span.count_box a:hover, #myDraftLink .count_box span:hover, #discussionLink span.count_box a:hover {color:#617590!important;}
 a#menuNewUmails {margin: 8px 0 0 0px;}
 #myDiaryLink span.count_box, #myCommunityLink span.count_box {height: 0 !important; position: absolute; top: -6px; visibility: hidden; left: 88px;}
 #umailLink .count_box { height: 0 !important; left: 0; position: absolute; top: 16px; visibility: hidden; left: 180px;}
 #discussionLink span.count_box { height: 0 !important; position: absolute; top: 53px; visibility: hidden; left: 200px;}
 #writeToAuthor, #subscribeEmail, #addToFav, #delFromFav, #unsubscribeEmail {border: none!important; margin-top: -10px!important;}
 #thisDiaryOwner {z-index: 10;}
 {---------------------ЗАПИСИ-----------------------------}
 #postsArea {padding: 0px!important; margin: 0!important;}
 .paragraph, #epigraph .postActionLinks {position: relative; z-index: 10!important;}
 #Journal .postInner {padding: 15px 15px 15px 145px !important; margin-left: -10px!important; width: auto!important;}
 .singlePost {margin-bottom: 3%!important;}
 .singlePost a{color: #676768;}
 .postDate {position: absolute; background: none!important; font: bold 13px Arial !important; margin-top: -10px!important; right: 0px;}
 .header h2 {font: normal 22px Minion Pro, Georgia !important; color: #000000!important; margin-left: 130px!important; background: none!important; text-shadow: 2px 2px 2px #ffffff;}
 .header span {background: none!important; font: bold 16px Minion Pro, Georgia !important; color: #000000!important; position: absolute; right: 0; margin-top: 5px;}
 #Journal .postActionLinks {margin-top: -30px;}
 #epigraph .postActionLinks {margin-top: 20px;}
 .first, #post0, #epigraph .header, #addCommentArea .header, #new_post_title, .header.left{background: none!important;}
 #epigraph {margin: 0!important; padding: 0!important;}
 .postLinksBackg {background: #617590!important; padding: 6px!important;}
 .postLinksBackg a {color: #000000; font: bold 12px Arial !important; text-transform: lowercase; text-shadow: 1px 1px 1px #cbcba3;}
 .postLinksBackg a:hover {color: #ffffff!important;}
 #Stats {margin-top: 10px; margin-right: 5px;}
 .atTag a, .atTag, .atMood, .atMusic {text-decoration: none!important; font: italic 12px Arial; color: #676768;}
 .atTag span, .atMood span, .atMusic span{font: bold italic 12px Arial; color: #676768;}
 #new_post_title, #draft_title {font: bold 22px Arial; color: #617590!important; text-align: center; padding: 20px 0 0 0!important; margin: 0!important; height: 50px!important;}
 #new_post_title.header{margin:0!important; }
 #JournalAlbum .header {font: bold 22px Arial; color: #617590!important; text-align: center; padding: 0px!important;}
 #rewrite, #preview, .submit {border: 2px solid #617590!important; -moz-opacity:.99 !important;opacity:.99 !important; filter:alpha(opacity=99);}
 #JournalDraft .postContent {padding: 15px 10px 15px 10px !important;}
 #JournalDraft .header span {background: none!important; font: bold 16px Minion Pro, Georgia !important; color: #000000!important; position: absolute; right: 50px; margin-top: -2px;}
 #JournalLinks #postsArea a {color: #676768;}
 #JournalLinks .header h2{font: normal 22px Minion Pro, Georgia !important; color: #000000!important; margin-left: 15px!important; background: none!important; text-shadow: 2px 2px 2px #ffffff;}
 #links_title {font: bold 22px Arial; color: #617590!important;}
 .header.left {font: bold 22px Arial; text-align: center; padding: 40px 0 0 0!important;}
 {------------КОММЕНТАРИИ-----------------}
 #JournalComments .postContent, #JournalFavorite .postContent, #JournalQuote .postContent {padding: 15px 10px 15px 10px !important;}
 .avatar img{-moz-border-radius: 50px; border-radius: 50px; max-width: 100px; max-height: 100px;}
 .sign {max-width: 100px; text-align: center;}
 .commentAuthor {margin-top: -50px; margin-left: 12px!important; width: 100px;}
 .authorName, .communityName {margin-left: 145px!important;}
 .authorName a{color: #8c8c8c!important;}
 .authorName a:hover{color: #617590!important;}
 #JournalComments #page-c,#JournalQuote #postsArea {width:100% !important; padding: 0px!important; margin: 40px 0 0 0 !important;}
 #JournalComments .postActionLinks {margin-top: 0px;}
 #commentsArea {width:100% !important; padding: 0px!important; margin: 0!important;}
 #commentsArea .header span {background: none!important; font: bold 16px Minion Pro, Georgia !important; color: #000000!important; position: absolute; right: 0; margin-top: 20px;}
 #commentsArea_title, #addCommentArea_title {font: bold 22px Arial; color: #617590!important; text-align: center;}
 #JournalComments .singlePost .postActionLinks {margin-top: 35px!important;}
 #JournalComments .singlePost .header h2, #JournalFavorite .singlePost .header h2, #JournalQuote .singlePost .header h2{font: normal 22px Minion Pro, Georgia !important; color: #000000!important; margin-left: 140px!important; background: none!important; text-shadow: 2px 2px 2px #ffffff;}
 {-----------------NONE-------------------}
 #myLinks, #myDiaryLinks_title, #myNotepadLink, #myLinksLink, #myQuotLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #thisDiaryOwner_title, #rssLink, #upInChart, #postsCalendar, #thisDiaryLinks, #globalLinks_title, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #diarySpiritLink, #randomDiaryLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #myCommunitiesLink, #headlineList, #sortOrder, .order_button, #Stats a+a, #YaSearch, #JournalDraft #epigraph, .sign {display: none !important;}

1. Как отобразить название дневника. На настройках отображается, при охранении и переходе на страницу название дневника отображается только при наведении курсора , потом исчезает. Уже эту подсветку искала- искала что б там цвет поставить как при наведении курсора, и не найду.
2. Как сделать чтобы меню шло столбцами по три, а не хаотично как у меня? При этом сохраняя враппер в том размере как в коде.
~~— 3. Значки под аватаром "ПОЧТА" "НАПИСАТЬ" "В ИЗБРАННОЕ" не хотят отображаться. Картинки все залила как надо.~~

Все же не получается у меня меню сделать.
#side ul li {font: normal 12px Arial; color: #ffffff!important; border-bottom: 1px solid #6e6e6e; width: 115px !important; padding: 5px 14px 7px 0;}

чтобы было две разделяющие линии как в меню.
ни со стороны не отображается ни как вообще.

запись создана: 04.12.2013 в 18:41

@темы: diaryCSS

URL

четверг, 05 декабря 2013

23:10

все записи пользователя в сообществе Дохлый эльф без амбиций

Все, что не убивает нас сегодня, попробует ещё раз завтра

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

картинко

код

body {background: url('/userdir/2/7/0/5/2705331/79959353.jpg');}
 #wrapper{width:1000px}
 #extratop {background: url('/userdir/2/7/0/5/2705331/79964098.png'); no-repeat; width:887px; height:294px;}
 #page-c{width:800px;background-color: rgba(255, 255, 255, 0.0)}
 #page-t {margin:0 !important; }
#epigraph .postInner {background: rgba(255, 255, 255, 0.4); border:none}
 #postsArea .header h2 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 150%; color: Darkred; }
 .postInner {width:752px; background-color: rgba(255, 255, 255, 0.7); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:10px; font: 14px arial; font-color:#000000; background: #ffffff; border-radius: 5px; border: 4px solid rgba(110, 0, 0, 1); font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 120%; color: black; margin-top:-35px}
 #postsArea .postTitle {width:780px; height:80px; background: url('/userdir/2/7/0/5/2705331/79961293.png') no-repeat; padding-top:28px; margin-top:-25px;}
 #postsArea .postDate {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 150%; color: Darkred;}
 .postInner {width:752px; background-color: rgba(255, 255, 255, 0.7); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:10px; font: 14px arial; font-color:#000000; background: #ffffff; border-radius: 5px; border: 4px solid rgba(110, 0, 0, 1); font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 120%; color: black; margin-top:-35px}
 #side{width:170px !important;margin:0 !important; left 500px; background-color: rgba(255, 255, 255, 1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:10px;}

решено)

@темы: эпиграф

URL

среда, 04 декабря 2013

10:08

все записи пользователя в сообществе жалко у пчёлки

Кто красный и сидит в углу?

добрый день!
решила в кои-то веки подключить css и сразу наткнулась на проблему:
как убрать эту порнографию? ОСТОРОЖНО - БОЛЬШИЕ КАРТИНКИ

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

URL

понедельник, 02 декабря 2013

18:10

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

Не прошло и года, а я снова тут х) Текущая проблема и вовсе убивает мой мозг, и я даже не знаю куда с ней обратиться. Дело в том, что я недавно установила дизайн автоматически. Потом передумала и решила вручную установить другой. Но после этой автоматической установки возникла проблема. Текущий дизайн (каким бы он ни был, разные выбираю) сбрасывается, в библиотеке оформлений показано, что никакой дизайн не выбран, а в дневнике стоит тот самый проклятый автоматический дизайн. Как решить этот кошмар?

@темы: diaryCSS

URL

воскресенье, 01 декабря 2013

10:49

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

Здравствуйте. Сменила дизайн и протестировала с другого дневника, чтобы посмотреть, как будет выглядеть у читателей. Так вот получается, что со своего дневника ссылка "поделиться" слева от поста стоит на месте, а с чужого съезжает вправо. Как исправить?
blackberryfairy.diary.ru/

@темы: diaryCSS

URL

пятница, 29 ноября 2013

15:47

Сортировка записей

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

Still bird

Кнопки сортировки выскочили и сидят сбоку :bull:

Выключаться не хотят

.order_button {display: none !important;}
 #sortFromBegin {display: none !important;} 
 #sortOrder { display: none !important;}  
.order_button {background: none !important;}

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

URL

вторник, 26 ноября 2013

20:03

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

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

Здравствуйте!
Подскажите:
1. Как сделать, чтобы штриховая линия (dashed) разделяющая посты была при этом еще и вдавленная (groove)?
Никак не удается уместить эти значения в одном коде?

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

3. Что изменить, чтобы при нажатии на "поделиться" значки не уезжали под полоску разделителя?
Заранее спасибо))

URL

воскресенье, 24 ноября 2013

18:12

Скругленные края

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

Жарьте, рыба будет

Скругленные края внезапно не желают отображаться =( Сколько делала CSS-дизы всегда код работал, а теперь в хроме все кругло и хорошо, в Файрфоксе и ИЕ - квадратно :-(

Что не так?

Код:
#page-t{background:#fff; position:relative; left:-40px; margin-right:15% !important; padding:20px 30px 20px 30px; border-radius:10 px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: -1px -1px 100px #000;}

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

URL

суббота, 23 ноября 2013

10:44

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

Добрый день! Прошу помощи. Необходимо добавит в меню "Избранное автора". Из кода убрала #authorFav, но это не помогает((
сейчас код такой:

 #wrapper{width:870px;min-width:870px; padding-top: 35px !important; background:#; left:50%; margin-left:-430px; position: absolute; z-index: -3 !important; }
 body {background:#acded6 # repeat-x 50% 0 fixed;}
 #side{width:180px; background: #f9f9f9; margin: 5px 0px 10px 10px !important; -moz-border-radius: 10px; border-radius: 10px; border-style: solid; border-width:2px; border-color:#b0d0cb;}
 .left #page-c {margin-left:-195px;}
 .left #page-t {margin-left:195px;}
 #add_block1 { position: absolute; width: 100%; z-index: -2 !important; }
 #add_block1 { height:44px; top: 0px; left: 0px; background:# 50% 0 repeat-x; position:fixed;}
 #page-t {background: #f9f9f9; width:650px; margin: 5px 10px 10px 200px !important; -moz-border-radius: 10px; border-radius: 10px; border-style: solid; border-width:2px; border-color:#b0d0cb;}
 #add_block2 { position: absolute; width: 100%; z-index: -1 !important; }
 #add_block2 { height:44px; width:558px; top: 0px; background:# 50% 0 no-repeat; position:fixed; left:50%; margin-left:-279px;}
 #myProfileLink, #myAccountLink, #referenceLink, #authorAlbum, #subscribeEmail, #rssLink, #upInChart, #albumLink, #communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #faqLink, #pchListLink, #lastComments, #pchs {display: none !important;}
 .postTitle {font: bold 16px Georgia; background: #e4f2f0; margin-bottom: 15px !important; padding: 5px 5px 5px 5px!important; text-align : center; text-shadow : #848484 1px 1px 1px; }
 .postTitle {background: #e4f2f0 !important; }
 #post0 .postTitle {background: #f9f9f9 !important; }
 #epigraph, #post0 {padding: 0px !important;}
 A:HOVER{color: #3b5853 !important; text-decoration: none;}
 .postDate{font-style:italic !important; font-size:12px !important;}
 .singlePost {position: relative; padding: 40px 0px 0px 0px !important; }
 .quote_text {background:#e4f2f0 !important; padding: 12px; display:block;}
 #extrabottom{height:48px;background:# 100% 0 no-repeat;}

P.S. проблема решена, спасибо Тайя, которая душит романтиков

@темы: меню, diaryCSS

URL

четверг, 21 ноября 2013

19:09

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

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

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

URL