Четверг, 23.11.2017, 21:39
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Категории раздела
Установка дизайна [5]
Система Ucoz [14]
Новые статьи
[30.06.2012]
Меняем дизайн 985. Часть 2 - CSS (0)
[12.04.2010]
Раскрутка сайта с нуля! (3)
[12.04.2010]
Как выбрать хорошее имя для своего сайта? (0)
[11.04.2010]
Меняем дизайн #985. Часть 1: HTML (12)
[11.04.2010]
Ставим иконки Online/Offline (6)
Мини-профиль
Гость

Сообщения:

Группа:
Гости
Время:21:39

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Статистика

На сайте всего: 1
Будущих пользователей: 1
Позитивных людей: 0



Сегодня были:
Главная » Статьи » Cайтостроение » Установка дизайна

Меняем дизайн #985. Часть 1: HTML


Это один с самих простых каркасов!



Шапка:

Идем в Пу->Управление дизайном->Верхняя часть
В первой строчке видим: ('/.s/t/985/3.jpg') меняем на адрес свей шапки и размеры меняем на свои: width="762" height="140"

Далее меняем картинку под шапкой: /.s/t/985/4.gif  762px × 38px
Ищи в пятой строчке ('/.s/t/985/4.gif') и меняй на свое,по необходимости размеры меняй width="762" height="38" на свои.



Фон:

Итак,меняем фон: Пу->Управление дизайном->
Быстрая замена

В строке "Что заменить" вставляете код:
<body style="background:#FFFFFF; margin:0px; padding:0px;">

В строке "На что заменить" может быть несколько вариантов:
1. Если вам нужно чтоб был только цвет,меняем #FFFFFF на свой цвет:
<body style="background:#FFFFFF; margin:0px; padding:0px;">

2. Если вам нужно, чтоб была картинка,тогда вставляем свой адрес фона:
<body style="background:url('адрес фона') #FFFFFF; margin:0px; padding:0px;">

Фон и шапка готовы!



Контур:

/.s/t/985/1.gif  21px × 10px
/.s/t/985/9.gif  21px × 10px

Делаем контур размером 21px × 10px (один)

Идем в Пу->Управление дизайном->Быстрая замена

В строке "Что заменить" вставляем код:
<td align="right" height="100%" valign="top" style="background:url('
/.s/t/985/1.gif') right repeat-y;">

В строке "На что заменить" вставляем тот же код, только уже заменяем ('/.s/t/985/1.gif') на свой контур.

Еще раз вставляем в строке "Что заменить" код:
<td align="left" height="100%" valign="top" style="background:url('/.s/t/985/9.gif') left repeat-y;">

В строке "На что заменить" вставляем тот же код, только ('/.s/t/985/9.gif') меняем на контур что и вставляли вместо ('/.s/t/985/1.gif').


Нижняя часть:


Заходим в ПУ->Управление дизайном->Нижняя часть сайта

В первой строчке находим ('
/.s/t/985/8.gif') и ставим адрес нужной вам картинки.Если нужно,то меняем размеры на свои: width="762" height="100"


Блоки:

Идем в ПУ->Управление дизайном->Первый контейнер

Меняем где есть адрес этой картинки на свой /.s/t/985/7.gif  202px × 29px, он есть примерно в четвертой строчке каждого кода.


Далее идем в ПУ->Управление дизайном->Быстрая замена
Вот картинка которую мы будем заменять - /.s/t/985/5.gif  202px × 5px

В строке "Что заменить" вставляем код:
<td valign="top" style="width:202px;background:url('/.s/t/985/5.gif') #D7EEF0;">

В строке "На что заменить" вставляем тот же код, только ('/.s/t/985/5.gif') меняем на свое.


Идем еще раз в ПУ->Управление дизайном->Быстрая замена

Вот картинка которую мы будем заменять - /.s/t/985/6.gif  202px × 10px

В строке "Что заменить" вставляем код:
<img src="/.s/t/985/6.gif" border="0">

В строке "На что заменить" вставляем тот же код, только "/.s/t/985/6.gif" меняем на свою...

Идем в ПУ->Управление дизайном->Таблица стилей (CSS)

Ищем /* Site Menus */ и в самой последней строке этого кода ('
/.s/t/985/13.gif) меняем на свою или удаляем...

Вот и все!Если что пишите!


Статья принадлежит сайту graphic.at.ua. Запрещается копировать материал!!!
Категория: Установка дизайна | Добавил: •°•°-Girl-°•°• (11.04.2010)
Просмотров: 2046 | Комментарии: 12
Всего комментариев: 12
12  
получилось, поправила ксс, спс

11  
Всё поменялось, на главной, а на форуме как была фигня, так и осталась 3D_Smile_116

9  
отличный дизайн получился :) спасибо!

8  
awq ебануцца

5  
Сделайте такое же только с кс дизайном.

10  
сделали уже

4  
Всё получилось,проблему решила...но вопрос: как заменить поле с надписью "Опросы" и т.п.? awq

3  
У меня повторяеться картинка...вот скрин:



Как это убрать??? 3D_Smile_116

6  
Идем в Пу->Управление дизайном->Верхняя часть
В первой строчке видим: ('/.s/t/985/3.jpg') меняем на адрес своей шапки и размеры меняем на свои: width="762" height="140"

Нужно просто поменять размери на свои: width="762" height="140"

2  
А как заменить сам дизайн???

7  
Перейдите по такой схеме: Пу->Настройки->Общие настройки->Дизайн сайта:[ Выбрать дизайн ]
И все!)

1  
Хорошая и понятная статья)
*правда и раньше знала*

А можно по css такую написать?


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Все материалы принадлежат сайту GRAPHIC.AT.UA! Копирование строго запрещено!!! 2017
Сделать бесплатный сайт с uCoz