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

четверг, 03 марта 2011

18:30

Меню убегает

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

Предвестник кровоточащей радуги © Я молоко топор 30 ракет вперед.

Буквально несколько часов всё было в порядке, теперь же в дизе слетело что-то, и меню, вместо того, чтобы быть там, где ему положено, падает в самый низ страницы, словно для блока мало места.
Но это только когда главную страницу дневника открываешь. При перелистывании, просмотре ленты избранного, создании записи, просмотра записи всё на своих местах. Но стоит нажать на "мой дневник", как меню снова убегает. Вроде всё должно работать, и места достаточно, пиксели я двигала, кэш чистила.
Опера, хром и лис одинаково отображают этот косяк.
Я не знаю, что делать, помогите, пожалуйста.

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

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

URL

среда, 02 марта 2011

16:38

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

Пока мы думаем, как убить время, время убивает нас. (с) А. Алле

Пожалуйста подскажите:
1) как сделать подсветку вокруг аватара?
2) как сделать первую букву поста большой и другого шрифта?

URL

вторник, 01 марта 2011

14:39

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

Здравствуйте! Нужна помощь с реализацией макета

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

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

URL

понедельник, 28 февраля 2011

01:01

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

All of the love we left behind watching the flashbacks intertwine. I think our lives have just begun.

Здравствуйте!
Я никак не могу сообразить в чем же проблема: у меня экстработтом почему-то отступает от нижнего края последнего поста на странице, вот так:

