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

четверг, 19 марта 2009

01:35

Помогите

все записи пользователя в сообществе Сара, мать её, Такер!

Гори, но не сжигай... Гори, чтобы светить. (с)

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

@темы: diaryCSS

URL

среда, 18 марта 2009

22:24

все записи пользователя в сообществе Инстинктивный доброволец

кто, если не я?©

поможите чем можете...
1)как поднять блок записей к эпиграфу. а то он как-то подозрительно выглядит. дизайн табличный.
2)прошу помощи в коррекции кода.
код

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

URL

20:26

расположение #side и #page-c

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

Green-tinted sixties' mind

Подскажите, как сделать динамический диз, чтобы #page-c всегда находился ровно в центре страницы, а #side - слева? т.е. чтобы #page-c выравнивался по центру wrapper'a, игнорируя #side (пока получалось только по центру свободного места во wrapper'e)
спасибо Roldo Aurum X Чудеснов sinnosence, проблема решена

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

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

URL

20:00

@темы

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

идиот-тайчо. :3

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

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

URL

17:30

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

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

Девочка не может быть говно.

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

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

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

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

URL

15:03

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

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

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

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

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

URL

14:14

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

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

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

@темы: текст

URL

13:48

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

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

Извините если такое уже было, только я не могу найти.Хочу поставить картинку в низ дневника.Чтоб было словно плавное окончание таблички.
Картинка готовая уже есть.Но как ее туда поставить? :hmm:

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

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

URL

06:24

Еще о CSS

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

Совершенству эволюция не нужна.

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

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

URL

01:10

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

все записи пользователя в сообществе 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

@темы: меню

URL

вторник, 17 марта 2009

23:29

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

«бедная, бедная...этот немытый виноград препроводил ее душу прямо на небо...»

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

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

URL

22:58

все записи пользователя в сообществе Енерджайзер

маленький злобный гоблин

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

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

URL

21:28

Отступ

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

Save me Barry!

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

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

URL

19:38

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

Совершенству эволюция не нужна.

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

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

URL

18:44

Список ПЧ.

все записи пользователя в сообществе Юфенка с ушками

atenta desatención

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

Код:

* 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;}

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

@темы: меню

URL

18:20

--

все записи пользователя в сообществе 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 недель. Потом просто неожиданно мальчик на фиксированном фоне пропал, но в некоторых браузерах (Опера) отображается. В настройках все отображается точно так же, а вот все равно не видно и не могу понять в чем дело...
Пытался найти ошибки, но так и не смог. Похожих постов не нашел.

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

URL

18:20

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

Life sucks and then we die.

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

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

@темы: меню

URL


Запомнить