@CSS — стилизация дневников — @дневники: асоциальная сеть

суббота, 08 марта 2014

13:26

Вопрос про side ul

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

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

Привет!

Нужна помощь! Не корректно работают выпадающие меню side ul, хоть я их как прописываю, ведут они себя независимо от кода.

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

 #thisDiaryOwner_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #myDiaryLinks_title { 
display:block; 
width:160px; 
height:30px; 
overflow: hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #globalLinks_title { 
display: block; 
width: 160px; 
height: 30px; 
overflow:hidden; 
background: #000000; 
border: solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #iAmQuit a {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #login_form_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #thisDiaryLinks_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #side ul {
 width: 160px !important; 
background-color:#000000 !important; 
border:solid 1px #e6e3de !important; 
font: 11px Tahoma !important; 
padding: 5px 5px 5px 5px !important; 
margin: 0px 0px 0px -5px !important; 
}

 #more_login { 
display:none !important; 
}

Сейчас все кнопки прописаны шириной в 160px, такую же ширину я задала селектору side ul, но он упорно становится шире пикселей на 10, чем кнопка, причем что места, как видите, для текста ссылок внутри блока предостаточно. И похоже это зависит от padding, чем больше я задаю padding для #side ul, тем шире становится сам блок, несмотря на заданные 160 пикселей.
Здесь я задала для #side ul - padding: 10px 10px 10px 10px !important

А здесь наоборот padding: 0px 0px 0px 0px !important

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

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

@темы: меню, отступы, рамки и полоски, diaryCSS

URL

13:18

все записи пользователя в сообществе do not speak

Не ищи меня в других. Меня там нет.

ДД!
вопросы такие:
1) нужно задать фон под заголовок. Если задавать его для header h2, то фон будет и там, где заголовка нет.
Можно ли задать фон только под заголовок с текстом, а если текста нет, то и фона чтобы не было?
2) какие id у ссылок "следующая, предыдущая" у страниц #pageBar?

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

URL

вторник, 18 февраля 2014

09:36

бэкграунд, границы меню, обрезка картинок

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

don't keep calm and fuck them all

Здравствуйте!
Начала осваивать css. Сделала макет, написала код, но никуда без багов. >< Я их уже и так, и этак, но не понимаю, как от них избавиться. тт_тт Помогите!! :beg:

Буду очень признательна за помощь!!

1. самая главная ужасная проблема, не знаю откуда только она такая взялась >< , у меня что-то происходит c бэкграундами. то есть:
вместо {background: url ('КАРТИНКА') repeat fixed} после нажатия на кнопочку "сохранить" - никакого фона, никакой картинки, а в коде появляется взамен этот ужос: {background: # repeat fixed}. :horror2:

далее парочка багов в скриншотах

И еще хотелось бы совет получить, кому не жалко дать. :shuffle:

1. это не принципиально для данного диза, но хотелось бы, вдруг кто подскажет? у меня в макете предполагалось, что название днева и ник будут заглавными буквами, вот так:
превью
а получается стандартно (выше в превьюшках багов можно увидеть). а хочется заглавных. что тут можно предпринять? ))