Уже и чужие дизайны просмотрела, но никак не могу понять в чем же дело? Этот разрыв смотрится просто ужасно(
На всякий случай кину часть кода со страницей и экстработтомом:

 #wrapper{ background: #; min-width:0px !important; width: 950px; position: center !important; margin-top: 0px !important; margin-bottom: 0px; padding: 0; overflow: hidden !important;}
 #extrabottom {background: url('/userdir/2/0/0/3/2003629/66370979.jpg') 100% 0 no-repeat; width:704px; height:135px; }

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

URL

воскресенье, 27 февраля 2011

01:39

выход

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

Склероз - прекрасная болезнь! Ничего не болит и каждый день - новости.(c)

Копка выхода внезапно размножилась Оо не подскажите как её убрать?

вот код

#iAmQuit b{position:absolute;top:532px !important; left:709px;}
 #iAmQuit a{display:block; width:300px; height:90px; line-height:200px; overflow:hidden; background: url('/userdir/7/5/1/4/751493/66284243.png') 2px 4px no-repeat; }
 #iAmQuit a:hover{ background: url('/userdir/7/5/1/4/751493/66284243.png') 0px 0px no-repeat;}

@темы: меню

URL

пятница, 25 февраля 2011

23:28

И еще два новых вопроса...

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

Alan FrostFox | сержант морской пехоты Д.К.

Здравствуйте. Либо я слепой, либо еще что-то. Но не могу найти, как сделать так, чтобы на странице комментариев ники авторов располагались по середине над аватаром... Ткните меня носом, если на этот вопрос отвечали уже.

upd.
Вопрос номер 2. При установке дизайна внизу вылез скролл. Его можно как-нибудь убрать?
Вопрос номер 3. Меню выпадающее. Но при попытке тыкнуть в то, что, собственно, выпадает, менюшка сворачивается. Это лечится?
Вопрос номер 4. Имя автора, замененное картинкой, не хочет двигаться по горизонтали. Вверх-вниз подвинуть можно, а вот влево нет. В чем косяк?
Вопрос номер 5. Как сделать, чтобы часы и время поста-комментария полужирным писались? фонт-стайл: болд не помогает.

Вопрос номер 6. Хотелось бы убрать из меню то, что появляется при заходе под "Гостем".
вот это

обновленный код

запись создана: 24.02.2011 в 23:56

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

URL

21:43

все записи пользователя в сообществе Пуфистая

Никогда не бойся делать то, что ты не умеешь. Помни, ковчег был построен любителем. Профессионалы построили "Титаник"...

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

Искала через поиск, не нашла
спасибо

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

URL

четверг, 24 февраля 2011

17:40

Смена фотографии в меню

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

.Yulle.

Здравствуйте.
Совершенно глупый вопрос, но проблема уже встала ребром:

1. посредством цсс не могу поменять фотографию-картинку в меню. Она просто не отображается.

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

Полностью код

 body {background: url('/userdir/9/3/0/6/930699/62086019.jpg'); }
 #wrapper{width:1000px;min-width:0;}
 #extratop {height: 400px; background: url('/userdir/9/3/0/6/930699/66231752.png'); }
 #extrabottom {height: 400px; background: url('/userdir/9/3/0/6/930699/66232427.png');}
 #side{width:224px; height: 600px;}
 .left #page-c {margin-left:-234px;}
 .left #page-t {margin-left:234px;}
 .right #page-c {margin-right:-234px;}
 .right #page-t {margin-right:234px;}
 #side {background: url('/userdir/9/3/0/6/930699/66232310.png') ! important;}
 #side H1 A {font-size: 14pt; font-weight: bold; color: darkgreen !important;}
 #thisDiaryPhoto {background:url('/userdir/9/3/0/6/930699/66233237.png') no-repeat; height: 171px !important; width:342px !important;}
 #authorName {font-size: 12pt; font-family:"Comic Sans MS"; margin-right: 80px !important; color: black; font-weight: bold; border-color:white; border-style:solid;}
 .authorName a {color: white !important; font-size: 12pt; font-family:"Comic Sans MS";}
 .menuSection a {color: darkgreen;}
 #page-c {background: url('/userdir/9/3/0/6/930699/66232052.jpg');}
 #page-t {margin-right:8px;}
 .postContent {background: url('/userdir/9/3/0/6/930699/61426250.jpg'); }
 a:hover {color: darkgrey; font-weight: bold;}
 .header h2 {color: white; }
 .postTitle {color:#96582b; font-size: 20px; }
 .postTitle span {color: black; }
 .postDate { color: black !important; }
 .sign {color: grey !important; font-weight: underline !important;}
 .uline SPAN {background: url('/userdir/9/3/0/6/930699/58759160.png') no-repeat ; padding-left: 60px; padding-top: 25px; padding-bottom: 5px; }
 .postLinksBackg A:hover {color: darkgrey; font-weight: bold !important; text-decoration: underline;}
 .atTag {background: url('/userdir/9/3/0/6/930699/58761488.png') no-repeat ; padding-top:7px; padding-left: 20px; }
 .atTag a {color: darkgreen;}
 .atTag span {display: none;}
 .atMood {background: url('/userdir/9/3/0/6/930699/58761350.png') no-repeat; padding-top:7px; padding-left: 50px; color: darkgreen;}
 .atMood span {display: none;}
 .atMusic {background: url('/userdir/9/3/0/6/930699/58761131.png') no-repeat; padding-top:7px; padding-left: 50px; color: darkgreen;}
 .atMusic span {display: none;}
 .uline {padding-top: 25px !important;}
 #shsmile, #content #shsmile, #L_1 a,#L_2 a,.z_n,.z_top {background:none !important;}
 .quote_text, .blockquote {color:Snow3 !important; padding-right: 10px !important; font-family: 'Monotype corsiva'; font-size: 16px; border-width:1px; border-color:darkgrey; border-style:solid;}
 #JournalComments #postsArea {padding-top: 70px;}
 ##but {background: none !important;}
 .TagL {color: darkred;}
 .avatar img {width:120px! important;min-width:120px!important;max-width:120px!important;}
 #lastComments {display: none;}
 #subscribeEmail {display: none;}
 #unsubscribeEmail {display: none;}
 #postsCalendar {display: none;}
 #rssLink {display: none;}
 #upInChart {display: none;}
 #thisDiaryLinks {display: none;}
 #authorLinks {display: none;}
 #authorAlbum {display: none;}
 #joinThisCommunity {display: none;}
 #writeThisCommunity {display: none;}
 #communityDraftLink {display: none;}
 #communityMyPosts {display: none;}
 #communityFav {display: none;}
 #communityQuote {display: none;}
 #communityAlbum {display: none;}
 #leaveThisCommunity {display: none;}
 #globalLinks {display: none;}
 #globalLinks ul {display: none;}
 #globalLinks_title {display: none;}
 #allDiaryLink {display: none;}
 #iAmQuit {display: none;}
 #iAmQuit b {display: none;}
 #more_login {display: none;}
 #login_change {display: none;}
 #usrlog {display: none;}
 #usrpass {display: none;}
 #open_url {display: none;}
 #save {display: none;}
 .std_submit {display: none;}
 #favListLink {display: none;}
 #pchListLink {display: none;}
 #communityCatalogueLink {display: none;}
 #myCommunitiesLink {display: none;}
 #myCommunityLink {display: none;}
 #randomDiaryLink {display: none;}
 #diarySpiritLink {display: none;}
 #diarySupportLink {display: none;}
 #faqLink {display: none;}
 #lastComments {display: none;}
 #pchs {display: none;}
 #pchs ul {display: none;}
 #pchs_title {display: none;}
 #pchs li {display: none;}
 #pchs a {display: none;}
 #Stats {display: none;}
 #mainpageLink {display: none;}
 #allDiaryLink {display: none;}
 #favListLink {display: none;}
 #randomDiaryLink {display: none;}
 #diarySpiritLink {display: none !important;;}
 #faqLink {display: none !important;}

2. Хотела поставить картинку-фон (белый полукружок) под ссылками поста - "комментарии", "подписаться" и т.п. Картинка обрезается и очень маленькая. Когда я этим ссылкам задаю ширину и высоту, они все сдвигаются и кучкуются под URL. Можно ли как-то все же поставить и задать, чтобы ссылки не съезжали?

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

URL

00:20

Эпиграф

все записи пользователя в сообществе Ryu-O

Keep on pretending.|"В этом мой секрет — я зол постоянно."

SOSME!
Искренне сломала голову. Возможно, ввиду позднего времени и давности проблемы уже просто замутнённым разумом не вижу решения.
Однако.

Пытаюсь сделать так, чтобы картинка менялась при наведении курсора с одной на другую.
С экстратопом функция img и img:hover не прокатывает, насколько мне удалось понять.

Значит, мучаю эпиграф.
Следующим кодом удалось добиться смены одной картинки на другую при наведении:
#epigraph img {background: url('картинко1') 0% 0% no-repeat !important; width: 1050px; height:370px;}
#epigraph img:hover {background: url('картинко2') 0% 0% no-repeat !important; width: 1050px; height:370px;}

Вижу, как меняется. Всё вроде бы хорошо.
Однако поверх красоты растянулось вот это. Как я понимаю, это стандартный значок "редактировать эпиграф".
Если его пробовать убирать кодом: .editPostLink {display:none;} - то исчезают и сами картинки в эпиграфе. Хотя я и не вижу взаимосвязи.

За сим, очень прошу дельного совета! Пожалуйста.

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

URL

понедельник, 21 февраля 2011

21:04

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

Автор-многосерийник. Не серийный убийца. Беата умрет последней. Время Воронов, Рыцарей и Волшебства

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

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

URL

воскресенье, 20 февраля 2011

23:39

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

«Я лишь хотел рассказать интересную историю» © Бенуа Сокаль

Подскажите пожалуйста селектор для ссылки «Чтобы вставить цитату с этой страницы, выделите её и нажмите на эту строку». Что-то нигде я не могу нужную мне информацию найти. Ни в ФАКе по Дайри CSS, ни в справочнике селекторов из шапки.

Аналогичный вопрос и по надписям, типа «запись создана: 19.02.2011 в 02:02». Тут я, правда, нагуглил, что за это отвечает .paragraph DIV A SMALL, но прописать отключение подчёркивания ссылки не получилось.

@темы: diaryCSS

URL

17:16

полоса прокрутки

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

sanitarium

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

 .block_design {background: #d6cfce url('/userdir/1/3/3/3/1333647/66089888.png') 0 0 no-repeat fixed; padding: 0 !important;}
 #wrapper{ min-width: 920px; width: 920px; margin: 30px 0 0 197px !important; padding: 0 !important; }
 #add_block1 { top: 420px; }
 #add_block1 { position: Right ; width: 920px; height: 1px; background: #; border-bottom: 0px dashed #964d4d; z-index: -1 !important; }
 {------------------------------------------------------ menu -------------------------------------------------------}
 #side { position: fixed; margin: 155px 0 0 -270px !important; padding: 0px 0 0 0px !important; text-shadow: 1px 1px 1px #212121; text-transform: lowercase; font: bold 14px Candara !important;}
 .menuSection { border-bottom: 1px dashed #646464 !important; width: 150px; padding: 10px 0 10px 70px !important; margin: 5px 0 0 0px !important; }
 #side a { color: #ddd8de !important;}
 #side h1 {position: absolute; top: 230px; left: 80px; text-align: left !important; width: 500px;}
 #side h1 a {font: bold italic 26px Candara !important; color: #ddd8de !important; text-shadow: 1px 1px 1px #212121;}
 #Stats { text-align: left !important; }
 #thisDiaryPhoto img { max-width: 70px !important; width: 70px !important;}
 #thisDiaryPhoto {position: absolute; top: 270px; left: 80px; max-width: 70px !important; width: 70px !important; height: 70px !important; background: #f8f8f9; border: 10px solid #f7e7e7; }
 #authorName {font: bold 20px Candara !important; color: #; position: absolute; top: 360px; left: 80px; width: 920px !important; text-align: left !important; border: none !important;}
 {------------------------------------------------------ display none -------------------------------------------------------}
 #globalLinks, #authorLiks, #authorAlbum, #authorRSS, #postsCalendar, #albumLink, #authorFav, #rssLink, #upInChart, #YaSearch, #lastComments, .urlLink, .sign, #headlineList, #myDraftLink, #writing-pad, #photolibLink, #tagslistlink, #myProfileLink, #sortOrder, .prevPostLink, .nextPostLink, .prevNextLinks, .postLinksOld, .diary, #login_form, #lastComments, #pchs, #myLinks {display: none !important;}
 {------------------------------------------------------ posts -------------------------------------------------------}
 #page-t { background: #d6cfce; margin: 0px 0px 0 180px !important; padding: 30px 10px 10px 10px !important; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top: 1px solid #464646; border-left: 1px solid #464646; min-width:0%; min-height: 500px;}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 500px; margin: 0px 0px 0px 10px !important; }
 .singlePost {position: relative; margin: 10px 0 40px 0 !important;}
 .singleComment {position: relative; margin: 0 0 20px 0 !important;}
 .paragraph { margin: 100px 0px 0 0px !important; background: #d6cfce; padding: 15px !important; border: 1px solid #8d5e5e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden !important; }
 .postDate, .authorName, .communityName, .postTitle, .postLinksBackg { position: absolute; }
 .postDate { top: -20px; width: 480px; font: bold 10px Verdana !important; text-transform: lowercase; color: #a9b3ac !important;}
 .authorName { top: 15px; left: 90px; width: 500px;}
 .communityName { top: -10px; left: 0px; font-weight: bold;}
 .postTitle { top: 35px; left: 90px; width: 480px !important; height: 20px; overflow: hidden !important; line-height: 20px; border-top: 1px dashed #a8a7a7; padding: 5px 0 5px 0 !important; }
 .postLinksBackg { top: 65px; left: 90px; text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #a8a7a7; padding: 3px 0 0 0 !important; width: 540px !important; font: bold 10px Comic Sans MS !important;}
 .postLinks {margin: 0 0 0 -10px !important; color: #a9b3ac;}
 .postLinks a, .authorName a {color: #494150;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #797979; text-decoration: none !important;}
 .commentAuthor {width: 80px; height: 100px; margin: 10px 0 0 0px !important; background: # 30px 77px no-repeat !important;}
 .avatar img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
 .avatar { background: #494150; width: 70px !important; height: 70px; overflow: hidden !important; border: 1px solid #a8a7a7; }
 {------------------------------------------------------ journale and draft page -------------------------------------------------------}
 #Journal #page-t, #JournalDraft #page-t { padding: 10px !important; margin: 0px 0px 0 230px !important;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 35px 0px 0 0px !important; background: #d6cfce; padding: 0 !important; border: none; border-radius: none !important; }
 #Journal .postTitle, #JournalDraft .postTitle { top: -10px; left: 0px; width: 500px !important; padding: 5px 0 0px 0 !important; }
 #Journal .postDate, #JournalDraft .postDate { top: -30px !important; width: 500px; }
 #Journal .postLinksBackg, #JournalDraft .postLinksBackg { top: 18px; left: 0px; text-align: left; margin: 0 !important; padding: 3px 0 0 0 !important; width: 500px !important; }
 #epigraph .singlePost {margin: 0 !important; width: 500px !important; }
 #epigraph .postTitle {display: none !important;}
 .post0 {margin: 0 !important; padding: 0 !important; }
 {------------------------------------------------------ stuff -------------------------------------------------------}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #212121; text-decoration: none !important;}
 #side h1 a:hover, #side h1 a:active, #side a:hover, #side a:active {color: #c2c2c2 !important; text-decoration: none !important;}
 .atTag, .atMusic, .atMood { font: 9px Comic Sans MS !important; 1px 1px 0px #ffffff;}
 img {max-width: 500 px !important;}
 span.quote_text { font: italic 12px Comic Sans MS !important; display: block; padding: 10px; margin: 5px; border-top: 1px dashed #964d4d !important; border-bottom: 1px dashed #cdcdcd !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #fdfaeb; border: 1px solid #e0e0e0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 textarea#message {width: 500px !important; }

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

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

URL

16:39

Проблема c .pageBar

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

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

И снова я. Заметила сегодная в области нумерации страниц совершенно лишнюю там коричневую полосу, которая наезжает на мои чудесные розочки и вообще ведёт себя чёрт знает как. Вот фото с места преступления, преступницу я взяла в кривые красные квадратные скобки, чтоб уж точно её можно было сразу разглядеть:

Посоветуйте, пожалуйста, как эту пакость ликвидировать. Она, конечно, не так уж вопиюще заметна, но общую картину дизайна портит. Заранее благодарна.

На всякий случай снова код:

#wrapper {background-image: url("/userdir/1/6/1/9/1619707/66051380.jpg") !important; background-repeat:repeat;}
 .BigQuote{ font-variant: small-caps !important;color: #654427 !important; font-size:15 !important;}
 .TagL {font-variant: small-caps; font-size: 17px; text-decoration: none; border-bottom: none !important; border-bottom-width:1px !important;}
 .TagL:hover {border-bottom: dotted !important;border-bottom-width:1px !important;}
 #side {text-shadow:white 1px 1px 2px; }
 #side h1 { font-size: 20px !important; font-weight: bold !important; font-color: #826153 !important; text-shadow: white 1px 1px 2px;}
 .authorName a { font-variant: small-caps; color: #654427 !important; font-size: 16px;}
 .sign {font-size: 14px; color:#8a6c23; font-style:normal;color:#8A816F;}
 .menuSection {border-top-style:double !important; border-top-color:#452904 !important; border-width: 3px !important;}
 .menuSection {background: transparent !important;}
 .postContent {background: transparent !important;}
 .postTitle {background: transparent !important;}
 #epigraph {background: transparent !important; border-style:none !important; }
 .singlePost { border-bottom-style:double !important; border-top-style:none !important; border-bottom-width: 3px !important; border-color: #452904 !important;}
 .singlePost {margin-left:125px !important; margin-right:20px !important;}
 #epigraph { border-bottom: none; border-color: #654427; border-bottom-width: 3px; padding-left:0px !important;padding-right:0px !important;}
 #commentsArea .urlLink {display:none;}
 #commentsArea_title { margin-left: 125px !important; margin-right:20px !important;}
 .singleComment { border-top-style:double !important; border-width:3px !important;border-color: #452904 !important;}
 .singleComment { margin-left:132px !important; margin-right:20px !important;}
 #commentsArea .headerNew { border-top-style:double; border-top-width: 3px; border-color: #452904; padding-top:5px}
 #commentsArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 #addCommentArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 #addCommentArea { padding-left: 141px !important;}
 #commentsArea .headerNew span {color:#654427; font-size: 15px;font-weight: normal;}
 #commentsArea .header {font-size: 17px; font-variant: small-caps;font-weight: bold;color:#654427;}
 #addCommentArea .header {font-size: 16px; font-variant: small-caps;font-weight: bold;color:#654427;}
 A:hover {TEXT-DECORATION: none; border-bottom: dotted; border-width: 1px;}
 .header h2{ font-style: bold;font-variant: small-caps;}
 .header h2 {background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:26px;}
 #postsArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 .singlePost{padding-left:10px !important; padding-right:10px !important;}
 .postContent a{ text-decoration: none; color:#8a6c23; border-bottom: dotted; border-width: 1px;}
 .postContent a:hover { text-decoration: none; border-bottom: solid; border-width: 1px;}
 .postLinksBackg {background: transparent !important;}
 .postLinksBackg a{color: #654427;}
 .postLinks a {text-decoration: none; border: hidden; border-width: 1px; }
 .postLinks a:hover {text-decoration: none; border-bottom: dotted; border-bottom-width: 1px;}
 .postLinks {padding: 1px;}
 #side .bordered {background: #F9F4EC;}
 #side .bordered {background: transparent !important;}
 #globalLinks a{ color: #654427;}
 #globalLinks{font-size: 14px;font-variant: small-caps;}
 #allDiaryLink a{ color: #8a6c23;}
 #allDiaryLink {font-size: 16px; font-variant: small-caps;font-weight: bold;}
 #allDiaryLink a{background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:25px !important;}
 #myDiaryLinks a{ color: #654427;}
 #myDiaryLinks{font-size: 16px;font-variant: small-caps;}
 #myDiaryLink a{ color: #8a6c23;}
 #myDiaryLink{font-size: 16px; font-variant: small-caps;font-weight: bold;}
 #myDiaryLink a{background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:25px !important;}
 #thisDiaryOwner {font-size: 16px; font-variant: small-caps;}
 #thisDiaryLinks{font-size: 16px; font-variant: small-caps;}
 #thisDiaryOwner a{ color: #654427;}
 #thisDiaryLinks a{ color: #654427;}
 #thisDiaryInfo {font-variant: small-caps;}
 #authorName {font-size: 16px; font-variant: small-caps;font-weight: bold; color: #654427; text-shadow: white 1px 1px 2px;}
 #YaSearch {font-size: 16px; font-variant: small-caps;font-weight: bold; color: #8a6c23;}
 #YaSearch a{ color: #8a6c23;}
 #YaSearch a{background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:25px !important;}
 .atTag {padding: 1px;}
 .atTag em a{ TEXT-DECORATION: none; font-style: normal; color:#8A816F; font-weight: normal; border-bottom: hidden; border-width: 0px;font-size: 14px;font-variant: normal;font-weight: normal;}
 .atTag em a:hover {TEXT-DECORATION: none; border-bottom: dotted; border-width: 1px; border-color: #8A816F;}
 .atTag em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMood em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMood em {font-size: 15px; color:#8a6c23; font-style:normal;color:#8A816F; }
 .atMusic em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMusic em {font-size: 15px; color:#8a6c23; font-style:normal;color:#8A816F; }
 .epigraphMore a {text-decoration: none!important; border-width:0px !important; color:#8A816F!important;}
 .brownText{ font-size: 17px;font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .greyText{font-size: 17px;font-style:normal;color:#8A816F;}
 .epigraphMore a:hover {text-decoration: none; border-bottom: dotted !important; border-bottom-width: 1px !important;}
 .epigraphLink a {text-decoration: none!important; border-width:0px !important; color:#8A816F!important;}
 .epigraphLink a:hover {text-decoration: none; color:#8A816F!important; color:#654427 !important;font-weight: bold !important;}
 .singleComment span.quote_text {display: block; margin-left:30px; margin-right:30px; padding:7px; border-left:3px double #654427 ; background: #EDDDCC!important; color: #202001;}

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

URL

13:54

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

Дороги хватит на всех

фаербаг не спас, может кто из вас спасет. айдишник времени комментария (вот именно не поста, а комментария.)
Решение:
.singleComment .header span {чего изволите?}

URL

суббота, 19 февраля 2011

21:43

Проблема с полями для комментариев и для добавления комментария

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

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

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

— решено

Какие строчки надо прописать в коде, чтобы сдвинуть первое и второе на 125рх?

На всякий случай снова код:

#wrapper {background-image: url("/userdir/1/6/1/9/1619707/66051380.jpg") !important; background-repeat:repeat;}
 .BigQuote{ font-variant: small-caps !important;color: #654427 !important; font-size:15 !important;}
 .TagL {font-variant: small-caps; font-size: 17px; text-decoration: none; border-bottom: none !important; border-bottom-width:1px !important;}
 .TagL:hover {border-bottom: dotted !important;border-bottom-width:1px !important;}
 #side {text-shadow:white 1px 1px 2px; }
 #side h1 { font-size: 20px !important; font-weight: bold !important; font-color: #826153 !important; text-shadow: white 1px 1px 2px;}
 .authorName a { font-variant: small-caps; color: #654427 !important; font-size: 16px;}
 .sign {font-size: 14px; color:#8a6c23; font-style:normal;color:#8A816F;}
 .menuSection {border-top-style:double !important; border-top-color:#452904 !important; border-width: 3px !important;}
 .menuSection {background: transparent !important;}
 .postContent {background: transparent !important;}
 .postTitle {background: transparent !important;}
 #epigraph {background: transparent !important; border-style:none !important; }
 .singlePost { border-bottom-style:double !important; border-top-style:none !important; border-bottom-width: 3px !important; border-color: #452904 !important;}
 .singlePost {margin-left:125px !important; margin-right:20px !important;}
 #epigraph { border-bottom: none; border-color: #654427; border-bottom-width: 3px; padding-left:0px !important;padding-right:0px !important;}
 #commentsArea .urlLink {display:none;}
 .singleComment { border-top-style:double !important; border-width:3px !important;border-color: #452904 !important;}
 .singleComment { margin-left:125px !important; margin-right:20px !important;}
 #commentsArea .headerNew { border-top-style:double; border-top-width: 3px; border-color: #452904; padding-top:5px}
 #commentsArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 #addCommentArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 #commentsArea .headerNew span {color:#654427; font-size: 15px;font-weight: normal;}
 #commentsArea .header {font-size: 17px; font-variant: small-caps;font-weight: bold;color:#654427;}
 #addCommentArea .header {font-size: 16px; font-variant: small-caps;font-weight: bold;color:#654427;}
 A:hover {TEXT-DECORATION: none; border-bottom: dotted; border-width: 1px;}
 .header h2{ font-style: bold;font-variant: small-caps;}
 .header h2 {background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:26px;}
 #postsArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 .singlePost{padding-left:10px !important; padding-right:10px !important;}
 .postContent a{ text-decoration: none; color:#8a6c23; border-bottom: dotted; border-width: 1px;}
 .postContent a:hover { text-decoration: none; border-bottom: solid; border-width: 1px;}
 .postLinksBackg {background: transparent !important;}
 .postLinksBackg a{color: #654427;}
 .postLinks a {text-decoration: none; border: hidden; border-width: 1px; }
 .postLinks a:hover {text-decoration: none; border-bottom: dotted; border-bottom-width: 1px;}
 .postLinks {padding: 1px;}
 #side .bordered {background: #F9F4EC;}
 #side .bordered {background: transparent !important;}
 #globalLinks a{ color: #654427;}
 #globalLinks{font-size: 14px;font-variant: small-caps;}
 #allDiaryLink a{ color: #8a6c23;}
 #allDiaryLink {font-size: 16px; font-variant: small-caps;font-weight: bold;}
 #allDiaryLink a{background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:25px !important;}
 #myDiaryLinks a{ color: #654427;}
 #myDiaryLinks{font-size: 16px;font-variant: small-caps;}
 #myDiaryLink a{ color: #8a6c23;}
 #myDiaryLink{font-size: 16px; font-variant: small-caps;font-weight: bold;}
 #myDiaryLink a{background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:25px !important;}
 #thisDiaryOwner {font-size: 16px; font-variant: small-caps;}
 #thisDiaryLinks{font-size: 16px; font-variant: small-caps;}
 #thisDiaryOwner a{ color: #654427;}
 #thisDiaryLinks a{ color: #654427;}
 #thisDiaryInfo {font-variant: small-caps;}
 #authorName {font-size: 16px; font-variant: small-caps;font-weight: bold; color: #654427; text-shadow: white 1px 1px 2px;}
 #YaSearch {font-size: 16px; font-variant: small-caps;font-weight: bold; color: #8a6c23;}
 #YaSearch a{ color: #8a6c23;}
 #YaSearch a{background:url('/userdir/1/6/1/9/1619707/66056636.png') no-repeat;height:13;width:23; padding-left:25px !important;}
 .atTag {padding: 1px;}
 .atTag em a{ TEXT-DECORATION: none; font-style: normal; color:#8A816F; font-weight: normal; border-bottom: hidden; border-width: 0px;font-size: 14px;font-variant: normal;font-weight: normal;}
 .atTag em a:hover {TEXT-DECORATION: none; border-bottom: dotted; border-width: 1px; border-color: #8A816F;}
 .atTag em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMood em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMood em {font-size: 15px; color:#8a6c23; font-style:normal;color:#8A816F; }
 .atMusic em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMusic em {font-size: 15px; color:#8a6c23; font-style:normal;color:#8A816F; }
 .epigraphMore a {text-decoration: none!important; border-width:0px !important; color:#8A816F!important;}
 .brownText{ font-size: 17px;font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .greyText{font-size: 17px;font-style:normal;color:#8A816F;}
 .epigraphMore a:hover {text-decoration: none; border-bottom: dotted !important; border-bottom-width: 1px !important;}
 .epigraphLink a {text-decoration: none!important; border-width:0px !important; color:#8A816F!important;}
 .epigraphLink a:hover {text-decoration: none; color:#8A816F!important; color:#654427 !important;font-weight: bold !important;}
 .singleComment span.quote_text {display: block; margin-left:30px; margin-right:30px; padding:7px; border-left:3px double #654427 ; background: #EDDDCC!important; color: #202001;}

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

URL

21:36

Проблема с параметрами для текста в меню

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

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

Я честно искала по поиску, но что-то у меня с ним не лады( И ещё кое-что: я с CSS не очень дружу, знаю его так, ниже среднего. В общем, я хочу сделать в тексте меню тень. Как делать тень у текста, я знаю, но никак не могу найти в коде, куда это приткнуть О_о Код я не сама писала, брала с какого-то дневника исходный, затем подгоняла под себя, меняя нужные мне параметры. Помогите, пожалуйста, а то у меня уже голова болит от попыток понять, что к чему. Код прилагается:

#wrapper {background-image: url("/userdir/1/6/1/9/1619707/66051380.jpg") !important; background-repeat:repeat;}
 .BigQuote{ font-variant: small-caps !important;color: #654427 !important; font-size:15 !important;}
 .TagL {font-variant: small-caps; font-size: 17px; text-decoration: none; border-bottom: none !important; border-bottom-width:1px !important;}
 .TagL:hover {border-bottom: dotted !important;border-bottom-width:1px !important;}
 #side h1 { font-size: 20px !important; font-weight: bold !important; font-color: #826153 !important; text-shadow: white 1px 1px 2px;}
 .authorName a { font-variant: small-caps; color: #654427 !important; font-size: 16px;}
 .sign {font-size: 14px; color:#8a6c23; font-style:normal;color:#8A816F;}
 .menuSection {border-top-style:double !important; border-top-color:#452904 !important; border-width: 3px !important;}
 .menuSection {background: transparent !important;}
 .postContent {background: transparent !important;}
 .postTitle {background: transparent !important;}
 #epigraph {background: transparent !important; border-style:none !important; }
 .singlePost { border-bottom-style:double !important; border-top-style:none !important; border-bottom-width: 3px !important; border-color: #452904 !important;}
 .singlePost {margin-left:125px !important; margin-right:20px !important;}
 #epigraph { border-bottom: none; border-color: #654427; border-bottom-width: 3px; padding-left:0px !important;padding-right:0px !important;}
 #commentsArea .urlLink {display:none;}
 .singleComment { border-top-style:double !important; border-width:3px !important;border-color: #452904 !important;}
 .singleComment { margin-left:125px !important; margin-right:20px !important;}
 #commentsArea .headerNew { border-top-style:double; border-top-width: 3px; border-color: #452904; padding-top:5px}
 #commentsArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 #addCommentArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 #commentsArea .headerNew span {color:#654427; font-size: 15px;font-weight: normal;}
 #commentsArea .header {font-size: 17px; font-variant: small-caps;font-weight: bold;color:#654427;}
 #addCommentArea .header {font-size: 16px; font-variant: small-caps;font-weight: bold;color:#654427;}
 A:hover {TEXT-DECORATION: none; border-bottom: dotted; border-width: 1px;}
 .header h2{ font-style: bold;font-variant: small-caps;}
 .header h2 {background:url('/userdir/1/6/1/9/1619707/66051785.jpg') no-repeat;height:10;width:10; padding-left:26px;}
 #postsArea {background-image: url("/userdir/1/6/1/9/1619707/66051116.jpg") !important; background-repeat:repeat-y;}
 .singlePost{padding-left:10px !important; padding-right:10px !important;}
 .postContent a{ text-decoration: none; color:#8a6c23; border-bottom: dotted; border-width: 1px;}
 .postContent a:hover { text-decoration: none; border-bottom: solid; border-width: 1px;}
 .postLinksBackg {background: transparent !important;}
 .postLinksBackg a{color: #654427;}
 .postLinks a {text-decoration: none; border: hidden; border-width: 1px; }
 .postLinks a:hover {text-decoration: none; border-bottom: dotted; border-bottom-width: 1px;}
 .postLinks {padding: 1px;}
 #side .bordered {background: #F9F4EC;}
 #side .bordered {background: transparent !important;}
 #globalLinks a{ color: #654427;}
 #globalLinks{font-size: 14px;font-variant: small-caps;}
 #allDiaryLink a{ color: #8a6c23;}
 #allDiaryLink {font-size: 16px; font-variant: small-caps;font-weight: bold;}
 #allDiaryLink a{background:url('/userdir/1/6/1/9/1619707/66051785.jpg') no-repeat;height:10;width:10; padding-left:25px !important;}
 #myDiaryLinks a{ color: #654427;}
 #myDiaryLinks{font-size: 16px;font-variant: small-caps;}
 #myDiaryLink a{ color: #8a6c23;}
 #myDiaryLink{font-size: 16px; font-variant: small-caps;font-weight: bold;}
 #myDiaryLink a{background:url('/userdir/1/6/1/9/1619707/66051785.jpg') no-repeat;height:10;width:10; padding-left:25px !important;}
 #thisDiaryOwner {font-size: 16px; font-variant: small-caps;}
 #thisDiaryLinks{font-size: 16px; font-variant: small-caps;}
 #thisDiaryOwner a{ color: #654427;}
 #thisDiaryLinks a{ color: #654427;}
 #thisDiaryInfo {font-variant: small-caps;}
 #authorName {font-size: 16px; font-variant: small-caps;font-weight: bold; color: #654427; text-shadow: white 1px 1px 2px;}
 #YaSearch {font-size: 16px; font-variant: small-caps;font-weight: bold; color: #8a6c23;}
 #YaSearch a{ color: #8a6c23;}
 #YaSearch a{background:url('/userdir/1/6/1/9/1619707/66051785.jpg') no-repeat;height:10;width:10; padding-left:25px !important;}
 .atTag {padding: 1px;}
 .atTag em a{ TEXT-DECORATION: none; font-style: normal; color:#8A816F; font-weight: normal; border-bottom: hidden; border-width: 0px;font-size: 14px;font-variant: normal;font-weight: normal;}
 .atTag em a:hover {TEXT-DECORATION: none; border-bottom: dotted; border-width: 1px; border-color: #8A816F;}
 .atTag em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMood em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMood em {font-size: 15px; color:#8a6c23; font-style:normal;color:#8A816F; }
 .atMusic em span {font-size: 15px; font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .atMusic em {font-size: 15px; color:#8a6c23; font-style:normal;color:#8A816F; }
 .epigraphMore a {text-decoration: none!important; border-width:0px !important; color:#8A816F!important;}
 .brownText{ font-size: 17px;font-variant: small-caps;font-weight: bold;color:#654427; font-style:normal;}
 .greyText{font-size: 17px;font-style:normal;color:#8A816F;}
 .epigraphMore a:hover {text-decoration: none; border-bottom: dotted !important; border-bottom-width: 1px !important;}
 .epigraphLink a {text-decoration: none!important; border-width:0px !important; color:#8A816F!important;}
 .epigraphLink a:hover {text-decoration: none; color:#8A816F!important; color:#654427 !important;font-weight: bold !important;}
 .singleComment span.quote_text {display: block; margin-left:30px; margin-right:30px; padding:7px; border-left:3px double #654427 ; background: #EDDDCC!important; color: #202001;}

@темы: текст, меню

URL

четверг, 17 февраля 2011

14:06

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

Очаровательный эгоист. И возденут люди руки к Небу и возопят:"Спаси нас!" И я отвечу:"Нет." [Виктор "Саблезубый" Крид],[Чеширский Мау. Людоед.(с)], Добрый Доктор Джекил

Доброго!
Есть проблема:
тут
Как сделать, чтобы исчез этот промежуток между аватарой и комментом? Совершенно не понимаю, где я успел напортачить.

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

.subscribe a span {display: none;}
 .subscribe a:after {content: "Следить";}
 .subscribe_count_link a:after {content: "Следить" !important;}
 .addToQuote a span {display: none;}
 .addToQuote a:after {content: "Запомнить";}
 .addToQuote_count_link a:after {content: "Запомнить" !important;}

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

URL

08:32

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

Снявши крылья, по ушам не плачут.

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

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

URL

понедельник, 14 февраля 2011

17:10

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

Fortune favours the brave

Доброго времени суток!
Вопрос мой касается меню.
Раньше я использовал в меню (положение: вверху) такой код:

 #side {position:absolute;top:365px !important; left:205px !important;width:600px !important;}

Сейчас же мне нужно, дабы блоки меню располагались не на одной горизонтали, а находились вразброс. Но у меня что-то ничего не получается. Когда я добавляю строчку в код (к примеру):

#globalLinks {display:block; position:absolute; top: 140px; left: 330px; line-height:300px; overflow: hidden !important; background: url('/userdir/1/4/7/4/147491/65855222.png') 2px 2px no-repeat;}

... то во-первых, появляется "двойной" заголовок блока меню (вот так оно выглядит), а во-вторых, загадочно исчезает само выпадающее меню, которое я все же прописал в коде, как смог)

 #side ul {background:#04333e; -moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); !important; border: 1px solid #000000;}
 .menuSection {text-align:center;}

Кто виноват - и так понятно, но что же мне делать?)

@темы: меню

URL

16:00

Дневник - Дневник

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

Паучья Жизнь

По поиску вроде такой проблемы не нашёл.

Собственно... добавил я вот такой код:

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-weight:bold; font-color: black; font-size: 120%; border-bottom-color: #025c7f; background:#F8C466}

Для уточнения, у меня ещё прописано вот это (проблем не было):

#myDiaryLink a {content:'Дневник'; font-weight: 900; font-size: 16px}

И обнаружил, что в Opera 11.01 при новом комментарии вместо "Дневник - 1" появляется "Дневник - Дневник". То есть циферка с количеством комментариев заменяется дубликатом слова "Дневник".

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

Апд.: Проблема только в Опере. Firefox, IE, Chrome - всё нормально.

@темы: меню

URL


Запомнить