[Медовая Боня]

Доброе утро!
Нужна помощь в корректировке меню, которое слева. Для знатоков css это элементарно, наверно, я пока новичок.)
У меня всё выглядит нормально, но оказалось, у тех, кто видят мой дневник "со стороны" всё не так красиво, как хотелось бы. А именно:

Как всё выглядит у меня:



Скрин, который прислали:



Вопрос (у меня ничего не получается правда): как расширить левое меню, чтобы надписи "Написать на U-mail" и "Отписаться по E-mail" были ровными, а не две строчки

@темы: меню

---

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

[Кареглазый Демон]

Здравствуйте. Подскажите пожалуйста почему не видны темы записей:
Код:

#wrapper{ display: block; width: 1055px !important; position:relative; position:center!important;}
 #page-c{width:1055px !important;background:url('/userdir/2/2/2/0/2220055/75389286.png') repeat; repeat-y;}
 #extrabottom { background:url('/userdir/2/2/2/0/2220055/75389290.png'); height:152px; width:1055px;position:relative;margin-top:-55px !important; padding:0 !important;margin-left:0px !important;}
 #extratop { background: url('/userdir/2/2/2/0/2220055/75394336.gif') no-repeat; height:839px; width:1055px; position:relative; left:0px; top: 0px !important;}
 #page-t{margin-left:150px !important; margin-top:0px !important;width:750px !important;}
 {---------------------------------------------------------лишнее--------------------------------------------------------------}
 #myProfileLink,#myLinksLink,#albumLink,#authorAlbum,#myDraftLink, #myDraftLink,#photolibLink,#myDiaryLink,#communityCatalogueLink,#randomDiaryLink,#allDiaryLink,#lastComments {display: none !important;}
 #all_links a {display:none}
 #myLinks {display:none}
 #more_login {display: none;}
 #pchs, #YaSearch, #thisDiaryPhoto, #authorRSS, #upInChart, #myNotepadLink {display:none}
 #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink {display:none}
 {------------------------------------------------------------мелочи-----------------------------------------------------------}
 .paragraph img{max-width:700px;max-height: auto;}
 #JournalFavorite img {max-width:650px;max-height: auto;}
 .singlePost { background:url('/userdir/2/2/2/0/2220055/75389441.png') no-repeat; background-position:bottom; padding-bottom:100px !important;}
 {--------------------------------------------------------оформление ссылок--------------------------------------------------------}
 a {color: #000; text-decoration: none!important; text-transform: uppercase;font-weight:bold;text-shadow: #000 0px 0px 0px ;font-size:12px;text-decoration: none; }
 a:hover { font-size:12px; color:#C3C3C3;text-transform: uppercase; font-weight:bold;text-decoration: none; text-shadow: #C3C3C3 0px 1px 0px ;}
 #page-t a { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
 #page-t a:hover {color: #C3C3C3; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -moz-opacity:.77 !important;opacity:.77 !important; filter:alpha(opacity=77);}
 {---------------------------------------------------------меню--------------------------------------------------------------}
 #side{position:absolute; top: 600px !important; left: 20px !important;text-align: center;text-transform: uppercase;text-decoration:none;line-height:80%;}
 #myDiaryLinks ul, #myLinks ul { visibility: visible !important; display:block; width:100px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul { visibility: visible !important; display:block; width:150px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryLinks { position: absolute; top: 90px; left: 795px; width:100px !important; }
 #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul { visibility: visible !important; display:block; width:150px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner { position: absolute; top: 60px; left: 105px; width:170px !important; visibility: visible !important;}
 #myDiaryLinks { position: absolute; top: 55px; left: 355px; width:150px !important;}
 #globalLinks { position: absolute; top: 70px; left: 0px; width:160px !important;}
 #myLinks { position: absolute; top: 80px; left: 590px; width:150px !important;}
 #thisDiaryLinks { position: absolute; top: 90px; left: 785px; width:160px !important; visibility: visible !important;}
 .menuSection li a{ color: #fff!important; font-weight:bold; }
 .menuSection li a:hover {color: #C3C3C3!important;text-decoration:none;text-shadow: 0 0 0.9em #7A7A7A; }
 {------------------------------------------------------------ник, название-----------------------------------------------------------}
 #side h1 a {position: absolute; top: -540px; left: 650px !important; width: 254px; height: 21px; color:#000!important;font-size: 120%;}
 #authorName { position: absolute;width:242px; height:21px;color:#C3C3C3;top: -570px; left: -90px !important;}
 {------------------------------------------------------------ссылки на экстратопе-----------------------------------------------------------}
 #postsCalendar a {position: absolute; top: -395px; left: 700px !important; color:#969696!important;}
 #tagslistlink a{position: absolute; top: -550px; left: 145px !important; color:#808080!important;}
 #tagslistlink #TagsList {position: absolute; top: -500px; left: 145px !important;background:#666!important;color:#C3C3C3;font-size: 100%;}
 #tagslistlink:hover #TagsList {position: absolute; top: -500px; left: 145px !important;background:#666!important;color:#C3C3C3;font-size: 100%;}
 #headlineList a{position: absolute; top: -350px; left: 780px !important; color:#545454!important;}
 #rssLink a{position: absolute; top: -230px; left: 650px !important; color:#808080!important;}
 #writeThisDiary a{position: absolute; top: 50px; left:80px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 150%;box-shadow: 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A; background:#666!important;}
 #umailLink a{position: absolute; top: 20px; left: -180px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 150%;box-shadow: 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A; background:#666!important;}
 #discussionLink a{position: absolute; top: 23px; left: 390px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 150%;box-shadow: 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A; background:#666!important;}
 #myFavLink a{position: absolute; top: -140px; left: -310px !important; color:#7A7A7A!important;}
 #myQuotLink a{position: absolute; top: -106px; left: 457px !important; color:#5C5C5C!important;}
 #optionsLink a{position: absolute; top: -70px; left: 270px !important; color:#323232!important;}
 #mainpageLink a{position: absolute; top: -540px; left: 10px !important; color:#808080!important;}
 #favListLink a{position: absolute; top: -150px; left: 650px !important; color:#C3C3C3!important;}
 #pchListLink a{position: absolute; top: -550px; left: 720px !important; color:#626262!important;}
 #myCommunitiesLink a{position: absolute; top: -380px; left: 100px !important; color:#5C5C5C!important;}
 #authorFav a{position: absolute; top: -140px; left: -630px !important; color:#626262!important;}
 #authorQuot a{position: absolute; top: -160px; left: -600px !important; color:#808080!important;}
 #myCommunityLink a, #myDiaryLink a {position: absolute; top: -390px; left: -260px !important; color:#5C5C5C!important;}
 #addToFav a, #delFromFav a {position: absolute; top: -280px; left: 20px !important; color:#808080!important;}
 #writeToAuthor a{position: absolute; top: -180px; left: 0px !important; color:#626262!important;}
 #subscribeEmail a, #unsubscribeEmail a {position: absolute; top: -250px; left: -80px !important; color:#5C5C5C!important;}
 #iAmQuit a{position: absolute; top: -40px; left: 917px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 100%;box-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646; background:#464646!important;}
 #Stats a{position: absolute; top:453px; left: 925px !important; color:#808080!important;}
 {-----------------------------------------------------------наверх-----------------------------------------------------------}
 #bottomNav {display: block;}
 #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink {display: none important!}
 #bottom_up a { display: block; position: fixed; top: 300px;left: 106; background: url('/userdir/2/2/2/0/2220055/75395525.png') 0 0 no-repeat; width: 106px; height: 75px; text-indent: -99999px; outline: 0; }

@темы: меню

---

[TheHappyEnd]

Здравствуйте.
Вопрос, наверное, глупый, но меня интересует, можно ли оставить выпадающее меню и фото в "выпавшем" состоянии и если да, то как.

@темы: меню

---

[UDFj]

Здравствуйте,
1.
Возникла такая проблема: содержимое меню "Записи" и, соответственно, его настройки в CSS меняются в зависимости от просматриваемой страницы из-под своего акка (страница личного дневника и страница дневника другого пользователя).
Подскажите пожалуйста, есть ли отдельный селектор или селектор+класс для отображения страниц моего дневника и дневника любого другого пользователя из своего аккаунта.
Например:
#Journal - страница моего дневника
#Journal "тра-та-та" - страница дневника любого другого пользователя.
2.
Можно ли как-то, не создавая другого дневника, посмотреть как выглядит мой дневник у других пользователей (для отлавливания блох).

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

---

Меню сверху. Основные блоки.

[andgelx]

Здравствуйте.
Дизайн моего дневника в процессе разработки. См. andgelx.diary.ru/ .
Код.

body {margin:0; padding:0;}
 body{background:url('/userdir/3/0/1/9/3019372/75300766.jpg') no-repeat 50% 100% fixed;}
 #page-c, page-t {width:460px !important; margin-left:30% !important; margin-right:30% !important; margin-top:60px !important;}
 #side {width:460px !important; margin-left:27.67% !important;position:fixed !important; top:0px !important;}
 .menuSection , .menuSection ul {text-transform: lowercase !important; text-align:center !important;}
 #bottomNav {width:448px !important; margin-left:30% !important; }
 #iAmQuit, .order_button {display:none !important;}
 #authorName {padding:0px !important}

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

1) Почему bottomNav нужно задавать 448, а не 460? Только при 448px он становится таким же, как side and основные блоки.
2) В моём разрешении пока все блоки практически по-середине. Как смотрится у Вас?
3) Если дизайн идеально смотрится на развёрнутой странице, то сворачивая в маленькое окошко меню отъезжает куда-то влево. Что с этим делать? Хотелось бы сделать так, чтобы меню оставалось на уровне остальных блоков.
4) Почему меню, при задании position:fixed надо проставлять margin-left: 27,67% , а не 30%, как у остальных блоков? С этим меню сверху вообще большие проблемы. Ничего непонятно.

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