Код прилагается:

 .block_design {background:url('/userdir/2/7/0/2/2702809/80549095.png') 50% 50% fixed;}
 #wrapper {width: 940px !important; padding: 0 !important; overflow: hidden !important; margin-top: 30px !important; margin-bottom: 30px !important;}
 #side {width: 200px !important; background: #ffffff; margin:0 !important; position: fixed !important; border: 1px solid #c8c8c8 !important; padding-top: 15px !important;}
 #page-c {width: 700px !important; background: #ffffff; padding-right: 20px !important; padding-left: 20px !important; padding-top: 15px !important; margin: 0 !important; border: 1px solid #c8c8c8 !important;}
 #page-t {margin:0 !important;}
 .menuSection {border-top: 1px solid #c8c8c8 !important; padding-bottom: 15px !important; padding-top: 25px !important;}
 #side h1 a {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 #thisDiaryPhoto img {border: 4px solid #b6cdc8 !important; margin-top:-7px !important;}
 #authorName {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 .menuSection a {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 .menuSection li {padding-left: 20px !important;}
 #TagsList a {font: 12px Georgia !important; color: #b6cdc8 !important;}
 #tagslistlink ul li {width: auto !important;}
 .tags_ul_all span {font: 12px Georgia !important; color: #c8c8c8 !important;}
 #epigraph {border: none !important; margin-top: -25px !important;}
 #epigraph a {text-decoration: none !important; font: 13px Georgia !important; color: #b6cdc8 !important;}
 #lastComments, #Stats, #pchs, #myLinks, #YaSearch, #myAccountLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #subscribeEmail, #unsubscribeEmail, #authorRSS, #albumLink, #rssLink, #myDraftLink, #postsCalendar, #upInChart, #myNotepadLink, #myQuotLink, #myProfileLink, #optionsLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #iAmQuit, #mySFavLink, #TagsList span {display: none !important;}
 .Attention, .prevnext, .order_button, .diary, .profile, .umail, .lastLink {display: none !important;}
 .postDate {font: bold 14px Georgia !important; color: #b6cdc8 !important; padding-bottom: 10px !important;}
 .header {padding-bottom: 10px !important;}
 .header span {font: bold 16px Georgia !important; color: #b6cdc8 !important;}
 .header h2 {font: bold 16px Georgia !important; color: #b6cdc8 !important; margin-left: 5px !important;}
 .avatar img {width:100px !important; min-width: 100px !important; max-width: 100px !important; border: 4px solid #b6cdc8 !important;}
 .sign {font: 11px Georgia !important; color: #b6cdc8 !important;}
 .postLinksBackg {font: bold 11px Georgia !important; color: #b6cdc8 !important; padding-top: 15px !important;}
 .atTag span, .atMusic span, .atMood {font: bold 11px Georgia !important; color: #b6cdc8 !important;}
 .atTag a, .atMusic {font: 11px Georgia !important; color: #b6cdc8 !important;}
 .singlePost {border-bottom: 1px solid #c8c8c8 !important; padding-bottom: 15px !important; padding-top: 15px !important;}
 .LinkMore {font:14px Georgia !important; color: #b6cdc8 !important;}
 #pageBar a {font: bold 12px Georgia !important; color: #c8c8c8 !important;}
 #pageBar strong {font: bold 16px Georgia !important; color: #b6cdc8 !important;}

UPD: БАГИ УБРАНЫ, СПАСИБО Min Young-nim и Стражница Поднебесья !!

@темы: меню, фоновые картинки, рамки и полоски

URL

пятница, 14 февраля 2014

14:41

.header — блок заголовка записи

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

Когда я перестаю молиться, совпадения прекращаются (с)

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

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

URL

понедельник, 03 февраля 2014

14:09

Проблема с эпиграфом

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

...Нет мастерства без волшебства...

очень нужна помощь по CSS.
Вообщем ситуация такая, я заказывала дизайн для дневника, мне все понравилось и прошло уже много времени, но возникла одна проблема в эпиграф никак не вставляются ссылки (знаете как делают ссылки на приветственный пост, правила), все упорно говорят, что проблемы в коде дизайна, но проблема в том, что человек который делал мне дизайн больше ими не занимается... и попросту ушел с этих мест. Может быть кто-нибудь из здешних умельцев подскажет, что нужно сделать (какую строчку из кода убрать, какую подкорректировать), чтобы в эпиграф можно было вставить ссылку...

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

URL

воскресенье, 02 февраля 2014

19:44

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

Пытаюсь реанимировать свои школьные знания CSS, но пока со скрипом идет.
Нужна помощь профессионалов.

~~1. Как сделать ссылку "подписаться" доступной только в комментариях, чтобы в ленте дневника видна не была~~

2. Главное меню, которое сейчас в левом нижнем углу, не должно быть выпадающим списком. вместо него нужна просто ссылка на главную страницу
то есть, чтобы вместо всего #globalLinks был только #mainpageLink

3. Возможно ли URL записи сделать датой записи?
то есть опять же .urlLink = .postTitle span или .postDate

4. Пытаюсь сделать ссылки "комментировать" и "в цитатник" видимыми по наведению при помощи
#comments {visibility: hidden;} #comments:hover a {visibility: visible !important; }
- не работает. в чем может быть дело?

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

URL

четверг, 30 января 2014

11:59

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

Если я молчу, то это не значит что мне нечего сказать ©

Доброго времени суток!
Интересует такой вопрос.. Возможно ли сделать так, что бы отображалось определенное количество записей в блоге? Т.е. например 5 постов на каждой странице? Существует такой код?

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

URL

среда, 22 января 2014

08:18

Вопрос

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

Моя любовь к тебе - застывший маятник. Не покачнуть весы, не изменить оси.

Здравствуйте.
Я сразу признаюсь - ничего не понимаю в css.
Несколько лет назад написала себе код, пользовалась им, не снимая, с 2009 года, только меняла в нем цвета.
Но нынче ночью дайр весело глюкнул (вопрос в техподдержку задала, но не очень надеюсь на то, что диз мне вернется), и удалил мой дизайн.
Из настроек.
Села писать новый (ну как писать - выдергивать нужные мне строчки из постов и комментариев этого сообщества) и столкнулась со странной проблемой.
Добавляю строки, меняю параметры, смотрю - все получается.
Полоски встали, эпиграф заузился, как нужно, столбец с меню тоже, ненужные строки скрылись, шрифт на заголовок и время записи лег, только почему-то время и дата жирным выделяются, а сам заголовок нет - это первый вопрос.
И второй. Смотрю - все так, как мне нужно. Нажала "сохранить", поставила дизайн, ничего в строках не меняла - пропали полоски.
И не появляются - это второй вопрос.
Посмотрите, пожалуйста, из-за чего это может быть.
Спасибо.

 #epigraph {width:700px; margin: 0 auto !important; font-family:"arial"; font-size: 12px; color:#33110a;}
 #epigraph {border-bottom: #33110a double; 1px !important;}
 .singlePost, .singleComment, .menuSection, .pageBar { border-top: #33110a double;1px !important;}
 #side h1 a {font-family: "Monotype Corsiva"; font-size: 22px; color:#33110a; font-weight: bold;}
 #photolibLink, #albumLink, #myLinksLink, #myAccountLink {display:none;}
 #authorName span {font-family:"Monotype Corsiva"; font-size: 16px; color:#33110a;}
 #side {width:185px; font-family:"arial"; font-size: 13px;}
 .avatar img, .avatarNew img {background-color: #99827a; border: 1px solid #33110a; padding: 2px; }
 .postDate span, .postTitle {font-family:"Monotype Corsiva"; font-size: 22px; color:#33110a; font-weight: bold;}

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

<div style="margin-left:50px; margin-right:50px;">бла-бла</div>

в самом посте можно подвинуть текст слева и справа, сделать поля. А можно это как-то задать по умолчанию через css? Не нашла т_т

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

URL

среда, 15 января 2014

23:18

все записи пользователя в сообществе хурмушка

[love]лю время ❤

Здравствуйте. У меня такая проблема... У меня на экране три браузера показывают всё ок. Но на мониторе (который огромный) у парня google chrome показывает вот так. Mozilla Firefox показывает ок.

Как от это исправить?

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

URL

вторник, 14 января 2014

19:51

все записи пользователя в сообществе Сумасшедший Шляпочник ака Хима

Эдип женился на матери случайно, а потом Фрейду понравилась сама идея.

Здравствуйте. Помогите несчастному нубу, который уже весь мозг себе сломал! Т_Т

Собственно проблема и сканы

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

URL

пятница, 10 января 2014

23:56

помощь с багом

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

upd
На странице с избранным проблему убрали, но на всех остальных страницах (черновики, цитатник и т.д.) она осталась.
Помогите, плиз!

Здравствуйте! Есть небольшой баг в дизайне, очень хотелось бы от него избавиться, но моего ума для этого не хватает. помогите, пожалуйста!
фото бага прилагается:
смотреть

+ код:

#wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important;}
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/9/8/5/2/985263/80244264.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 .postActionLinks { position:relative; left:-50px; }
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: # fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #fbfbfc !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 0px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/9/8/5/2/985263/80244267.png'); #; background-repeat: no-repeat; width: 1200px; height: 482px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/9/8/5/2/985263/80244265.png'); #; background-repeat: no-repeat; width: 1200px; height: 42px; margin-left: 17px; position: relative; margin-top: -32px;}
 {-------меню--------}
 #side {position: relative; top: 20px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 136px !important; margin-top: -27px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 23px times new roman !important; font-style: italic !important; margin-left: 47px !important; margin-top:142px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #iAmQuit {display:none;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 4px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #678b42 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #678b42 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #678b42 !important; position:absolute;}
 #bottomNav {display: block !important; top: 0px !important;}
 .avatar img, .avatarNew img {border: 2px solid #30440b;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/9/8/5/2/985263/80244269.png') no-repeat 100% 100%; height:73px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; font-weight: bold !important; font-size: 15px !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important; z-index: 20;}
 .postLinks a {color:#3f5712;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#442b03 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important; font-weight: bold !important;}
 .postTitle {text-align: left !important; color:#3f5712 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#3f5712 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 55px; width: 28px; height: 31px; background: url('/userdir/9/8/5/2/985263/80244274.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 52px; width: 32px; height: 28px; background: url('/userdir/9/8/5/2/985263/80244276.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}

запись создана: 09.01.2014 в 23:29

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

URL

16:06

нид хелп

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

upd
Всё решено с помощью Тайя, которая душит романтиков)

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

Самый жуткий баг - наползающее на посты меню. Причём наползает оно практически везде, кроме главной странице: на странице с комментариями, на странице правки поста, при просмотре избранного, в цитатнике.
Скрины прилагаются:
смотреть

И ещё вопросик: можно ли расположить меню по центру, и если да, то куда это прописывать?
Скрин:
смотреть
И кнопочка редактирования эпиграфа почему-то не активна, но это мелочи.

Код:
{--------основные блоки-----------} #extratop{height:376px;background:url('/userdir/1/6/1/9/1619707/80280681.png') 50% 0 no-repeat; margin-top: -10px !important;} #wrapper{width:970px;min-width:970px; } #page-t { padding-top: 60px !important; width:800px; margin-left:90px !important;} {--------Menu-----------} .menuSection a {color: #0c2b4b !important; font-size: 16px !important; text-shadow: #ffffff 1px 1px 1px;} #side {position: absolute; margin-top: 180px; margin-left:455px !important; z-index: 1 !important;} #myDiaryLinks {position: absolute; margin-top:-135px; margin-left:-265px;} #globalLinks {position: absolute; margin-top:-135px; margin-left:-30px;} #thisDiaryOwner {position: absolute; margin-top:-135px; margin-left:210px; display:block; width:220px;} #thisDiaryLinks, #subscribeEmail, #upInChart, #rssLink, #lastComments, #albumLink, #faqLink, #YaSearch, #diarySpiritLink, #myDiaryLinks_title, #myNotepadLink, #myFavLink, #myLinksLink, #myProfileLink, #albumLink, #allDiaryLink, #myCommunityLink, #postsCalendar, #communityCatalogueLink, #randomDiaryLink {display:none;} #authorName {display:block; position:absolute; margin-top:-220px; margin-left:-45px; font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; } #side h1 a {display:block; position:absolute; margin-top:-565px; margin-left:-80px;font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; } #Stats {display: none !important;} #myAccountLink {display: none !important; } {--------posts-----------} A:HOVER{text-shadow: #ffffff 1px 1px 1px;} A:LINK{text-shadow: #ffffff 1px 1px 1px;} #post0 {margin-top: 175px !important;} .singlePost { position: relative; background: #acc8d4; padding: 25px 25px 25px 25px !important; margin: 0px 0px 45px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; } .singleComment{position: relative; background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; } #msg_form{background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; } .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;} .singlePost .postDate { float:right !important; margin: -54px -25px 0px 0px; padding: 0px !important; color: #9f9f9f; text-shadow: #ffffff 1px 1px 1px; } .postActionLinks { margin-top: -15px; } #sortOrder { margin: -10px 0px 0px 0px; } .singlePost .postTitle span {width: 96px; height: 68px; position: absolute; right: -103px; background: url('/userdir/1/6/1/9/1619707/80280775.png') no-repeat; display: block !important; text-align: left; color: #1f1f1f !important; padding: 25px 0px 0px 5px !important;} a:HOVER{color: #4082ca !important; text-decoration: none;} img { max-width: 700px !important; } {--------Иконки-----------} .atTag em, .atMusic em, .atMood em, .atTag a { font-style: normal; text-decoration: none; color: #698595 !important;} .postLinksBackg a {color: #e36a64 !important;} #bottomNav {display: block !important; text-shadow: #ffffff 1px 1px 1px;} #pageBar {text-shadow: #ffffff 1px 1px 1px !important;}

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

URL

воскресенье, 05 января 2014

12:08

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

Трепетная лань. Наклонности Гестапо.

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

.postContent { padding: 10px; border-radius: 15px; background:rgba(255, 255, 255, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#482a13,endColorstr=#482a13); -moz-box-shadow: -2px 3px 12px #570d02; -webkit-box-shadow: -2px 3px 12px #570d02; box-shadow: -2px 3px 12px #570d02;}

@темы: diaryCSS

URL

суббота, 04 января 2014

22:47

Добрый вечер

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

Не подскажете, как надо прописать код, чтобы между блоками записей и комментариев было пусто? Я пробовала делать отдельный фон для #postsArea и #commentsArea, но тогда поле "добавить комментарий" остаётся вообще прозрачным :nope:

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

URL

пятница, 03 января 2014

12:23

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

блажен тот, кто ничего не ждёт, ибо он не обломается

Здравствуйте.
Не могу загрузить в БИ большую фоновую картинку - он ее уменьшает до каких-то мизерных размеров, и в итоге все смотрится неполноценно. Помогите(
Честно пыталась искать такую же тему, но черт разберет, тут уже столько записей =)

Если что, увеличение БИ до 300 МБ я оплачивала.

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

URL

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

01:02

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

Люблю принимать решения, после которых тараканы в голове аплодируют стоя. || Мировое зло с пушистыми кисточками ©Estimada

Добрый день!
Уплывает extratop...
Картинка
Вот код:

 #extratop { background : url('/userdir/3/2/0/6/3206577/80196942.gif') no-repeat; width : 741px; height : 186px; float : right; margin-top : 0; }

Если менять параметры ширины - оно уплывает влево, наезжая окончательно на ник. Что его может жрать справа? И как убрать вот это уплывание?

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

URL

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

16:27

все записи пользователя в сообществе Ксаксиксюльц

[Весь мир - большой толковый словарь, а я в нем - codex seraphinianus]

Здравствуйте!
Вот этот код:

 .postContent .postInner img {margin: 15px; -webkit-transition: margin 0.5s ease-out;-moz-transition: margin 0.5s ease-out;-o-transition: margin 0.5s ease-out;}
 .postContent .postInner img:hover {margin-top: 2px;}

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

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

URL

00:05

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

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

@темы: меню

URL

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

11:49

Фиксированное меню & картинки вместо названия дневника.

все записи пользователя в сообществе Балмунг Фезалион

The world is full of idiots, so how can it be wrong to sing death death devil devil evil evil songs?

Есть ли способ вытащить дочерний элемент из родительского? Нужно применить к #side fixed, а к имени автора и названию дневника relative. #side:not(#authorName) не работает, другой способ не могу придумать. Могу придумать применять fixed ко всем разделам меню подряд, потом располагать их маргинами чёрт знает где и долго париться из-за разницы в количестве пунктов в меню для зарегистрированных пользователей и для гостей, но вдруг есть более простое решение? Может, существует оболочка, объединяющая все пункты меню, кроме имени автора и названия дневника?

@темы: меню

URL

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

21:51

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

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

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

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

@темы: diaryCSS

URL


Запомнить