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

среда, 28 апреля 2010

21:12

Форма авторизации

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

Интернет- пригодность 100%. Нецензурных выражений и ненормативной лексики не содержит. К сожалению.

Как можно уменьшить ширину формы авторизации таким образом, чтобы поле ввода пароля и кнопка «Войти» переносились на следующую строку?
#login_form {width: 150px !important;} не помогает. Ширина .menuSection задана в 170px.

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

URL

17:44

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

If you are a Witch, then perhaps I'll be your Warlock

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

Наверняка эти мерзкие границы и хайлайт внутри конкретно этого блока убрать можно, и наверняка это не так сложно... но дизайн был писан с помощью подстановки своих значений методом тыка, и посему я не знаю, как это сделать, а мозги от такого форсирования основ css закипели и скукожились. Помогите, пожалуйста, привести эти темы в божеский вид. И чтобы ссылка на все темы отображалась.
Заранее извиняюсь за глупость и прошу отнестись с пониманием :shuffle:

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

#extratop { background: url('/userdir/1/7/3/4/1734232/54776330.png') no-repeat; background-position: center; width: 948px; height: 417px; }
 body{ background:url('/userdir/1/7/3/4/1734232/54756968.jpg') repeat;}
 #wrapper{ min-width:944px!important;width:948px!important;}
 #side{ background:url('/userdir/1/7/3/4/1734232/54758084.jpg') repeat; width:168px !important; }
 .right #page-c {margin-right:-168px;}
 .right #page-t {background-color: #94ddb5; background:url('/userdir/1/7/3/4/1734232/54758084.jpg') repeat; margin-right:168px; border: 1px solid #285c13;}
 .menuSection{ margin: 0 5px 5px 5px; padding: 0; border: 1px solid #285c13; background-color: #F3FDD4; border-bottom: none }
 #login_form, #YaSearch, #lastComments{ border-bottom: 1px solid #285c13; }
 #side h1{ position: absolute; margin-top: -72px; margin-left: -485px; font-size: 32pt; font-weight: normal; font-family: "monotype corsiva" ; width:928px; text-align:left; }
 #side h1 a{ color: #ffffff; }
 #side h1 a:hover{ text-decoration: none; color: #000000 !important; }
 #side ul li{ margin: 0; border-bottom: 1px solid #285c13; padding: 3px 5px; }
 #side ul li:hover{ background-color: #94ddb5; }
 #topNav, #YaSearchForm_title{ display: none; }
 a{ color: #027068; }
 .postTitle, .countSecond .postTitle{ border-top: 1px solid #285c13; }
 .postDate, .countSecond .postDate{ background-color: transparent; color: #285c13; font-size: 80%; }
 #side a{ color: #027068; }
 #side a:hover{ text-decoration: none; }
 #login_form p{ margin: 0; }
 #sign{ padding: 5px; }
 #usrlog, #usrpass, #login_form input.submit{ width: 65px; }
 #YaSearchForm{ visibility: visible!important; display: block!important; }
 #Stats{ background-color: transparent; border: none; }
 #thisDiaryInfo { text-align:center; border: solid 1px #285c13; }
 #thisDiaryPhoto { margin:12px 0 4px 0; }
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover,a:active{color:#2fa1b1 !important}
 #myStatLink{display:none}
 #postTitle {width: 400px }
 #upInChart {display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #paySupportLink{display:none}
 #faqLink{display:none}
 #topNav{display:none}
 #myProfileLink{display:none}
 #myStatLink{display:none}
 #upInChart{display:none}
 #postsCalendar{display:none}
 #rssLink, #lastComments{display:none}
 .authorName { padding:0 12px 5px ;}
 .commentAuthor .avatar { margin:0 8px 8px;width:0auto; max-width:140px; }
 .sign {padding:0 8px 5px ; }
 .atMusic em, .atMood em, .atTag em { font-style: normal; font-size: 92%;}
 .atMusic span:before {content: "музыка:"; font-size: 10px; }
 .atMusic span {font-size: 0px; }
 .atMood span:before {content: "настроение:"; font-size: 10px; }
 .atMood span {font-size: 0px; }
 .atTag span:before {content: "[x] жепки:"; font-size: 10px; }
 .atTag span {font-size: 0px; }
 span.quote_text { font-style: normal; display: block; margin: 5px; padding: 5px; border: 1px solid #137116; font-size: 85%; background: #F3FDD4;}

Да, по поводу возможных косяков с отображением названия дневника я в курсе, но пока что методом тыка получилось только так. Буду рада любым замечаниям.
И еще. Убрала "@" из тем, как советовали где-то здесь в комментариях, с помощью кода

.atMusic em, .atMood em, .atTag em { font-style: normal; font-size: 92%;}
 .atMusic span:before {content: "музыка:"; font-size: 10px; }
 .atMusic span {font-size: 0px; }
 .atMood span:before {content: "настроение:"; font-size: 10px; }
 .atMood span {font-size: 0px; }
 .atTag span:before {content: "[x] жепки:"; font-size: 10px; }
 .atTag span {font-size: 0px; }

Но в Хроме они получились не скрытыми, а очень маленького размера, и их все равно видно. Это хоть и не смертельно, но несколько неприятно. С этим можно что-нибудь сделать?

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

URL

01:13

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

Жизнь прекрасна, если правильно подобрать антидепрессанты

Подскажите, пожалуйста, как можно сократить количество последних комментов в колонке меню, к примеру, до 5.

@темы: меню

URL

вторник, 27 апреля 2010

23:51

Эпиграф и аватары

все записи пользователя в сообществе Smai-LA

When in doubt, relax, turn off your mind, float downstream. ©

Здравствуйте!
Ответьте, пожалуйста, на вопросы:
1) Как сделать так, чтобы когда вставляешь в дизайн несколько картинок через эпиграф (например, на одну картинку, которая побольше, мне надо наложить картинку, которая поменьше, или текст), можно было контролировать, какой элемент поверх какого должен быть. А то у меня они в произвольном порядке отображаются - те, которые побольше, закрывают те, которые поменьше и текст. =(((
2) Можно ли аватар в сообществе запихнуть в строчку с датой и названием поста и убрать подпись под аватаром? Чтобы не оставалось этого пустого места под аватаром и можно было задействовать всю ширину single post, А в комментариях чтобы аватары отображались как обычно?

Спасибо)

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

URL

понедельник, 26 апреля 2010

22:02

Desaturate на аватары

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

я поместился после смерти в сознания ста воробьёв и было весело и странно когда распугивали их

Можно ли сделать так, чтобы аватары комментаторов у меня в дневнике становились черно-белыми?

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

URL

21:52

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

Архи Дея

Здравствуйте. Я не знаю, в чем проблема: раньше у меня дизайн отображался так, что фото больше ширины wrapper'а как бы "вылезали" из него. Сегодня я обнаружила, что они не хотят этого делать. А ведь я не вносила никаких изменений в код. Как быть?

URL

10:23

все записи пользователя в сообществе Мастер Пелагея

Доброго времени суток. Уважаемые сообщники, помогите пожалуйста. Честно искала по поиску решение моей проблемы, но не нашла.
Дело в том, что мне нужно сделать так, чтобы пункты всплывающего меню

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

@темы: меню

URL

воскресенье, 25 апреля 2010

13:29

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

я жду тебя,Ева

у меня маленький-прималенький просьб)
как сделать такой дизайн- ang-e.diary.ru/

URL

пятница, 23 апреля 2010

23:39

Внезапно появился вопрос, не поможете ли?)

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

Nothing comes by accident Wake up, stop dreaming [Brainstorm]

Дело в том, что иногда хочется не писать много разных постов, разделяя их на открытый\закрытый,хочется для собственного удобства, чтобы всё было в одном посте.
Возможно ли сделать так, чтобы определённое место в посте было закрыто для других или открыто только для списка? Если да, то не могли бы подсказать - как?

@темы: текст, diaryCSS

URL

11:13

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

Хорошей я уже была… мне не понравилось! Останусь сама собой!

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

код

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

URL

00:59

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

Люблю и любима.

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

 #side {background: url('/userdir/2/8/7/2/287209/48691544.png') repeat}
 #page-c {background: url('/userdir/2/8/7/2/287209/48691544.png') repeat;}

Получается заливка прозрачным фоном на по мимо блогов записей сливается фоном меню.
Хрень какая то .

скрин

URL

четверг, 22 апреля 2010

14:14

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

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

1. как убрать в сообществе при создании новой записи пункты: музыка и настроение? =)
2. можно ли сделать так, чтобы в сообществе вместо аватаров участников, выпадали рандомные аватары, загруженные, например в би сообщества?

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

@темы: diaryCSS

URL

четверг, 15 апреля 2010

15:57

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

Я - ветер/Лорд Люциан

Добрый день. Подскажите, как переместить ник из экстратопа в блок меню (слева от названия дневника).

читать дальше

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

URL

14:08

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

Все дуры такие женщины (с)

Здравствуйте!
Прошу прощения, если повторюсь. У меня такая проблема:
Сделала оформление для дневника, все работает, все отражается. Но когда я спустя несколько часов захожу на дайрик, у меня цвета и фон идут в старом оформлении. При том, что старое я вообще удалила. И это во всех браузерах (( Потом захожу в оформление, пересохраняю, и на ближайшие несколько часов все идет нормально, потом снова все повторяется... Может кто-нибудь знает в чем проблема?

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

URL

среда, 14 апреля 2010

23:58

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

Поиск по сообществу ничего не дал
Хочу уменьшить размер даты написания поста и выровнять по центру.
.postDate {text-align:center; font-size:12px;}
Изменение выравнивания применяется ко всем датам, а размера - через пост. Первый с 12, Второй стандартно, третий - 12, четвертый стандартно... Что не так?

@темы: текст

URL

02:36

Если кто поймёт ответьте на мой бред пожалуйста.

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

мир в ладонях

Существует ли дефаултный файл Даири со всеми настройками и external css-ами где нибудь в одном файле, чтоб потом его вставить в Дримвивер и всё что собственно не меняемое закрыть в template, но оставить лайаут юзера на переделки различного плана.

Или придёться переписывать в ручную весь template даири с source

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

URL

вторник, 13 апреля 2010

23:40

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

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

При редактировании коммента получается такая дырень Оо между экстаботтомом и комментом.
Нигде больше такой проблемы в самом сообществе не наблюдается...

Есть ли способ убрать/залить?

Заранее спс :white:

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

URL

20:51

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

Не лезьте мне в душу! Идите все на хуй! (с)

Скажите пожалуйста, можно ли подстроить длину колонки меню (сверху) под ширину колонки записей?
Искал по сообществу, не нашел.

@темы: меню

URL

16:25

Изображения не ресайзятся по ширине основного контейнера

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

выдаю свои мысли за чужие

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

Вопрос решён

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

URL

понедельник, 12 апреля 2010

22:39

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

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

меню у меня отпозиционированно в экстратопе...
я уже два дня ломаю моск - как сделать цдневник по центру монитора???
клеится к левой стороне моника и все тут !!!

О велики народ помогите!!! :beg:

 body {background: url('/userdir/1/4/0/3/1403238/54122309.jpg') no-repeat; background-attachment: fixed; width:900px !important;}
 #extratop {background: url('/userdir/1/4/0/3/1403238/54130373.png'); width:900px; height:347px;}
 #wrapper{ padding:0 !important; width:900px; min-width:900px!important; margin:0 auto !important; overflow:hidden !important; position: relative !important; }
 #page-c {background: url('/userdir/1/4/0/3/1403238/54130226.png') repeat; width:900px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important; width:880px !important; padding-left: 10px !important;}

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

URL


Запомнить