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

четверг, 27 декабря 2012

21:23

Список классов и id

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

Уважаемые сообщники, куда "ушли" Список классов и id по нашим дневникам?
Может кто-то случайно сохранил страничку? Поделитесь, пожалуйста.

-------
boko: достал из кеша гугла, перенес на народ, обновил эпиграф

@темы: diaryCSS, платный сервис, Мысли вслух, Учеба

URL

среда, 26 декабря 2012

20:30

выбор аватара

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

нетолерантен

Здравствуйте, я ещё с одной проблемой. У меня, почему-то, в поле выбора аватара они не отражаются, вот:
скрин

часть кода

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

URL

среда, 19 декабря 2012

07:14

Меню и поле ввода записи

все записи пользователя в сообществе freneza heliko **@

"Hell is other people. …On second thought, hell is myself" (с) Daria Morgendorffer

Здравствуйте.
Есть несколько вопросов.
1. Меню такого вида:
скрин
При наведении курсором появляются разделы:
скрин
Как сделать так, чтобы разделы появлялись и исчезали с задержкой?
2. Темы записей выглядят так:
ещё скрин
Можно ли как-нибудь скрыть все темы, оставив только ссылку "Все темы" или хотя бы сделать непрозрачный фон под ссылки?
Непрозрачный фон можно сделать таким образом: .menuSection ul {background:rgba(0, 0, 0, 0.70) !important; border-radius: 40px 40px;}
Но всё равно это выглядит криво, так что вопрос о скрытии тем остаётся открытым.
~~3. Как сделать непрозрачный фон для поля набора комментариев и записи?~~
С комментариями вот так: #addCommentArea {background:rgba(0, 0, 0, 0.70) !important; border-radius: 20px 20px; -webkit-box-shadow: 0px 0px 30px #C8AEFF; -moz-box-shadow: 0px 0px 30px #C8AEFF; box-shadow: 0px 0px 30px #C8AEFF;}
апд И ещё вопрос, возникший в процессе работы над дизайном.
Переделываю стиль первой записи и в меню почему-то вылезает вот это:
читать дальше

Что это и как это убрать?
код
.first {border-radius: 30px 50px; -webkit-box-shadow: 0px 0px 40px #1C91FF; -moz-box-shadow: 0px 0px 40px #1C91FF; box-shadow: 0px 0px 40px #1C91FF; border-style:solid !important; border-color:#1C91FF !important; border-width: 1px 1px 1px 1px !important;}

решилось так: .top.block_design #thisDiaryInfo{border-style:none !important; box-shadow:none !important;}

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

запись создана: 18.12.2012 в 08:59

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

URL

понедельник, 17 декабря 2012

20:08

Меню по центру

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

нетолерантен

Наверное, был такой вопрос, но я не нашёл.

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

скрин меню

код меню

{------------ меню --------------}
 #side .bordered { max-width: 900px; max-height: 40px; position: relative; margin: 0 auto !important; font: 15px Georgia !important; background: rgba(20, 20, 20, 0); text-shadow: 1px 1px 7px #000000; }
 #thisDiaryInfo {display: block !important; min-width: 200px !important; position: absolute !important; top: -565px !important; left: 710px; }
 #thisDiaryInfo a {font: normal 20px Georgia !important; color: #584b4b !important; text-shadow: 0px 1px 2px #1e1414; text-transform: lowercase; letter-spacing: -1px; }
 #side ul {background: rgba(20, 20, 20, 0.8); }
 #side h1 a { color: #584b4b !important; text-transform: uppercase; font: 20px Georgia; position:absolute; top: -500px; left: -10px;}
 #side h1 a:hover, #side h1 a:active {color: #6a5a58 !important; text-decoration: none; }
 .menuSection {text-align:center; padding: 60px 50px 10px 50px !important; font: 16px Times, serif !important; background: rgba(20, 20, 20, 0); display:block; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1px; margin: -45px 20px 0 20px;}
 #thisDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60px;}
 #thisDiaryOwner {min-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60px;}
 #myDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 45px 0 30px; }
 #globalLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 45px; }
 #iAmQuit {display: block !important; display: block; position: absolute; margin: 0 0px 0 750px; }
 #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #iAmQuit ul {min-width: 150px; margin: 0 0 0 -24px !important; }
 #thisDiaryLinks ul {background:#141414; background: rgba(20, 20, 20, 0.5);}
 .menuSection a:hover, .menuSection a:active, #authorName:hover {color: #6a5a58 !important; text-decoration: none; }
 #TagsList ul { width: 160px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -10px !important; }
 #TagsList li {text-align: left !important; background: none !important; padding: 2px 0 0 5px !important; border-bottom: none !important; }
 #TagsList span {margin: 0 10px 0 0 !important; }
 #Stats { padding: 3px 5px 3px 5px !important; color: #372f2f !important; font: 14px Georgia; width: 110px !important; margin: 3px 0 0 -60px !important; }
 #Stats a {color: #372f2f !important; }
 #thisDiaryPhoto, .urlLink, #epigraph .postTitle, .umail, .profile, #side h1 .opac6, #photolibLink, .prevnext, #lastComments, #pchs {display: none !important;}
 #bottomNavLinks a, #pageBar a {text-decoration: none; color: #605857; font: 17px Times, serif; }
 #bottomNav, #pageBar {display:block; font: 16px Times, serif; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1px; margin: -45px 20px 0 20px;}

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

URL

суббота, 15 декабря 2012

15:24

Предпросмотр и страница не совпадают

все записи пользователя в сообществе nathalie-starkiller

Жизнерадостный псих =)