---

Подчеркиваение ссылок, затухание ссылок и изображений

[смольник]

Доброго времени, мастера и гуру. Я решил пострадать перфекционизмом и устранить некоторые шероховатости, но, сам я в вопросах CSS ещё практически девственен, помогите.

что делать-то?

1. Ссылки в эпиграфе подчеркнуты, при наведении на них подчёркиваение убирается, это хорошо. Нужно, чтобы они вообще не были подчеркнуты;

вещдок-1

Задача: как убрать подчёркивание неактивных ссылок в эпиграфе?
_______________________________________________________________________
2. То же самое с никами: но, немного наоборот. При наведении на ник, он подсвечивается, что хорошо, и подчеркивается, что - плохо.

вещдок-2

Задача: как убрать подчёркивание активных ссылок ников?
Задача решена самостоятельно.
_______________________________________________________________________
3. Для эффекта затухания ссылок я использовал код, почерпнутый вот из этого обсуждения, весьма подошёл вот такой:
#page-t a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#page-t a:hover {color: #bbb; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-opacity:.55 !important;opacity:.55 !important; filter:alpha(opacity=55);}

Задача: как и куда прописать такое в меню и чтоб без подчёркивания (активных или неактивных ссылок)?

вещдок-3

_______________________________________________________________________
4. Там же я пытался выяснить вопрос, как сделать следующее: чтобы изображения (пусть те, что ссылками, у меня все такие, потому что из радикала или яндекса) в неактивном состоянии были притухшими, при наведении на них курсора, становились активными и "прояснялись".
Сейчас это выглядит так в результате вписывания кода из п.3 (см.выше). Затухание плавное, что хорошо, но, не так как нужно, что - плохо. А нужно - наоборот.

