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

Как сделать из трех картинок?

Рекомендованные сообщения

02/24/08 02:50 (изменено)
post-15820-1203821401.gifМеня интересует вопрос как сделать верх, где находятся названия тем, форумов и тому подобного из трех картинок? Например даже как на этом форуме! Изменено пользователем BGD

Поделиться сообщением


Ссылка на сообщение

Очень просто. Нужно перестроить заголовки, заменив таблицей блоки с

...

Здесь еще в эту таблицу включен дополнительный ряд для нижней части. Иногда она пустая.

 

Вы посмотрите исходный код страницы на этом скине, затем сравните его с кодом аналогичных страниц на дефолтном стиле (тут он тоже доступен для выбора).

Надеюсь, что принцип верстки сразу станет очевиден.

Это не сложнее, чем верстать то же самое на сайте - см. http://ipbskins.ru/

Единственная сложность в том, что на форуме тьма шаблонов, код php мешается, заголовков много и кодить приходится без использования визуального редактора.

К сожалению, встроенный редактор админцентра – это тот же блокнот..

Поделиться сообщением


Ссылка на сообщение

Ну есль форум фиксирован по ширине то можно сделать монолитную картинку которая будет бэкграундом)

Поделиться сообщением


Ссылка на сообщение

Можно.

У меня в прошлом скине под 2.1 тут именно так и было. Но там есть некоторая сложность. Заголовки периодически укорачиваются, например в личных данных и в просмотре профиля.

Поделиться сообщением


Ссылка на сообщение

дак а нарисовать ведь можно разной ширины, благо это быстро и просто.

изменить длину картинки можно даже в паинте, другой вопрос на сколько специфична картинка и будет ли она эстетично смотреться в маленьких широтах.

Поделиться сообщением


Ссылка на сообщение

Не всегда можно. Иногда ширина все-таки немного меняется.

Есть же блоги, архивы, галереи, где использован класс maintitle.

Новые классы придется в css под каждую разную ширину создавать, а потом все равно прописывать их в шаблонах.

В архиве скин purple под 2.1, где целыми плашками сделаны заголовки, но все равно пришлось графические кончики правые прописать, чтобы короткие заголовки не обрывались.

И в итоге те же таблицы...

Поделиться сообщением


Ссылка на сообщение

Подскажите что куда вставлять! В КСС и какой шаблон ворошить!

Поделиться сообщением


Ссылка на сообщение

Там штук 200 шаблонов ворошить надо.

Все перечислять, или догадаетесь средствами админки в скине поиском поискать по ключу "maintitle".

В css придется создать новые классы, разумеется.

И картинки рисовать.

 

Рекомендую потренироваться на кошках. Сверстайте страничку html с нужным оформлением, потом на форум его..

Поделиться сообщением


Ссылка на сообщение

http://big-world.ru/forum/

Как сдесь с одной стороны под нозваниями разделов имеется еще одна картинка как это реализовать!

Поделиться сообщением


Ссылка на сообщение

Скачать мой скин Prestige из нашего архива и расковырять.

А вообще нет ничего проще

.maintitle{background: #нужный цвет url(style_images/<#IMG_DIR#/картинка) no-repeat top left);
...........}

Поделиться сообщением


Ссылка на сообщение

.maintitle,

.maintitlecollapse{

background: url(style_images/<#IMG_DIR#>/tile_cat.gif);

border: 1px solid #4a4949;

border-bottom: 1px solid #454545;

color: #c5cacb;

font-size: 12px;

font-weight: bold;

margin: 0px;

padding: 8px;

}

 

Подскажи что и как надо прописать! Что-бы старый бэкграунд сохранился а поверх его слева еще картиночка появилась!

Поделиться сообщением


Ссылка на сообщение

background: url(style_images/<#IMG_DIR#>/tile_cat.gif);

заменить на

background: #цвет url(style_images/<#IMG_DIR#>/tile_cat.gif) left top no-repeat;

Поделиться сообщением


Ссылка на сообщение
background: url(style_images/<#IMG_DIR#>/tile_cat.gif);

заменить на

background: #цвет url(style_images/<#IMG_DIR#>/tile_cat.gif) left top no-repeat;

Пасибо по левой стороне картинка появилась! А основной Бэкграунд исчез, подскажите как его тоже добавить?

Поделиться сообщением


Ссылка на сообщение

Основной никак.

Там же цвет просто.

Поделиться сообщением


Ссылка на сообщение
03/02/08 15:34 (изменено)
Основной никак.

Там же цвет просто.

А цвет картинкой заменить не получится?

Как я понимаю в бэкграунде получится только использовать одну картинку!

Изменено пользователем BGD

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

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