убрать имя автора дневника

[кресент]

Поставила колонку меню сверху.
Только "имя автора дневника", а данном случае меня, зависло на экстратопе.

Попробовала в css код .authorName {display:none}, но всё по прежнему висит..
Браузер: Opera 9.64

Что делать? Тт

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

---

Промежутки между блоками

[martellato]

День добрый. Собственно вот, мелочь, а противно:

скрин

Эти полосы наблюдаются только в промежутке между меню с блоком записи и блоком с комментариями. Между нижней панелью меню (Наверх, Главная, Случайный дневник, @дневники: изнутри, FAQ...) её нет. Как я могу избавиться от этой досадной мелочи?

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

---

Иконка перед названием поста.

[iDovakiin]

Как поставить иконку перед текстом названия поста? После даты написания.

@темы: текст

---

Как поставить картинку в низ дневника?

[iDovakiin]

Извините если такое уже было, только я не могу найти.Хочу поставить картинку в низ дневника.Чтоб было словно плавное окончание таблички.
Картинка готовая уже есть.Но как ее туда поставить?
И еще вопрос.Как уменьшить ВЫСОТУ эпиграфа? У меня он уж больно большой и как сделать поуже я что то не могу понять.

@темы: эпиграф, Дизайн

---

Еще о CSS

[Roldo]

Теперь читать чужие коды CSS надо по-другому:
Открываем исходный код страницы с помощью браузера (Опера - Вид/Исходный текст, ИЕ - Вид/Просмотр htm-кода, Firefox - Не помню, но скорее всего тоже Вид), ищем строчку "пользовательский CSS (платный) link rel="stylesheet" href="..."
И копируем в адресную строку браузера ссылку, которая внутри href, соответственно заканчивается на .css и нам открывается весь код, как он есть.
Пум пуппи ду.

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

---

Кнопки в меню и их баги.

[Walterka]

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

В связи с нововведениями на дайри обнаружилась проблема следующего характера:
Перестал работать псевдокласс first-child. К основным блокам меню у меня в дневнике установлены кнопки. С сегодняшнего дня кнопка "Мой дневник" при появлении новых комментариев дублируется, потому что теперь фон распространяется не только на ссылку, но и на счетчик комментариев.
Код такой:
#myDiaryLink A:first-child{display:block; width:173px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/39153824.png') 20px 4px no-repeat;}
#myDiaryLink A:first-child:hover{display:block; width:173px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/39153860.png') 20px 4px no-repeat;}
Раньше этот код работал адекватно. Теперь - нет.

=скриншот меню

Я пытался искать id при помощи firebug, но у ссылки "мой дневник" и счетчика комментариев один и тот же id - #myDiaryLink. При этом класс присвоен только счетчику. Пробовал прописать код:
.count_box{background:none !important;}
Но он имеет более низкий приоритет по сравнению с кодом установки бэкраунда. Естественно, никаких изменений не произошло.
Если кто-нибудь поможет разобраться с проблемой, буду благодарен.

UPD: Проблема решена. Спасибо  Чудеснову.

запись создана: 17.03.2009 в 04:14

@темы: меню

---

[crimsongrass]

был такой код для ссылки на комментарии - .comments a:first-child {content: "comment"; overflow:hidden;}
теперь там вместо кол-ва комментариев отображается следующее - comment (comment)
как это исправить?

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

---

[Енерджайзер]

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

Часть кода

#wrapper{min-width:850px!important; width:850px; padding:0 !important;}
#side {width:185px !important; margin:0 !important}
#page-c {width:660px !important; padding:0 !important; margin:0 !important}
#page-t {margin:0 !important;}

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

---

Отступ

[Amely@]

Подскажите пожалуйста как можно сделать отступ во всех постах с обеих сторон?

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

---

[Roldo]