вещдок-4

неактивное изображение

активное изображение

проверить в полевых условиях, если нужно

Были предложены варианты:
1. перенесите opacity из второй строки в первую и настройте как вам надо.
В результате, совсем затухшие изображения немного прояснялись, но не до своего нормального состояния. Не знаю, может, я там что недонастроил, повторюсь, не в курсе просто, что там и именно как нужно настроить (поменять какие-то значения или что-то ещё);

2. #page-t a,
.postContent .postInner img{
opacity : 0.5;
transition: all 2s;
-webkit-transition:all 2s;
}

#page-t a:hover,
.postContent .postInner img:hover {
opacity : 1;
color: #B0B0B0 !important;
}

если просто нужно чтобы так подсвечивались только картинки внутри ссылки (кликабельные), тогда так:

#page-t a,
.postContent .postInner a img{
opacity : 0.5;
transition: all 2s;
-webkit-transition:all 2s;
}

#page-t a:hover,
.postContent .postInner a img:hover {
opacity : 1;
color: #B0B0B0 !important;
}
В результате, то же самое, что и в п. 1. - затухшие изображения немного прояснялись, но не до своего нормального состояния, и затухание происходит резкой сменой одного тона на другой.

Задача: как сделать неактивные изображения потухшими, а ктивные - обычными и чтобы затухание было плавным?
Задача решена с помощью  Norra Flicka, кодом:
#page-t a,
.postContent .postInner img{
opacity : 0.5;
-moz-transition: all 2s; /* Firefox */
-webkit-transition:all 2s; /* Safari and Chrome */
-o-transition: all 2s; /* Opera */
transition: all 2s;
}

