Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...

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

Sign in to follow this  

About This File

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

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

Для начала рекомендую ознакомиться с базовыми понятиями 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">

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



User Feedback

Recommended Comments

There are no comments to display.

×
×
  • Create New...