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

суббота, 27 марта 2010

23:08

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

Архи Дея

Здравствуйте! я уже с ума сошла с этим дизайном: перепробовала все известные мне способы центрования, но все равно упорно вижу его слева. Не могли бы вы мне что-нибудь посоветовать?

#wrapper{background:#; width:599px;margin: 0 auto !important; padding:0 !important;}
 #side{width:599px !important;margin:0 !important; background: url('/userdir/3/0/2/5/302532/53108825.png') repeat; font-weight:bold !important;}
 #page-c{width:650px;padding:0 !important;padding:0 !important; background: url('/userdir/3/0/2/5/302532/53108825.png') repeat; background-attachment:fixed ;}
 #extratop {background: url('/userdir/3/0/2/5/302532/53551028.gif') center top no-repeat; width: 600px; height: 620px; no-repeat;}
 #extrabottom {background: url('/userdir/3/0/2/5/302532/53392346.png') no-repeat; margin: 0 auto; width: 650px; height: 80px; no-repeat; position: relative; left: -115px; top: -10px;}
 .urlLink, #bottomNav {display:none !important;}
 .header, .header span, .header h2, .postDate {font-family:'Verdana' !important; font-size: 16 px !important; text-align:center;}
 .postLinks {display:block; width:100%; text-align:center; font-family:'Verdana' !important; font-size: 16px; color:#fe1500;}
 #myDiaryLinks_title, #thisDiaryLinks_title, #thisDiaryOwner_title, #globalLinks_title, #myLinks_title { }
 #authorName {font-size: 21px; color:#362d36; text-transform: none; font-family:Verdana !important; font-weight: normal !important;}
 #side h1 {font-size: 21px; color:#fe1500 !important; text-transform: none; font-family:Verdana !important; }
 .offtop { color: #000000 !important; font-size: 10px;}
 .paragraph div:first-letter { font-size: 28px; font-family:Verdana !important;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #4f4a4f; border: 2px dotted #ffffff; margin: 0px 0px 0px 0px; padding: 3px; filter:alpha(opacity=100) !important;-moz-opacity:.7 !important;opacity:.7 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #4f4a4f; border: 2px dotted #ffffff; margin: 0px 0px 0px 0px; padding: 3px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 ::selection {background:#Ffffff; color: #0f63c7}
 ::-moz-selection {background:#Ffffff; color: #0f63c7}
 #side h1 a {display:block; width: 250px; height:120px; line-height:500px; overflow:hidden; background: url('/userdir/3/0/2/5/302532/53302550.png') 2px 4px no-repeat; position: absolute; left: 0px; top: 0px;}
 #authorName {display:block; width: 200px; height:50px; line-height:500px; overflow:hidden; background: url('/userdir/3/0/2/5/302532/53302544.png') 2px 4px no-repeat;}
 .top #thisDiaryPhoto {display:none;margin-top:25px;padding:10px;position:absolute; right: 300px; top:0px;}
 #authorName {position: relative; left: -280px; top: 0px;}
 #YaSearch{display:none}
 A:hover {text-decoration: none; text-shadow: #fe1500 2px 0px 10px; color: #fe1500;}
 .menuSection {color: #fe1500; font-weight:bold !important;}
 #side ul {background: url('/userdir/3/0/2/5/302532/53108825.png') repeat; font-size:16px; border:1px dotted #ffffff; }

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

URL

четверг, 25 марта 2010

22:09

Подпись - в строку!

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

i feel it in my code, enough to make my core explode!

Люди добрые, просто нет возможности искать по сообществу (если такое было, извините, извините!)
Как сделать подпись в строку, как вот тут?

Ещё интересно, как аватар изменён в размере, а подпись и ник автора располагаются сбоку от него.

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

URL

вторник, 23 марта 2010

20:35

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

все записи пользователя в сообществе Pappy a long stocking

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

Возникла такая проблема. Не нашла здесь что-то.
Сделала картинку недвижимую над эпиграфом. В просмотре дневника она висит нормально, но когда переключаюсь на "избранное" и "новую запись", она прилично так вниз съезжает. В результате в избранном, я вижу сразу первый пост, даже без названия, а в "новой записе" тему поста написать невозможно. Никто не подскажет как это исправить?

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

URL

15:41

Отступы и рамки

все записи пользователя в сообществе Дэмина

Любопытство и робость, истома и страх, сладко кружится пропасть - и стон на губах... ©

Здравствуйте,
Пыталась найти ответы сама, но не получилось.
Помогите, пожалуйста, блондинке =(

1. Вылезающие кусочки какой-то лишней рамки
2. Отступы слева и справа от рамок, чтобы текст не вылезал за пределы и не начинался от самой рамки
3. Можно ли добавить нижнее окончание рамки меню, и если да, то как?

CSS код

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

URL

14:31

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

Архи Дея

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

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

URL

11:41

Как сделать выпадающее меню?

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

Времени в обрез, вечность впереди. (с)

Увидела много информации о том, как его редактировать, но как просто сделать, какой код надо прописать, чтобы из картинки выпадало меню при наведении курсора, так и не нашла. Помогите пожалуйста.
Задача: есть дизайн, в нем есть картинки, которые обозначают меню. Надо, чтобы пр наведении на картинку, выпадало это самое меню. В настоящий момент оно просто постоянно присутствует.
Если нужен CSS дайрика - скажите.
Спасибо

@темы: меню

URL

понедельник, 22 марта 2010

23:30

Цвет ссылок

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

Снявши крылья, по ушам не плачут.

Здравствуйте.
Подскажите, пожалуйста, код, чтобы изменить цвет ссылок только у названий тем.

@темы: текст

URL

22:03

Цвет меню авторизации, картинка пользователя и расстояние между блоками и пр.

все записи пользователя в сообществе Nefer-Ra

R.I.P. your mind

1. Как прописать цвет для меню авторизации? (панель сверху). Для всех прочих меню цвет прописан, но это одно почему-то осталось прозрачным.
2. Можно ли закрепить картинку пользователя (фото), чтобы оно не появлялось при наведении курсора на ник, а висело постоянно?
3. Можно ли в дизайне типа такого (vranova.diary.ru/) сделать между всеми блоками некоторое расстояние, т.е. отодвинуть экстратоп от меню, а меню от блока записей.
4. Там же - как прописать характеристики (цвет заливки, шрифт) для нижнего меню (того, где статистика). Не нашла его описания в шпаргалках.
5. Как максимально правильно разместить по центру верхнее меню? Т.к. у меня или сам блок ползет, или двигаешь текст, а за ним убегает имя автора (при этом оно на прописанное прямо позиционирование реагировать перестает).
6. Как сделать разделитель между постами (например, такой пунктир, как тут)
7. Можно ли окошко поиска загнать в экстратоп или экстработтом? Если можно - поделитесь примерами реализации.

Спасибо за внимание.

P.S. Не факт, что правильно выбрала темы.

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

URL

воскресенье, 21 марта 2010

20:42

все записи пользователя в сообществе Пуфистая

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

Проблема:
Когда открываю комментарии вижу вот такую картину
запись
1
комменты
2

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

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

URL

18:23

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

yuuuu.diary.ru/
Проблема в том, что при разрешении 1280 (у меня, по крайней мере), прокрутка появляется внизу.
читать дальше

решено.

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

URL

17:07

Абврах!

все записи пользователя в сообществе теплый кофе

летнее время

Уже часа три мучаюсь с этим меню.
Хочу чтобы оно стояло, а оно отказывается.
mono-fono.diary.ru/

Может, проблема в коде?
сам кот
И вот конечно смущает промежуток между названием дневника и пунктами меню.
Спасиииити!

Гранд мерси, Aloria !

@темы: меню

URL

16:09

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

Архи Дея

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

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

URL

13:20

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

today is yesterday's tomorrow

Пролистала несколько страниц,но так и не нашла то что мне надо. В сообществе-меню сверху.Когда комментируешь и потом наводишь на меню-то сами блоки пропадают,так что невозможно ни на что нажать( В чем проблема?может кто подскажет?
Вот код меню

 #side {width:650px !important; position:absolute; margin-top:-40px; margin-left:20px}
 .menuSection {text-align:center}
 #side ul {background: #f4fac6; width: 180px !important; border: 1px solid #ffffff}

Заранее спасибо

@темы: меню

URL

суббота, 20 марта 2010

22:25

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

всё-имеет-значение / Насильник Великого и Могучего / Имею мнение - 64 главы, 49 частей, 7 разделов/ Мир, любовь и миниган

Здравствуйте. )
~~Возникла небольшая проблема.~~
Как передвинуть блок меню, так, чтобы убрать пустое место вверху?

Ответ: #side {margin-top: -100px !important; }

@темы: меню, отступы, Дизайн

URL

пятница, 19 марта 2010

16:08

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

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

Добрый вечер
Мне нужна помощь , т.с. знатоков.

1. Мне нужно сделать фон записей и меню рваным как с одной стороны так и с другой. Код для этой операции.
2. Нужен разделитель для постов . Код для разделителя, но разделитель не из картинок , а просто полоска , прерывистая , прямая ....
разделители для меню, пишу данные для потов, но не сохраняется настройка, отображение при настройке есть.
~~3. Как вставить фото ( аватар) через сss~~

Прилагаю скрин.
Прилагаю код днева.

#side { width:200px !important; margin:0 !important; position:absolute; clear: right: 90; top: 10px;}<br /> #page-c {width:80% !important; margin:0 !important; padding-right: 200px !important; }<br /> .singleComment .postContent { padding-left:140px; }<br /> .singleComment .postInner { margin-left:-150px; padding-left:150px; }<br /> .singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }<br /> .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }<br /> .avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}<br /> .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}<br /> .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }<br /> .left #side{width:180px; !important;margin:0 !important;}<br /> #page-c{width:200px; !important;margin:4 !important;}<br /> #extrabottom {width:200px; !important;margin:4 !important;}<br /> #extrabottom .bordered{ border-style:dotted; border-color:#674e88;}<br /> #extrabottom .bordered{ border:2px dotted #674e88;}<br /> #side{background: url('/userdir/2/8/7/2/287209/53084306.png') repeat}<br /> #page-t {background: url('/userdir/2/8/7/2/287209/53084306.png') repeat}<br /> body {background: url('/userdir/2/8/7/2/287209/53083403.jpg') !important;}<br />

Помогите люди добрые.
Я ещё плохо шарю в CSS , без вас ну просто никак.

запись создана: 15.03.2010 в 22:48

URL

четверг, 18 марта 2010

22:29

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

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

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

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

URL

22:11

все записи пользователя в сообществе yes, we can

мазохист.

Всю жизнь меню было под экстратопом слитно с записями, но сейчас он маленький и меню накладывается на записи. Решила, чтобы оно было по середине(сверху), но не получилось, потом параллельно экстатопу, но ничего не нашла(были раньше записи здесь от юзеров, но сейчас их нет Оо).
Знаю, что вопрос заезжий, но подскажите, как его можно туда "переставить".

@темы: меню

URL

21:02

help please

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

If I have nothing good to say about a person, I will say nothing(c) Chuck Norris

доброго времени суток!
который час бьюсь и не могу понять, в чем дело.
под экстратоп (1024*150) сделал картинку такого же размера static.diary.ru/userdir/9/7/2/6/97261/53192732....
но картинка упорно вылезает за пределы екстратопа.

код #extratop { background: url('/userdir/9/7/2/6/97261/53192732.jpg');no-repeat; width: 1024px; height: 150px; }
уже и прибиваю, и нифига. плиз, хелп! :candle:

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

URL

среда, 17 марта 2010

18:47

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

А как сделать выпадающее меню в левую или правую стороны?

@темы: меню

URL

15:03

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

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

Можно ли ссылки, которые образуютсе тегом мор - сделать отличными от остальных ссылок?

@темы: diaryCSS

URL


Запомнить