#page-t a:hover,
.postContent .postInner img:hover {
opacity : 1 !important;
}

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

---

Шрифты

[esce]

Хочу сдвинуть название дневника и ник на эпиграф, что бы они образовывали на экстратопе одну фразу. Можно ли прописать в настройках, что бы они отображались каким-нибудь красивым шрифтом с дафонта? в роде www.dafont.com/jellyka-delicious-cake.font

@темы: текст

---

[Кареглазый Демон]

Здравствуйте. подскажите пожалуйста, существует ли возможность оформить оффтопик примерно

вот так

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

---

[смольник]

Здравствуйте. Я в CSS не особо разбираюсь, но, по ходу. Вроде бы, не нашёл, проблема такая:

В блоке меню при открытии тем записей, они не влезают и частично "съедаются"

В блоке меню при от крытии тем записей, они не влезают и частично "съедаются"

То же самое с "последними комментариями"

То же самое с "последними комментариями"

Вопрос: где и каким кодом подправить их размер внутри меню?

{------------------------------------------------------ меню -------------------------------------------------------}
 .menuSection li, #Stats { background: #373839 repeat-x; width: 170px; }
 .menuSection li {margin: 1px 0 5px 0 !important; text-align: center !important; font-size: 12px; padding: 5px 0 5px 0 !important; border: 1px solid #5c5c5c; }
 #Stats { margin: 1px 0 0 5px !important; text-align: center !important; padding: 5px 0 5px 0 !important; border: 1px solid #5c5c5c; }
 #side h1 {position: relative !important; top: 10px; left: 17px; text-align: left; font-size: 28px !important; width: 960px; text-shadow: 3px 3px 3px #0d0d0d; }
 #side h1 a {font: bold 12px Verdana !important; color: #5c5c5c !important;}
 #side {width: 200px; position: relative; border: 1px solid #5c5c5c; margin: 40px 0 0 0 !important; }
 #thisDiaryPhoto img {border: 3px double #5c5c5c; position: relative; box-shadow: 3px 3px 5px #0d0d0d;}
 #thisDiaryPhoto { background: #282929 no-repeat; height: 140px; margin: -35px 0 0 0px !importan}
 #authorName {font: bold 15px Verdana !important; color: #5c5c5c; margin: 0 5 0 -5px !important; text-shadow: 3px 3px 3px #0d0d0d; }
 .menuSection li:hover, #Stats:hover {background: #282929 # repeat-x; width: 180px;}
 .menuSection a {color: color:#f60833;}
 .menuSection a:link, .menuSection a:visited {text-decoration:none !important;}
 .menuSection a:hover, .menuSection a:active {color: #aab0ae !important; padding: 0px !important; }
 #myDiaryLink, #myDraftLink, #umailLink, #myFavLink, #discussionLink { color: #5c5c5c; }
 #login_form, #YaSearch, #upInChart, .order_button {display: none; }

*
Дополнительный вопрос:

как темы прописать курсивом?

как темы прописать курсивом?

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

---

[Ren Strangel]

Добрый день.
Недавно столкнулась со следующей проблемой:
сделала дизайн

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

Код:

#extratop { background: url('/userdir/5/5/3/5/553545/75068477.png'); width:1039px; height:684px; line-height: 100% !important;margin-left: -240px;}
 #wrapper{position:relative}
 #wrapper{min-width:799px!important; width:799px !important;margin-left: 240px; }
 #commentsArea, #addCommentArea {width:750px !important;margin-left: 15px; !important;}
 #postsArea {width:750px !important;margin-left: 15px !important;}
 #page-t { background: url('/userdir/5/5/3/5/553545/75068479.png'); width:799x; margin:0 !important;}
 body {background: #1d2d4f url('/userdir/5/5/3/5/553545/75069684.jpg') top center no-repeat;}
 body {background-attachment: fixed; }
 #side{width:0px !important;margin:0 !important}
 #more_login {display: none;}
 #Stats {display: none;}
 #YaSearch {display:none!important}
 #thisDiaryInfo{position:absolute !important; font-size:12px !important; left:410px; top: 258px; right: 30% !important;}
 #YaSearchForm input.submit {display: none;}
 #myDiaryLink, #myCommunityLink {position: absolute; left: -190px; top: 70px; font-size:14px !important;}
 #writeThisDiary {position: absolute; left: -190px; top: 95px; font-weight: bold !important; font-size:14px !important;}
 #discussionLink {position: absolute; left:-190px; top:120px; font-weight: bold !important;font-size:14px !important;}
 #myNotepadLink {position: absolute; left:-190px; top:165px; font-weight: bold !important;font-size:14px !important;}
 #umailLink {position: absolute; left: -190px; top: 190px; font-weight: bold !important; font-size:14px !important;}
 #myFavLink {position: absolute; left: -190px; top:215px; font-weight: bold !important; font-size:14px !important;}
 #myDraftLink {position: absolute; left: -190px; top: 260px; font-weight: bold !important;font-size:14px !important;}
 #myProfileLink {position: absolute; left: -190px; top: 285px; font-weight: bold !important; font-size:14px !important;}
 #optionsLink {position: absolute; left: -190px; top: 310px; font-weight: bold !important; font-size:14px !important;}
 #mainpageLink {position: absolute; left: -190px; top: 355px; font-weight: bold !important; font-size:14px !important;}
 #favListLink {position: absolute; left: -190px; top: 380px; font-weight: bold !important;font-size:14px !important;}
 #myQuotLink {position: absolute; left: -190px; top:405px; font-weight: bold !important; font-size:14px !important;}
 #pchListLink {position: absolute; left: -190px; top: 450px; font-weight: bold !important;font-size:14px !important;}
 #tagslistlink {position: absolute; left: -190px; top: 475px; font-weight: bold !important;font-size:14px !important;}
 #iAmQuit {position: absolute; left: -190px; top: 500px; font-weight: bold !important;font-size:14px !important;}
 #authorName {position: absolute; right: -200px; top: 290px; font-size: 11px; font-weight: bold !important;}
 #side h1 A {display: none;}
 #myLinksLink {display: none;}
 #authorAlbum {display: none;}
 #upInChart {display: none;}
 #allDiaryLink {display: none;}
 #communityCatalogueLink {display:none;}
 #myCommunitiesLink {display: none;}
 #randomDiaryLink {display: none;}
 #diarySupportLink {display: none;}
 #diarySpiritLink {display: none;}
 #faqLink {display: none;}
 #albumLink {display: none;}
 #authorFav {display: none;}
 #authorQuot {display: none;}
 #authorLiks {display: none;}
 #subscribeEmail {display: none;}
 #unsubscribeEmail {display: none;}
 #postsCalendar {display: none;}
 #albumLink {display: none;}
 #rssLink {display: none;}
 #headlineList {display: none;}
 #photolibLink {display: none;}
 #addToFav {display:none;}
 #delFromFav {display:none;}
 .header {text-align:center;}
 #writeToAuthor {display: none;}
 #mySFavLink {display: none;}
 #extrabottom { background: url('/userdir/5/5/3/5/553545/75068483.png') no-repeat; width: 799px; height: 98px;float: right; margin-top: -10px;}
 .postLinksBackg{border-top: 1px dashed #ffffff; border-bottom: 1px dashed #ffffff;}

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

---

[персеида]

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

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

---

[Леди-Миледи]

Подскажите, пожалуйста, как сделать фон записи не прозрачным, а полупрозрачным?

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

---

Внезапно возник вопрос

[Naturka]

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

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

---

[Лан Мао]

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

код

body {background:url('/userdir/1/8/1/6/1816774/75277311.jpg') fixed;}
 #wrapper{background:#e9e9e9; width:1000px;margin-top: 0px; auto !important; padding:0px !important;overflow:hidden !important}
 #extratop {background: url('/userdir/1/8/1/6/1816774/75277249.jpg') no-repeat; no-repeat; width:800px; height:415px !important; }
 #side{width:200px !important; margin-left:0px !important; margin-top:-410px;text-align:center;}
 #page-c{min-height:0px; width:950px !important;padding:0 !important;padding:0 !important; margin-top:0px !important;}
 #page-t {margin:0 !important}
 #page-t {width:780px !important;padding:0 !important;padding:0 !important; margin-top: 10px !important; margin-left: 10px!important;}
 .postContent, #addCommentArea, textarea,#msgArea {background:#f7f1f1; border: dashed #830606 1px; padding: 15px; margin: 20px 0px 20px 0px !important;}
 body {font:18px Georgia !important; text-shadow: 1px 1px 0px #fff!important; }
 .menuSection li { line-height: 15px; border-bottom: 1px dashed #4d0303; padding: 5px 0 5px 0 !important; margin: 10px 0px 0px 0px; }
 #pchs li,.pages_str {display:none;}
 .comments_count_link {color: #e9e9e9!important}
 .comments_count_link a {font:bold 17px Georgia !important; color:#830606}
 #pageBar strong {background:#f7f1f1; border: dashed #830606 1px; padding: 10px 15px 10px 15px; margin: 0px 0px 0px 0px !important;font:bold 17px Georgia !important; color:#830606}
 a {text-decoration: none !important;}
 a:hover{color:#d71611!important; text-decoration:none;}
 #pchs_title {color: #830606!important}
 #authorName {font:bold 18px Georgia !important;}
 #side h1 a {font:bold 18px Georgia !important;}

---

[acid revolution]

Здравствуйте. Искала ответ по сообществу, но либо его нет, либо проглядела. Можно ли сделать так, чтобы при нажатии на ссылку "Темы Записей" автоматически перебрасывало на страницу всех тем, а выпадающий список не появлялся?

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

---

[.natsu]

Здравствуйте... листала-листала, наверное все-таки пропустила ответ на свой вопрос, но может кто-то откликнется. У меня оплаченный дневник, CSS - как положено. Пытаюсь установить новый дизайн и ничего не выходит. Сначала, как только идет вставка кодов и всего прочего(картинок и так далее) в предпросмотре все отражается отлично. Как только нажимаю кнопку сохранить - весь дизайн пропадает и становится просто белым и это притом, что настройки никуда не деваются, а все также прописаны. Чистка кэша не помогла - в двух браузерах эта же проблема...

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

---

проблема оформления ссылки

[Rozario]

Я понимаю, что вопрос,возможно, глупый, но очень хотелось бы узнать ответ. У меня не получается оформить ссылку на другой сайт. Я набираю текст, ввожу скопированный адрес сайта, но после публикации записи вместо желаемого появляется " pda.diary.ru/ - мобильная версия дневников" . Что мне сделать и как опубликовать нормальную ссылку на то, что я хочу?
Заранее благодарна.

---

[Katze]

В комментариях постом ниже уважаемый winterwolf подсказал идею, как сделать буквицу, привязав ее к любому блоку с текстом.
Я попытался "допилить" идею. Задачи стояли такие:
- буквица должна появляться только в авторских постах в дневнике и ленте избранного. Не в комментариях;
- отображение процитированной записи, если цитата стоит в начале поста, должно быть корректным. Не должно быть "оторванной" от даты поста цифры (в строке "xx.xx.xxxx Пишет такой-то");
- буквица должна отображаться только в постах, где текст выровнен по левому краю или полностью. Но никак не посередине и не справа (иначе буквица снова "отрывается" от текста);

Получилось вот что:

.singlePost .paragraph:first-letter{float:left;font-family:Courier New;font-size:50px;margin:8px 3px 8px 0;text-shadow:1px 1px 0 white, 2px 2px 1px #CCC;color: black!important;font-weight:normal;text-transform:uppercase;}
.singlePost .paragraph div[align="right"]:first-letter,.singlePost .paragraph div[align="center"]:first-letter {float:none;color:#30251D;font:12px Verdana;margin:0;text-shadow:0;text-transform:none}
.paragraph div[align="right"] strong:first-letter,.paragraph div[align="right"] b:first-letter,.singlePost .paragraph div[align="center"] b:first-letter {font-weight: bold!important}

Вопрос: можно ли вышеперечисленные задачи решить каким-нибудь более простым и толковым способом?
Желательно без участия тега span, чтобы даже старые посты отображались корректно без правки их содержания.

@темы: текст

---

Буквица

[Лунный дождь]

Можно задать буквицу не для блока записи и камментов, а для ссылки меню (логин или название дневника, например) или заголовка поста?

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

---

Специальные символы в темах записей

[Лунный дождь]

Подозреваю, что вопрос глупый, но спрошу.
Если есть тема записи со специальными символами, например, ♥, на странице всех тем символ заменяется на & # 9 8 2 9 (только без пробелов), что ухудшает навигацию. С этим можно что-то сделать помимо как:
а) смириться;
б) не юзать таких символов?

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