Главная » Статьи » Уроки по изменению дизайна » Полностью меняем дизайн

Меняем шаблон #802
В основном этот шаблон меняется в CSS, так что сразу идем в 
Управление дизайном=>Таблица стилей (CSS)
ФОН
Заходим в CSS, первый раздел - /* General Style */
В первой строчке после названия раздела ищем url фона 
('/.s/t/802/1.jpg') и заменяем на свой. 

ШАПКА
Шапка меняется в том же разделе, в 4 строчке (они там пронумерованы).
.header {height: 170px; background: url('/.s/t/802/2.png')
 bottom no-repeat; position: relative;}
заменяем url на свой
Примечание: размер шапки 900x119, при этом высоту можно поменять.
у нее по краям белый контур, поэтому шапка больше, чем кажется.
Шапка здесь, конечно, удивительная: нижние закругленный края меняются в 
следующей строчке:
.header-bottom {height: 22px; background: 
url('/.s/t/802/3.gif')no-repeat;}
при этом на форуме эти настройки немного другие
.forum-header-bottom {height: 22px; background: #fff;}
здесь, если вы поставили обыкновенную шапку (без краев какого-либо цвета)
 #fff лучше поменять на цвет, более подходящий к вашему дизайну, а если
шапка с краями, то желательно поменять на цвет этих самых краев (не 
удержалась от совета)). 

ФОН НОВОСТЕЙ, ФОРУМА
НОВОСТИ
Меняется в 8 строчке. #fff меняем на свой цвет или картинку фона 
td.content-block {vertical-align: top; padding: 0px 20px 
0px 20px; background: #fff;}
ФОРУМ
Меняется в 10 строчке. #fff тоже заменяем на свой цвет или фон.
td.forum-block {vertical-align: top; padding: 0px 20px 
0px 20px; background: #fff;}
НОВОСТИ
Теперь переходим к низу (опять те же самые закругленные края)
Их меняем в 11 строчке:
 .content-bottom {height: 17px; background: url
('/.s/t/802/4.gif') no-repeat;}
ФОРУМ
А тут низ меняем в 12 строчке:
 .forum-content-bottom {height: 17px; background: url
('/.s/t/802/5.gif') no-repeat;}
В обоих кодах url картинки заменяем на свой.

БЛОКИ
Меняются с 35 по 38 строчку.
Картинки (url) в 35, 36, 38 строчках - уголки, их придется самим нарисовать.
Оранжевый фон в названии блока меняется в 37 строчке:
.block-title b {background: #ffb400; padding: 3px 15px 3px
 20px; color: #000; font-weight: normal;}
#ffb400 меняем на свой цвет

ПОП-АП ОКНО (ПРОФИЛЬ, ЛС И Т.Д.)
Меняются с 32 по 34 строчку
33 строчка: название (там где написано информация о пользователе и т.д.)
url заменяем на свой
Сам фон окна заменяется в 34 строчке:
#fff заменяем на свой цвет

ФУТЕР
Меняется с 25 по 30 строчку. Все цвета заменяем на свои.
#ffb400 - желтый
#f9e8d9 - бледно-желтый
#000 - черный

ДАТА
Меняется в 16 строчке.
.date {position: absolute; top: 15px; right: 0; 
background: #68523c; padding: 2px 5px; color: #d7c3b7;}
#68523c - фон
#d7c3b7 - цвет текста

Категория: Полностью меняем дизайн | Добавил: Alaina (08.05.2010)
Просмотров: 8540 | Комментарии: 5 | Рейтинг: 4.0/2
Всего комментариев: 5
5 Спешу поделиться хорошей новостью!  
0
Доброго времени суток! :)
Вы слышали про новую социальную сеть под названием - ГДЕ И ВСЕ?
Это уникальная социальная сеть! Регистрируйся и получай деньги на свой счет! 120 тыс. в месяц, это не предел. Абсолютно все участники объеденины в единую сеть и безвозмездно помогают друг-другу.
Я не заставляю Вас, но это достойный проект, если вам интересно, и хотите стать финансово независимыми, то ознакомьтесь подробнее - http://www.gdeiwse.ru

4 Хочешь стать независимым?  
0
Всем привет! :)
Кому нужны деньги быстро? Пока еще есть такая возможность, станьте финансово независимыми!
Я не зазываю, но если вам интересно, то узнайте подробнее пока еще дается такая возможность - http://youmyprofi.ru/16/index.html

3 Alaina  
0
над названием стиля (в твоем случае персональный) должна быть кнопочка восстановить стандартный шаблон.

2 Солнышко  
0
Знаете у меня что-то с CSS..для каждого шаблона один и тот же набор стилей(персональный)

1 Солнышко  
0
Заходим в CSS, первый раздел - /* General Style */
В первой строчке после названия раздела ищем url фона
('/.s/t/802/1.jpg') и заменяем на свой.

У меня такого нету..Что делать?


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Пятница
03.05.2024



Случайная графика

Реклама
Девичник - сайт для девчонок Frozen Projects - your online graphic resource

Аффилиаты

Категории
Полностью меняем дизайн [5]

Наши баннеры
Афф


Обычный баннер

Чат

ShoutMix chat widget

Обновления

[PSD колоризации]
PSD Tutorial #146 (4)

[PSD колоризации]
PSD Tutorial #145 (2)

[PSD колоризации]
PSD Tutorial #144 (7)

Статистика сайта

Статистика
Статистика:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сейчас на сайте:

[Полный список]



Copyright MyCorp © 2024
Бесплатный хостинг uCoz