Шаблон №1 — @дневники: асоциальная сеть

понедельник, 27 июля 2009

La_mignonne

Окружающие видят только мои маски и думают, что знают меня....

16:51 Шаблон №1

Очень часто здесь просят прислать код, чтобы не поставить себе дизайн, а чтобы просто скопировать код, перекроить, вставить свои картинки и тд. А часто берут и меняют без разрешения. Авторам это не оч приятно - к сведению.
Поэтому я решила выставить шаблоны стандартных дизанов с пояснениями. Берите, подставляйте свое и сохраните наши нервные клетки.
Здесь можете писать, шаблоны каких дизов вам нужны.

Меню можно сделать справа - в стандартных настройках
Примеры - №1, №2

Как будет выглядеть

Читайте пометки между звездочками, т.е. *текст* - это мои комментарии, их из кода нужно будет удалить при установке.

 *wrapper - это общая ширина контейнера, она должна быть равна по ширине #side + #page-c !!! Не делайте ширину более 1000px - для маленького разрешения экрана это будет некрасиво*
#wrapper{min-width:ШИРИНАpx!important;width:ШИРИНАpx;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 
*эта строчка нужна, чтобы меню продолжалось в высоту вместе с основным блоком. Если вам нужно оставить меню коротким, просто удалите эту строчку! Если у вас меню справа, то вместо слова .left нужно поставить слово .right *
.left #wrapper{background:#ЦВЕТ БЛОКА ПОД МЕНЮ; overflow:hidden;}

*side - это меню, ШИРИНУ устанавливайте свою*
#side{width:ШИРИНАpx !important;margin:0 !important}

*page-c - блок с записями, ШИРИНУ устанавливайте свою*
 #page-c{width:ШИРИНАpx !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}

*фон устанавливайте в стандартных настройках. Если хотите, чтоб он не двигался, добавьте в код эту строчку*
 body{background-attachment:fixed;}

*экстратоп*
 #extratop { background: url('/userdir/ОСТАЛЬНАЯ ЧАСТЬ КАРТИНКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ') no-repeat; width:ШИРИНА ВАШЕЙ КАРТИНКИpx; height:ВЫСОТА ВАШЕЙ КАРТИНКИpx;}

*экстработтом - если он вам не нужен, просто удалите эту строчку*
 #extrabottom {background: url('/userdir/ОСТАЛЬНАЯ ЧАСТЬ ССЫЛКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ') no-repeat; width:ШИРИНА ВАШЕЙ КАРТИНКИpx; height:ВЫСОТА ВАШЕЙ КАРТИНКИpx; }

ДОПОЛНЕНИЯ

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

@темы: CSS, Шаблоны (разрешены любые изменения/использование кода)

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

U-mail Дневник Профиль

Сегодня случайно встретил Визарта. Хм... Оказывается он н...

Наверное, мне стоило почувствовать себя еще хуже... С это...

Наш ответ ЖЖ состоялся?)))

Сегодня из-за утренного недостатка адреналина :o были п...

вчера вечером пошла в театр. "Кабае или Боб Фосс жив...

Ver/o/nika

27.07.2009 в 16:54

Замечательная идея :hlop:

URL

U-mail Дневник Профиль

La_mignonne

27.07.2009 в 16:57

Ver/o/nika
да, давно пора было)

URL

U-mail Дневник Профиль

~VivaLaVita~

27.07.2009 в 17:00

ой.. спасибо огромное...

URL

U-mail Дневник Профиль

~VivaLaVita~

27.07.2009 в 17:02

((

URL

U-mail Дневник Профиль

Досточтимая Фрау

27.07.2009 в 17:08

Тут доступ к записи ограничен
+1

а за идею - спасибо

URL

U-mail Дневник Профиль

La_mignonne

27.07.2009 в 17:09

Junger Lord ~VivaLaVita~
я знаю, я сейчас допишу коды немного и открою

URL

U-mail Дневник Профиль

Катэри

27.07.2009 в 18:47

очень полезная информация. La mignonne, спасибо огромное!)

URL

U-mail Дневник Профиль

La_mignonne

27.07.2009 в 18:50

Lady of silence
пожалуйста ;-)

URL

U-mail Дневник Профиль

WolfBreathe

27.07.2009 в 19:23

La mignonne блин, ты такая молодец! Столько всего делаешь для сообщества, слов нет.

URL

U-mail Дневник Профиль

La_mignonne

27.07.2009 в 22:06

Питачок

спс

URL

U-mail Дневник Профиль

jack.renard

27.07.2009 в 22:37

отличная идея :yes:

URL

U-mail Профиль

jack.renard

28.07.2009 в 17:40

...и вопрос. каким образом вместо обычных границ между записями поставить картинки?.. в diary css на вопрос так и не ответили... =(ъ
заранее спасибо )

URL

U-mail Профиль

La_mignonne

28.07.2009 в 18:14

le_ni
оу, никогда не пробовала. не знаю
может так? border: url('адрес картинки') repeat;

URL

U-mail Дневник Профиль

jack.renard

28.07.2009 в 18:28

La mignonne, не помогло )

URL

U-mail Профиль

La_mignonne

28.07.2009 в 18:51

le_ni
и скорее всего так просто нельзя))
надо сделать рамку у экстратопа (на самой картинке экстратопа) и задать фоновую картинку с такой же рамкой блоку записей. Наверное, только так.

URL

U-mail Дневник Профиль

WolfBreathe

29.07.2009 в 15:32

le_ni diarycss.diary.ru/p23905946.htm

URL

U-mail Дневник Профиль

La_mignonne

29.07.2009 в 15:38

le_ni
блин, я тупанула. Я вам вместо разделителя начала говорить про границы блоков...терь поняла, что вы мне присылали :spriv:

URL

U-mail Дневник Профиль

jack.renard

29.07.2009 в 15:48

La mignonne
...а я уже стала думать, что где-то ошиблась )

URL

U-mail Профиль

Vampireal

07.08.2009 в 02:49

спасибо большое, очень полезная вещь)) Узнала кое-что новое))

URL

U-mail Дневник Профиль

Gelou Karoll

16.09.2010 в 17:12

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

URL

U-mail Дневник Профиль

La_mignonne

16.09.2010 в 17:32

Gelou Karoll нет, нельзя. и Брать его и его части мы запрещаем.

URL

U-mail Дневник Профиль

Gelou Karoll

16.09.2010 в 18:01

извините.

URL

U-mail Дневник Профиль