Товарищи дизайнеры!
После обновления дневников немного поменялись и методы работы с дизайном! Во-первых, читайте обо всем тут diary-spirit.diary.ru/p64395944.htm
Во-вторых, для тех, кто не стал читать мое руководство и вообще не в курсе, где какие элементы на странице находятся, сделана полезнейшая фича:
Зайдите в настройки дизайна (pay.diary.ru/options/diary/?designlib), выберите тот дизайн, который хотели бы отредактировать (кнопка "редактировать" рядом с названием оформления), появится привычное вам окно редактирования настроек и CSS.
А теперь переместите курсор на скриншот вашего дневника, отображаемый снизу! Видите? Вам дается подсказка, в которой по иерархии расположены все элементы, связанные с тем местом, на которое вы навели мышкой. Сверху - класс или айди элемента, на который вы непосредственно навели, а ниже по порядку лежат родительские элементы. Пользуйтесь этой примочкой, чтобы узнать название того, что хотите отредактировать. И конечно же если что-то отображается криво, то наводите на это место курсором и смотрите, в каком конкретно элементе проблема.
И только потом задаете вопросы, которые решались здесь уже сотню раз

@темы: дневники, diaryCSS, Учеба

---

Список ПЧ.

[Юфенка с ушками]

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

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

код.

Код:

* html body{behavior:url("/files/csshover.htc");}
 * html #wrapper{overflow:visible;}
 body {padding:10 px!important; scrollbar-face-color:#ccba8f; scrollbar-highlight-color:#e6dfcf; scrollbar-shadow-color:#856c38; scrollbar-3dlight-color: #8b713c;scrollbar-arrow-color: #6e2406;scrollbar-track-color: #ccba8f;scrollbar-darkshadow-color: #6e2306;}
 #wrapper{ padding:0 !important; width:800px; min-width:800px!important; margin:0 auto !important;overflow:hidden !important;}
 #side {margin:0 !important; padding:0 !important;}
 #side .bordered {width:800px; height:90px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #extratop {height:490px; background: url("/userdir/6/2/0/5/620573/38416928.jpg") 50% 100px no-repeat; width:800px!important;}
 #extrabottom {background: #ffffff url("/userdir/6/2/0/5/620573/38417387.jpg") no-repeat top center; width:100%; height:140px; clear:both; }
 #page-c {height:auto; width:800px; margin:5!important; background: url("/userdir/6/2/0/5/620573/38416409.png");padding:0 !important;}
 #page-t {margin:0!important}
 #thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:22px; margin:0!important; color:#000000}
 #thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:792px; padding:4px 4px; position:absolute;left:0; top:69px;}
 #lastComments ul li {float:left; width:550px!important; margin-right:20px; height:30px; border-bottom: 1px dashed #876c38;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisDiaryLinks ul {background: #d3c39f;}
 #thisDiaryLinks {background: #d3c39f no-repeat;}
 #globalLinks ul {background: #d3c39f;}
 #globalLinks {background: #d3c39f no-repeat;}
 #thisDiaryOwner ul {background:#dbc9a3;}
 #thisDiaryOwner {background: #dbc9a3 no-repeat;}
 #myDiaryLinks ul {background:#e3d5b3;}
 #myDiaryLinks {background: #e3d5b3 no-repeat;}
 #lastComments ul {background:#ddcda9;}
 #lastComments {background: #ddcda9 no-repeat;}
 #pchs ul {background:#ddcda9;}
 #pchs {background: #ddcda9 no-repeat;}
 #thisDiaryPhoto, #paySupportLink, #myLinks, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #albumLink, #randomDiaryLink {display:none!important;}
 #thisDiaryInfo, H1 {font-size:180%!important;margin:0!important; height:40px!important;}
 #thisDiaryInfo {width:425px;text-align:right; padding: 5px 5px !important;}
 H1 {width:350px;text-align:left!important; padding: 5px 5px !important;}
 .sign {font: normal;color:#886e3a; opacity: 0.6;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
 #TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:440px!important; margin-right:10px!important;}
 #TagsList LI A {padding:0 !important; }
 .postLinksBackg {display:block !important; border-top: 1px dashed #876c38; border-bottom: 1px dashed #876c38; margin-top: 10px !important; padding:10px 0 !important;}
 .bordered, .menuSection {border: none !important;}
 span.quote_text {font-style:normal; display: block; margin: 10px;padding: 10px; border:1px dashed #876c38; font-size: 95%; background: #ffffff; }
 #YaSearch {display:none;}
 a:link {color: #6e2306; text-decoration: none}
 a:active {color: #6e2306; text-decoration: none}
 a:visited {color: #ad8a4a; text-decoration: none}
 a:hover {color: #000000; text-decoration: none}
 .singlePost{padding-left:10px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:10px !important;}
 .singlePost{padding-top:10px !important;}
 .singleComment{padding-left:10px !important;}
 .singleComment{padding-right:10px !important;}
 .singleComment{padding-bottom:10px !important;}
 .singleComment{padding-top:10px !important;}
 .atTag em, .atMood em, .atMusic em {font-style: normal;}

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

@темы: меню

---

--

[stupid stump]

body{background: #a9da9b5 url('/userdir/2/9/8/0/298050/38469257.jpg') no-repeat 69% 100%;}
body{background-attachment: fixed;#a9da9b5;}
Раньше этот код работал исправно, в течении 2-3 недель. Потом просто неожиданно мальчик на фиксированном фоне пропал, но в некоторых браузерах (Опера) отображается. В настройках все отображается точно так же, а вот все равно не видно и не могу понять в чем дело...
Пытался найти ошибки, но так и не смог. Похожих постов не нашел.

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

---

[Armala]

Нет ссылок меню в Опере. Объясните, где косяк?
апд: ссылки появляются только после того, как по их предполагаемому местарасположению провести курсором о_О
апд-2: изменение ширины блока меню с 0 пикселей до любого числа ничего не изменило...

Код

#wrapper{min-width:650px!important;width:650px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:0px !important;margin:0 !important}
#page-c{width:650px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#codebuttons a {float: left;}
#codebuttons {clear: both;}
#mce_editor_0_parent a, #mce_editor_0_parent select {float: left;}
#extratop {background:url('/userdir/9/1/5/5/915529/38572160.jpg') no-repeat; height:400px; width:100%;}
#tagslistlink, #randomDiaryLink, #subscribeEmail, #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #authorQuot, #authorLiks, #authorAlbum, #topNavLinks, .postLinksOld, .prevNextLinks, #myCommunity, #myCommunityLink, #YaSearch, #diarySupportLink, #allDiaryLink, #communityCatalogueLink, #authorFav, #albumLink, #Stats {display:none!important}
#pchs, #pchs ul {display:none!important}
#authorName {position:absolute; top:10px; left: 316px; font-size:20px}
#side h1 A {position:absolute; top: 10px; right: 316px; font-size: 20px;}
#postsCalendar {display:none!important}
#writeToAuthor {display:none}
#myCommunitiesLink {display:none}
#favListLink {display:none}
#pchListLink {display:none}
#photolibLink {display:none}
#addToFav {position:absolute; top: 180px; left: 20px;}
#delFromFav {position:absolute; top: 180px; left: 20px;}
#myDiaryLink {position:absolute; top: 200px; left: 20px;}
#writeThisDiary {position:absolute; top: 220px; left: 20px;}
#myDraftLink {position:absolute; top: 220px; left: 150px;}
#umailLink {position:absolute; top: 240px; left: 150px;}
#myFavLink {position:absolute; top: 240px; left: 20px;}
#myQuotLink {position:absolute; top: 200px; left: 150px;}
#optionsLink {position:absolute; top: 260px; left:150px;}
#myProfileLink{display:none}
#discussionLink {position:absolute; top: 260px; left: 20px;}
#mainpageLink{position:absolute; top: 20px; left: 20px;}
#iAmQuit{position:absolute; top: 40px; left: 20px;}

запись создана: 17.03.2009 в 09:09

@темы: меню

---

[taya ww]

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

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

---

[[Kiss]]

Здравствуйте, я в CSS новенькая... Не могли бы Вы подсказать, какие сервисы мне подключить, чтобы я могла вставлять под записи другой фон? Помимо обязательных сервисов я подключила только Би (хотя даже понятия не имею нужна мне эта Би или нет, но наверное бибиотека изображений пригодиться). Вот... Подскажите. пожалуйста...

---

[Loki Nightfire]

Доброго времени суток, уважаемые сообщники =)
Вопрос такой сорри, если повторюсь, но с поиском у меня напряг : существует способ выкладывания изображения большого в виде превьюшки (в том числе превьюшки в MORE). Можно ли через CSS сделать так, что бы картинка самой превьюшки (которая такая милимизерная, аватарку напоминает) была больше того, что есть сейчас (например с максимальными размерами 700х700)?

Вопрос с повестки дня снят. Спасибо ответившим за советы =)))

---

[rastakawaii]

Доброго всем времени суток!
Если никто не против, разрешите поделиться полезной ссылкой, может быть кому-то уже известной. При создании дизайна всегда приходится сталкиваться с проблемой его отображения в разных браузерах. При этом далеко не всегда есть возможность держать на своей машине несколько браузеров разных версий. Для решения таких проблем есть замечательный сервис BrowserShots, где можно получить скриншоты своей страницы с разных разрешений, браузеров и ОС, которые вы выбираете сами. При бесплатном использовании сервиса есть ограничения - время использования для одной страницы (30 мин.) и очередь на получение скриншотов (порой они могут создаваться ооочень долго). По завершению проверки страницы вы получите ссылку на архив с вашими скринами.
Надеюсь, вам это будет полезно

@темы: Дизайн, Учеба

---

[Пушистый хикки]

Вынесла меню на экстратоп. В ИЕ7 и Опере все работает корректно, а в Мозилле почему-то некоторые ссылки не идентифицируются как ссылки и, соответветственно, не работают. Подскажите, пожалуйста, что делать?

Мой код

Мой код

#wrapper{background: url('/userdir/4/4/4/7/444785/39106766.jpg'); min-width:900px!important;width:900px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; }
#side{width:163px !important;margin:0 !important; fixed;}
#side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:relative; top:-300px;}
#myDiaryLinks {width:900px !important;position:absolute; top:130px; left: 50px; font-weight:bold; text-align:left !important;}
#thisDiaryOwner {width:900px !important;position:absolute; top:60px; right: 70px; font-weight:bold; text-align:right !important;}
#globalLinks {width:900px !important;position:absolute; top:130px; right: 70px; font-weight:bold;text-align:right !important;}
#side h1 {width:900px !important;position:absolute; top:200px; font-weight:bold; text-align:center !important;}
#authorName {width:900px !important;position:absolute; top:220px; right: 0px; font-weight:bold; text-align:center !important;}

@темы: меню

---

Большая фотография.

[Walterka]

Подумалось мне, что большое фото в дневнике можно сделать куда попроще, нежели предложено здесь. (Кроме того, тот способ не подойдет для пользователей, у которых проставлен фон для блока thisDiaryInfo - иначе этот фон просто заменится фотографией.)
Так же ставите в настройках дневника на фото прозрачное gif или png-изображение размером 1х1px, а в CSS прописываете код:
#thisDiaryPhoto { background:url('изображение из вашей БИ') no-repeat; height: высота вашей картинкиpx !important;}
Адекватно отображается в Опере, Мозилле и ИЭ 7. За шестой не ручаюсь - не проверял.

@темы: меню

---

убрать главное меню

[Madge-boy]

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

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