Владелец
Информация о файле
- Дата размещения: Авг 31 2006 18:40
- Обновлен: Фев 14 2011 16:26
- Размер файла: Неизвестно
- Просмотров: 3816
- Загрузок: 7
Скачать "Круглые майнтитлы"
Описание файла
Обычный и надоевший вопрос - Как сделать "Круглые майнтитлы"..
Вообще они могут быть не только круглыми, а какими угодно. Принцип один.
Для начала рекомендую ознакомиться с базовыми понятиями html, такими как таблица, ряд, ячейка, блок.. В этом поможет Справочник по html
Затем:
1. Создаем картинки, высотой 25px (самый устойчивый и неглючный размер).
Боковушки - левую и правую и "растягивающуюся" серединку, которую прописываем в css.
Картинки кладем в папку графики стиля.
В режиме расширенного редактирования css cоздаем Новый класс (new) со свойствами maintitle, но с padding 0 (это чтобы названия не съезжали).
Прописываем этот класс отдельно, но также добавляем всюду, где фигурирует слово maintitle.
Например туда, где найдете maintitle a:link, дописываем new a:link
Затем для упрощения верстки привязываем картинки к макросам.
Для этого открываем редактор макросов и по принципу привязки любых иконок создаем 2 макроса, допустим <{LEFT}> и <{RIGHT}>
Теперь тренируемся на какой-нибудь простой форме вроде Помощи. Заходим в редактирование html - шаблонов стиля,
открываем skin_help (Помощь) --> start
Находим
Заменяем на
Сохраняем и смотрим результат на форуме
Вообще они могут быть не только круглыми, а какими угодно. Принцип один.
Для начала рекомендую ознакомиться с базовыми понятиями html, такими как таблица, ряд, ячейка, блок.. В этом поможет Справочник по html
Затем:
1. Создаем картинки, высотой 25px (самый устойчивый и неглючный размер).
Боковушки - левую и правую и "растягивающуюся" серединку, которую прописываем в css.
Картинки кладем в папку графики стиля.
В режиме расширенного редактирования css cоздаем Новый класс (new) со свойствами maintitle, но с padding 0 (это чтобы названия не съезжали).
Прописываем этот класс отдельно, но также добавляем всюду, где фигурирует слово maintitle.
Например туда, где найдете maintitle a:link, дописываем new a:link
Затем для упрощения верстки привязываем картинки к макросам.
Для этого открываем редактор макросов и по принципу привязки любых иконок создаем 2 макроса, допустим <{LEFT}> и <{RIGHT}>
Теперь тренируемся на какой-нибудь простой форме вроде Помощи. Заходим в редактирование 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">
Сохраняем и смотрим результат на форуме
0 – число отзывов
Случайные файлы
Статистика загрузок
- Всего файлов
- 218
- Всего категорий
- 32
- Всего владельцев
- 34
- Всего скачиваний
- 32 584
- Последнее обновление
- СKEditor v.3.6.2 for IPB 3.2.3 от Dmitriy427
(14 Май 2012 - 04:34)



Подтвердите удаление
Управление комментариями