Пятница, 26.04.2024, 6:55 AM
Приветствую Вас Гость | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Архив - только для чтения
Модератор форума: Леголайз, Кински  
Форум » Основной форум » Изменения дизайна стандартных шаблонов » Лого, шапка. (Шапка, лого сайта.)
Лого, шапка.
FrozenДата: Четверг, 12.01.2006, 6:16 PM | Сообщение # 1
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Пока ссылка. Подробней позже.
http://pupil.ucoz.ru/battle.htm
Надеюсь хозяин этого лога не обидется (конечно если он посещает этот форум).
 
IsidaДата: Четверг, 12.01.2006, 8:52 PM | Сообщение # 2
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Жду подробности.
 
FrozenДата: Четверг, 12.01.2006, 10:32 PM | Сообщение # 3
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Isida, звиню за задержку.

Верх страницы можно засунуть в глобальный блок. Теперь про код

Задача была такая: разместить логотип сайта (картинку 800х126) вверху страницы. Сделать фон, по краям лого, соответствующим. Левая и правая стороны имеют разные цвета - уже нужно сделать две ячейки таблицы с этими фонами. Отрезаем справа и слева вертикальные полоски 1х126 - получаем фоновые рисунки. Делаем таблицу с одной строкой и двумя ячейками. Рамку и отступы (аттрибуты border="0" cellpadding="0" cellspacing="0") ставим на нуль в свойсва ячейки пишем фон
Code

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
   <td background="LogoBoK1.jpg">
   </td>
   <td background="LogoBok3.jpg">
   </td>
  </tr>
</table>

Теперь сам логотип.
Он должен распологаться по центру. Возьмем логотип и разрежем его на две равные части по вертикали. Левую поставим, как рисунок, в левую ячейку таблицы, а правую - в правую. И напишем, что рамки у рисунков быть не должно.
получилась не то, рисунки не наместе - делаем дальше
нужно прижать (выровнять) рисунки, соответственно, к правому и левому краям.
Для этого, НЕ В ТЕГАХ РИСУНКОВ, а в ячейках прописываем выравнивание по левому и правому краю. Теперь все готово.
Code

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
   <td align="right" background="LogoBoK1.jpg">
     <img src="logol.jpg" height="126" width="400" border="0" alt="logo">
   </td>
   <td align="left" background="LogoBok3.jpg">
     <img src="logor.jpg" height="126" width="400" border="0" alt="logo">
   </td>
  </tr>
</table>

Задача выполнена. (Если фоновфй рисунок один, то можно обойтись одной ячейкой)
Подобным способом можно разбивать рисунки на сколько угодно частей. Например сделать карту своего города а рисунки использовать в качестве ссылок на увеличеное изображение. Есть тег map, но его поддерживают не ве браузеры, а с таблицами - просто.
На этой странице есть самоучитель HTML к нему есть файлы примеров (Читателям «Самоучителя HTML»). Их можно скачать (одна дискета). Там есть пример как разбивать рисунок.

P.S. Isida, звиняй, не умею статьи писать...
Код с использованим таблицы стилей можно увидеть... (посмтреть исходный код)

Сообщение отредактировал Frozen - Четверг, 12.01.2006, 10:37 PM
 
IsidaДата: Четверг, 12.01.2006, 11:03 PM | Сообщение # 4
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Frozen, на этой странице лого в блоке ещё днём. biggrin

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

 
FrozenДата: Четверг, 12.01.2006, 11:15 PM | Сообщение # 5
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Quote (Isida)
на этой странице лого в блоке ещё днём
Хорошо тебе, а я только по вечерам могу.
 
ГостьДата: Пятница, 13.01.2006, 2:02 PM | Сообщение # 6
Группа: Гости





 nu kto eta byla , kto mozhet mne pomoch,,,esli kto nit mne pomozhet horosho pomagu v otvet esho bolshe chem magu...
 
FrozenДата: Пятница, 13.01.2006, 3:03 PM | Сообщение # 7
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
kumyki, мне ничего не нужно.
Наполнять твой сайт содержимым... извини, своих дел много. Скорее всего твоя проблема в отсутствии кирилицы (хотя могу ошибаться). Короче, посмотри эти ссылки
http://www.linginfo.it/rus/support/help/02/03/
http://www.translit.ru/

Сообщение отредактировал Frozen - Пятница, 13.01.2006, 3:53 PM
 
Форум » Основной форум » Изменения дизайна стандартных шаблонов » Лого, шапка. (Шапка, лого сайта.)
  • Страница 1 из 1
  • 1
Поиск: