Здесь все желающие и умеющие могут предложить свой дизайн оформления дневника.

А именно...

Правила оформления постов:
Принимаются дизайны в виде CSS (с сопроводительным скриншотом, а также кодом), а также сделанные в Фотошопе или Иллюстраторе (конечный исходник, тем не менее, должен быть в формате PSD).

Для дизайнов в CSS:
читать дальше

Для дизайнов сделанных в графическом редакторе:
читать дальше


В этом сообществе - только галерея дизайнов.


Правила сообщества.
Читать обязательно!
URL
  • ↓
  • ↑
  • ⇑
 
10:00 

Об этом сообществе

ArLe
Арлоло, админота,
администратор
и админотавр
Здесь все желающие и умеющие могут предложить свой дизайн оформления дневника.

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

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

Правила оформления постов:
Принимаются дизайны в виде CSS (с сопроводительным скриншотом, а также кодом), а также сделанные в Фотошопе и Иллюстраторе (конечный исходник должен быть в PSD).

Для дизайнов в CSS:

1. Скриншот дизайна в виде превью (полностью открывается в новом окне). Скриншот должен передавать дизайн максимально точно, размер - до 1000 px по ширине.
2. Ниже код дизайна, внутри следующего кода:

<textarea readonly style="width:300px;height:100px"> (ваш код тут) </textarea>

Например:



3. Указать,в каких браузерах тестировался код.

4. Укажите, табличный это дизайн или блочный.

5. Если у вас через CSS не описаны параметры, которые у нас есть в настройках оформления (цвет текста, цвет заголовка, оффтопика и тп.), то напишите их в столбик отдельно.

4. Приложить образцы использованных картинок. Их нужно поместить в виде превью, под тегом MORE.


Таким образом, пост будет выглядеть так:

[скриншот дизайна в виде превью]

<textarea readonly style="width:300px;height:100px"> (ваш код) </textarea>

[MORE]
[использованное в дизайне изображение в виде превью]
[использованное в дизайне изображение в виде превью]
[использованное в дизайне изображение в виде превью]
[/MORE]

Протестировано в: IE7, FF, Opera 9.5

Параметры:
цвет текста
цвет оффтопика
(и т.п.)

Для дизайнов сделанных в графическом редакторе:
1. Скриншот готового дизайна в виде превью (открывается в полный размер по шелчку на новой странице). Скриншот должен быть хорошего качества, максимально отображать дизайн, размер: до 1000 px в ширину.
- на скриншоте должна быть видна основная страница дневника, например:



- желающие могут также сделать дополнительный скриншот, где будет виден дизайн комментариев (отображение аватаров, цитаты и т.п.), например:



2. Не удаляйте исходник. Если ваш дизайн будет принят, то он понадобится. Исходник должен быть:
- 1000 px в ширину, разрешение - 72.
- в формате PSD, слои должны быть сохранены. Каждый объект - на отдельном слое.

3. Исходник желательно загрузить на какой-нибудь файлообменник, и дать ссылку на скачивание.


В этом сообществе - только галерея дизайнов.

11:50 

Мой первый опыт

debugger
добрый биоробот
Вот скриншот:



Вот сам дневник, дизайн которого я сделал: mariais.diary.ru/

Вот код:



Жду отзывов.

17:04 

Чем черт не шутит.

Совершенству эволюция не нужна.
Вот такой разбитной дизайн :) Особо не замороченный, подгонялся под разрешение 1280 на 1024, на большем разрешении нормально вроде бы смотрится, на 1024 на 768 попробовал подогнать, вроде народ не жалуется)
1) Не люблю фиксированную ширину, поэтому постарался сделать так, чтобы дневник растягивался на всю страницу, однако на ИЕ случаются глюки, и правая таблица почему-то оказывается растянутой не полностью до правого края.
2) Люблю когда дизайн светлый на темном (черном фоне) :) Имхо, лучше для некоммерческих проектов подходит.
3) Не судите строго, все же больше для себя делалось ;)





картинки

18:00 

Предложение для нуждающихся

Исходя из этого заявления на сообществе @CSS — стилизация дневников предлагаю следующий дизайн собственного изготовления:

Дизайн "Орхидея"



21:05 

wo_Ow

mw
Дизайн World of Warcraft.

Изображения, используемые в нем сперты минуя все авторские права Близзардов, но не думаю что они будут судиться со мной (:

15:30 

I know, you know, that I'm not telling the truth. I know, you know, they just don't have any proof. (c) Friendly Indians
Дизайн "Spring" (или Summer)




Выполнен в css, но в этом сообществе пропали посты и все упоминания о том, что в таком случае надо выкладывать в посте. Поэтому ограничиваюсь пока что скрином.


Код css:


Тестировался в IE 6, 7; Safari; Mozilla Firefox

Шрифт
Заголовка: обычный - 14
Текста: обычный - 13
Гарнитура: Verdana

Цвет
Текста
Заголовка: #000000
Записи: #000000
Ссылки: #000000
Оффтопика: #888888
Фона
Дневника: #c0d67e
Записи: #ffffff
Границы: # [нет цвета границ]

Изображения:
читать дальше

19:58 

Roldo
Совершенству эволюция не нужна.
Мой новый диз: "rolded grayscale 1.1"
Особенности:
1) Некоторым образом избежал фиксированной ширины блока записей, очень не любимой мной. Конечно, блок раздвигается в определенном проценте от всей ширины экрана, но это все же лучше, чем фиксировать, имхо. На ширине 1600 смотрится вполне сносно...
2) ...хотя вообще-то дизайн сделан для ширины 1280. На 1024 смотрится тоже читабельно, только верхняя правая картинка с городом и котом наезжает на левую верхнюю и получается не очень красиво. Можете это исправить, сделав свои, более подходящие картинки.
3) Дизайн белый! Это первый мой белый дизайн)) Гамма сами видите какая, не самый плохой вариант, по-моему.
4) Размер верхнего блока конечно широкий, но поменять его высоту и вставить другой фон для вас не составит труда.
5) Альтернативный вариант - разместить название дневника где-нибудь пониже (например в районе эпиграфа), чтобы не мотать скроллбар туда-обратно при желании перезагрузить страницу по ссылке на название.

