Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

"Круглые майнтитлы"


Описание файла

Обычный и надоевший вопрос - Как сделать "Круглые майнтитлы"..

Вообще они могут быть не только круглыми, а какими угодно. Принцип один.

Для начала рекомендую ознакомиться с базовыми понятиями html, такими как таблица, ряд, ячейка, блок.. В этом поможет Справочник по html

Затем:

1. Создаем картинки, высотой 25px (самый устойчивый и неглючный размер).

Боковушки - левую и правую и "растягивающуюся" серединку, которую прописываем в css.

Картинки кладем в папку графики стиля.

В режиме расширенного редактирования css cоздаем Новый класс (new) со свойствами maintitle, но с padding 0 (это чтобы названия не съезжали).

Прописываем этот класс отдельно, но также добавляем всюду, где фигурирует слово maintitle.

Например туда, где найдете maintitle a:link, дописываем new a:link

Затем для упрощения верстки привязываем картинки к макросам.

Для этого открываем редактор макросов и по принципу привязки любых иконок создаем 2 макроса, допустим и

Теперь тренируемся на какой-нибудь простой форме вроде Помощи. Заходим в редактирование html - шаблонов стиля,

открываем skin_help (Помощь) --> start

Находим

<div class="borderwrap">
	<div class="maintitle"><{CAT_IMG}> $one_text</div> 

Заменяем на

 <table border="0" width="100%" cellspacing="0" cellpadding="0" class="new">
 <tr> 
<td style="padding: 0px"><{LEFT}></td>
<td style="padding: 0px" width="100%"><{CAT_IMG}> $one_text</td>
<td style="padding: 0px"><{RIGHT}></td>
 </tr>
</table>
<div class="borderwrap">

Сохраняем и смотрим результат на форуме :)



Отзывы пользователей

Рекомендованные комментарии

Нет комментариев для отображения

×
×
  • Создать...