ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Поисковой ресурс

Проект от команды FD

Спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Объявление о технических обновлениях в шапке форума.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Большая иконка категории

Сообщений 1 страница 7 из 7

1

Новая версия кодов для картинок в категориях тут: Большая иконка категории

устарело

Большая Иконка Категории
Добавляет справа от разделов категории ячейку с иконкой или картинкой.
http://s3.uploads.ru/t/gQIa8.jpg

Автор: Deff
Платформа: MyBB
Аналоги: Большая иконка для категорий (MyBB)

В HTML низ

<script type="text/javascript">
var IMGwidth='135'; //Ширина Ячейки под Картинку
var CategorName = [
//НАЗВАНИЕ КАТЕГОРИИ, ССЫЛКА НА КАРТИНКУ,
'Будущие соревнования','http://savepic.su/507237.gif',
'Информация','http://savepic.su/500894.gif',
"End"]
$("#pun-index .category").each(function (){
for(i=0; i<(CategorName.length-1); i+=2){
var str="<table cellspacing=\"0\"cellpadding=\"0\"style=\"margin:0!important;width:100%;border-collapse:collapse;border:0 none transparent;padding:0!important;\"><tr valign=top><td width="+IMGwidth+" align=center valign=center style=\"padding:4px;\"><img src=\""+CategorName[i+1]+"\" width=\""+IMGwidth+"\"></td><td width=100% style=\"padding:0!important;\">";
var str2="<td style=\"padding:0!important;\"></td></tr></table>"

if($(this).find("h2 span:first").text()==CategorName[i]){
$(this).find(".container").html(str+$(this).find(".container").html()+str2)}
}
});
</script>

Красным Прописываете Ваши точные названия и ссылки на картинки
Строку синим жирным, размножаем для Ваших названий и ссылок, лишние -удаляем
135 - Ширина Картинки (в пикселах) и ячейки отводимой под неё.
Картинки можно ставить как на все категории, так и только на избранные...


Реализация через CSS

Автор: Герда
Красное - номер категории по порядку сверху.

Вставляем картинку слева от таблицы категории под названием:

#pun-category2 .container {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top left;
}
#pun-category2 .container table {
margin-left: 132px; /*ширина картинки*/
width: auto;
}

Вставляем картинку слева от всей категории:

div#pun-category2 {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top left;
}
#pun-category2 h2 {
margin-left: 132px; /*ширина картинки*/
width: auto;
}
#pun-category2 .container {
margin-left: 132px; /*ширина картинки*/
width: auto;
}

Вставляем картинку справа от таблицы категории под названием:

#pun-category2 .container {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top right;
}
#pun-category2 .container table {
margin-right: 132px; /*ширина картинки*/
width: auto;
}

Вставляем картинку Справа от всей категории:

div#pun-category2 {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top right;
}
#pun-category2 h2 {
margin-right: 132px; /*ширина картинки*/
width: auto;
}
#pun-category2 .container {
margin-right: 132px; /*ширина картинки*/
width: auto;
}

+1

2

faiko, Спасип

Отредактировано Deff (25.10.11 15:11)

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

0

3

Deff
Угу, сделано.

+1

4

такой вопрос: если тем много, а картинка маленькая, возможно сделать обтекание?
http://uploads.ru/i/v/l/B/vlBXb.jpg
http://odeon.mybb.ru

и как отодвинуть форумы от правой границы картинки?

Отредактировано Nikodima (06.02.12 12:08)

0

5

Nikodima
Есть две идеи
Первое:

1. Обычно высота категории редко меняется: - почему бы не сделать картинки в полный пост по текущей категории?
2. В Фш их можно оформить как бы Вырастающих из фона, например Тиснение или объём, для этого вставляем полностью прозрачную  картинку во все категории  - снимаем скриншот и в ФШ изгаляемся для каждой нужной категории, - обрезаем - вставляем

Второе -Если лень изгаляцо = Перенести часть форумов, ниже картинки в Новую категорию с тем же названием(одну гласную букву замените на латиницу) без картинки( планку-Заголовок и титлы -Форум Тем Сообщений Последнее сообщение данной новой категории можно скрыть и она будет как бы пристыкована к предыдущей с желаемым Вами смещением к упору влево

Отредактировано Deff (06.02.12 13:53)

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

6

Deff
спасибо) второй вариан ближе к теме)

0

7

Осуществимо через CSS - Большая иконка для категорий (MyBB)

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0