Выкладываю скришот и код. Картинки делайте сами, это оказалось не так-то просто, так что мои чур не использовать! :-D Может быть пригодятся отдельные оформительские элементы и моменты. Скрина два, второй с нижним блоком дизайна, все вместе смотрите на моем дневнике.




16:36 

Белое золото

Дочь Радости
В PSD не делаю - по-моему, так удобнее.



Исходники:


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

21:09 

2 диза

Realta
небеса это не какое-то определённое место или время, ведь место и время не имеют значение (Р.Бах "Чайка по имени Джонатан Ливингстон")
первый - "Чернее ночи"
(диз моего дневника. простой - без css)

скоро собираюсь менять, поэтому могу либо полностью отдать (картинки, цвета +около 20 аватаров), либо заменить картинку в эпиграфе на более нейтральную/стереть с неё надпись/написать что-то другое





второй - "ледяной цветок"
(мой старый диз. с css. код слегка устарел и требует некоторых изменений, поэтому пока не выкладываю. но если потребуется - внесу изменения и дополню)


состоит из 3 картинок - верх, середина и низ - т.е. рамочка как вверху, так и внизу

-верх+середина
-низ


в PSD все картинки есть)

12:33 

Для тех, кто тут впервые!

ArLe
Арлоло, админота,
администратор
и админотавр
Поднимаю запись, потому что оказалось, что не до конца понятно, что я имела ввиду.

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

Чем больше оформлений будет предложено, тем больше у всех будет выбора на любой вкус. Иначе нам своими административно-дизайнерскими силами придется каталог заполнять на свое усмотрение (то есть, самим рисовать дизайны, а не отнимать их у людей силой, как кто-то подумал тут), и потом не жалуйтесь, что там одно унылое говно (на ваш вкус).
запись создана: 14.10.2008 в 12:49

12:23 

Вот.

Решила поделиться своими скромными дизайнами... оба не CSS На обоих показано начало дневника и снизу то, как выглядит фон. Если надо будет, выложу номера цветов и картинки.

Бабочки
Вообще-то к этому дизайну прилагаются две аватарки под стать фотографии, но это не так уж важно.


Осень


:ps: Потом может еще парочку выставлю.

21:27 

Настроения

I know, you know, that I'm not telling the truth. I know, you know, they just don't have any proof. (c) Friendly Indians
Настроения.

Это дизайны для тех, кто не хочет долго ждать загрузки дизайна, но и оставлять его совсем без оформления тоже не желает. И для тех, кому сложно даже пару строчек в коде поменять, в случае чего. Здесь все предельно просто, менять можно под настроение. У меня есть еще 2-3 экстратопа, которые ниже не представлены, так что, возможно, этот пост будет пополняться.
Один из вариантов (все выставлять, думаю, смысла нет)


Код для всех представленных в посте дизайнов:


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

14:56 

О от нечнго делать решил к вам заглянуть. Вот придуманная мной глупость)

Подробности можно узнать тут.

Код

@темы: драконы

23:55 

Realta
небеса это не какое-то определённое место или время, ведь место и время не имеют значение (Р.Бах "Чайка по имени Джонатан Ливингстон")
диз, который может быть в css, но так же хорошо смотрится и без css



дизайн блочный, шрифт -Verdana
Цвет текста: заголовка - #000000 ; записи - #000000 ; ссылки - #555555 ; оффтопика - #777777




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

00:15 

"Ловец светлячков" "Раскопки"

Небесный Ящер
Your halo slipping down to choke you...
Простой минималистичный не Цсс..
"Ловец светлячков"
(чем только не займешься.. лишь бы не отчет писать...))



исходники

Еще один диз..
"Раскопки" - тяжеловат правда вышел по весу

Черт.. только сейчас заметил что принтскрин перевирает цвет текста... вот http://www.diary.ru/~SacredBeast/ с примененный дизом... поищу попозже чем нормально экран отснять(((

исходники
запись создана: 20.10.2008 в 20:00

18:44 

Roldo
Совершенству эволюция не нужна.
Партия любителей пива атакует!)) Представляю вашему вниманию дизайн "Пивная кружка", он же BANBANCR 1.0. Минимализм + гигантомания, простота и чувство жажды, которое приходит к вам каждый раз, когда вы будете работать со своим дневником ;)
Скрин, созданный совмещением нижней и верхней части скриншотов готового дневника:

Естественно, что на самом готовом дневнике он будет выглядеть несколько иначе и полнее.
Сразу даю все картинки:
читать дальше

Код CSS:


Настройки: Заголовок жирный 16, Текст обычный 15, шрифт Verdana, дизайн блочный, меню слева
Цвета: Заголовка #196563, записи #196563, ссылки #21817e, оффтопика #2ca4a1
Цвета фона дневника и записи оставить пустыми - #

Все остальное - на ваш вкус и умотрение ;)
Ах да, забыл указать, что на IE 6.0 и Опере 9.26 смотрится одинаково правильно.

21:40 

Девушка

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

Коричневый

Зеленый

13:47 

Мужчинка

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

14:13 

Осень

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


Осень - 2


Осень - 3

20:58 

I know, you know, that I'm not telling the truth. I know, you know, they just don't have any proof. (c) Friendly Indians






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

Diary_design

главная