Ауу?... Неужели никто не знает, в чем дело?..

Как так вообще может быть?.. Смотрю в окошке предпросмотра - все нормально:

Ставлю этот дизайн, открываю дневник - фона заголовков постов как не бывало 0_о

Это в Мозилле и Хроме так. В Опере все нормально.

Код:

#wrapper { width: 756px; }
 .header { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510;}
 #side h1 { background: #f3ead4; font: italic bold small-caps 17px Georgia !important; color: #211510; }
 #side h1 a { font: italic bold small-caps 17px Georgia !important; color: #211510; }
 #thisDiaryPhoto { height: 122px; width: 86px; border: 4px solid #f3ead4; margin-left: 27%}
 #authorName { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510; border: 4px solid #f3ead4}
 #YaSearch { background: #f3ead4; margin-top: 10px; }
 #YaSearch a { font: italic bold small-caps 15px Georgia !important; color: #211510; }
 #myDiaryLinks { background: #f3ead4; margin-top: 10px;}
 #myDiaryLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #thisDiaryOwner { background: #f3ead4; margin-top: 10px;}
 #thisDiaryOwner a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #globalLinks { background: #f3ead4; margin-top: 10px;}
 #globalLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #Stats { background: #f3ead4; margin-top: 10px;}
 #Stats a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #topNav{display:none;}
 .postDate { background: #f3ead4; font: italic bold small-caps 15px Georgia !important; color: #211510; }
 .order_button {background: none;}
 #epigraph .postLinksBackg {display: none;}
 #epigraph .postInner {background: none;}
 #epigraph .postTitle {background: none;}
 .postInner { background: #f3ead4; font: 15px Georgia !important; color: #211510; }
 .postInner a {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atTag span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atTag a {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMusic span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMusic {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMood {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMood span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .quote_text { font: 15px Georgia italic !important; color: #211510; }
 .eot { font: 15px Georgia !important; color: #644638; }
 .urlLink { display:none;}
 .comments { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .addToQuote { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .subscribe { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .unsubscribe { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .quote_post { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .umail { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .diary { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .profile { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .prevnext { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 #pageBar { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #TagsList span { font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #login_form { background: #f3ead4; margin-top: 10px; font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #login_form a { font: italic bold small-caps 14px Georgia !important; color: #211510; }

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

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

URL

среда, 12 декабря 2012

17:27

Убрать заголовок эпиграфа

все записи пользователя в сообществе nathalie-starkiller

Жизнерадостный псих =)

Вечер добрый)
Честно искала тут ответ - извините, не нашла.

Хочется оставить эпиграф без фона, в то время, как у постов и их заголовков фон есть. Пишу:

.postTitle { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510;}
#epigraph {background: #none;}

И все, казалось бы, нормально, но вылезает полоска вверху эпиграфа. Вот так:

Это явно не от меню, его я отключила. Это типа заголовок эпиграфа что ли?.. Как его убрать?

Проблема решена, спасибо!

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

URL

среда, 05 декабря 2012

17:54

Повторяющийся фон

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

аллигатор в лаванде

Доброго времени суток!

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

Может кто сталкивался, знаете как решить?

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

URL

вторник, 04 декабря 2012

08:39

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

хороший мальчик

Доброго времени суток.
А есть ли возможность сделать название дневника по центру независимо от ширины экрана?

@темы: меню, отступы, diaryCSS

URL

02:12

Здравствуйте, у меня просьба по дизайну блогов.

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

Не могли бы вы поделиться, собираетесь ли вы сделать разницу в цвете пройденных ссылок и ещё не пройденных? Чтобы такая функция появилась, к слову, в пункте изменения цвета ссылок в дизайне? Мне очень неудобно не видеть, у каких пользователей я уже была, они одним цветом выделены в поиске по дневникам, - а пользователи разные бывают, некоторые пишут в блог каждые десять минут, и я к ним захожу, теряя время, в то время как некоторые пользователи пишут раз в неделю, и я упускаю интересные дневники. Это основная причина, по которой я не бываю на Дайри. Замечу, на Ли Ру эта функция есть, и мне очень удобно сидеть там... Так что мне крайне важно узнать, будет ли со временем на Дайри такая функция. Если нет, чтобы я не планировала здесь ничего. Ответьте, пожалуйста.

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

URL

суббота, 01 декабря 2012

20:18

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

Архи Дея

Здравствуйте,

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

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

URL

18:26

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

При прочтении страницы, если приходится открывать много информации под MORE, то в итоге исчезает фон враппера, который прописан картинкой.

что получается

что должно быть

Пробовала делать так #wrapper {background: url('/userdir/3/6/4/5/364540/76849820.jpg') #d9d7b1;}
чтобы при исчезании фона хотя бы оставался фоновый цвет, близкий к картинке, но не работает((
Что делать?

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

URL

среда, 28 ноября 2012

13:55

цвет шрифта

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

all i want for christmas is YOUR FUCKING SILMARILLS YOU NOLDOMOTHERFUCKER (с)

Подскажите, как исправить недочет? С браузеро оперы текст в форме ответа отображается как следует, но с гуглохрома и лисы текст, который набираешь, просто не отображается. его видно, только если выделить ctrl+a.
Я думала, дело в настройках цвета шрифта, настройки такие.

на деле выглядит так

Дизайн платный.
Заранее спасибо за помощь

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

URL

вторник, 27 ноября 2012

19:13

Уезжает блок меню при разных разрешениях экрана.

все записи пользователя в сообществе his dear detective

чистосердечное признанье заставил Ди писать Леон теперь и шеф зовёт беднягу о дорогой мой детектив

Вопрос решен.

У меня с разрешением 1366 на 678 все выглядит нормально, так как и планировалось.
Но вот так это выглядит при разрешении 1020 на 768.
Как сделать так чтобы блок меню не уезжал при других разрешениях? Читат предыдущие такие вопросы, пробовал - не помогло.

Кусок кода с блоком меню:

#side{width: 150px !important;padding:0 !important; position: fixed; top:3px; left:142px; text-align:center; margin-top:5px !important; background-color: #c3d8ad}

Или надо еще что-то?

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

URL

пятница, 23 ноября 2012

23:59

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

Fortune favours the brave

Подскажите, пожалуйста, id для сравнительно недавно появившейся ссылки "Поделиться". Почему-то она никак не реагирует на .postLinksBackg (подозреваю, что это я накрутил с кодом, но всё же...).

Вопрос снят.

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

URL

четверг, 15 ноября 2012

19:32

Ссылка "наверх"

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

нетолерантен

Поискал, не нашёл. Как прописать отдельные свойства для "наверх"?
Расположение меню слева, вот такой экстработтом
читать дальше

ссылка "наверх" должна быть над "выход"
Решено. Спасибо unsteadied

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

URL

вторник, 13 ноября 2012

14:30

Центровка элементов

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

Мои перчатки слишком дорогие, чтобы бросать их в кого попало.

Добрый день, возникло несколько вопросов, надеюсь, у вас найдется на них ответ:
1. Можно ли отцентровать заголовки?
2. Можно ли отцентровать аватары над никами?
3. Можно ли изолировать рамкой не аватар, а все атрибуты пользователя: ник, аватар, подпись?
4.Как вставить в цитату иконку, чтобы при цитировании рядом с текстом появлялась иконка?

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

URL

воскресенье, 11 ноября 2012

11:06

вставка видео

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

This is my chance, I want it now!

Добрый день!

Извините, если не по адресу. Подскажите, пожалуйста, как вставить в пост видео с сайта 1 канала 1tv.ru?
www.1tv.ru/sprojects_utro_video/si33/p54014

Спасибо!

URL

пятница, 09 ноября 2012

06:01

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

и стреляй.

доброй ночи.
проблемы такие:
1. эпиграф никак не хочет становиться на середину.
2. я что-то явно намудрила в коде, в итоге дневник "расползся" по всему экрану

код:
читать дальше

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

URL


Запомнить