[показать] На этот я расскажу о том, как быстро создать свою уникальную тему. Для начала я бы посоветовал все же определится с тематикой сайта, а так же желательно с палитрой цветов. С тематикой – выберу что-то нейтральное – ведь лучше гор могут быть только горы…
Затем следует заняться поиском клипарта для сайта, но поскольку наш бюджет ограничен $0.00, то будем использовать свободные источники – предпочитаю flickr – т.к. есть возможность поиска картинок под CC лицензией:
Из всего многообразия выбрал следующую картинку (слегка ее причесал, по-полам разделил, но особо не заморачивался):
[показать]
Разрезав – залил в тему:
Для формировании палитры можно использовать один из следующих сайтов (за основу палитры брал картинку выше):
У меня получилась следующая:
[464x108]
Переносим ее в настройки темы:
[700x365]
Немного шаманим с CSS:
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
/* увеличиваем шрифт в заголовке, и чуть-чуть смещаем вниз */#name { margin-top:40px !important; font-size:112px !important; text-shadow: 0px 0px 4px #777;}#description { font-size:24px !important; font-weight:900; text-indent:24px;}/* добавляем к ссылкам навигации по паре полосок */.navigation div { margin:0 0 8px;}.navigation div a { height:24px;}.navigation .alignright a { border-left: 4px solid #147dbe; margin:0 16px 0 0; padding-left:8px;}.navigation .alignleft a { border-right: 4px solid #147dbe; margin:0 0 0 16px; padding-right:8px;}/* изменяем шрифт в футере, чтобы не терялся текст на цветном фоне */#footer .widget h3,#footer .widget a { color:#fff; font-weight:900; text-shadow: 0px 0px 1px #333;} |
Применяем изменения. После получения удовлетворения от проделанной работы, лучше сохранить тему под своим именем:
[700x383]
Всё. У вас своя уникальная тема:
Еще полезные сайты – тут можно скачать текстуры и шаблоны:
- Free Pattern and Texture Resources For Web Designers – список ресурсов
- COLOURlovers – генератор текстурок
anton.shevchuk.name