Форум - http://forumoim.0bb.ru/
Нужен скрипт для замены названий категорий на картинки. Или так сказать: картинки к категориям.
Помогите люди добрые.
Замена названий категорий на картинки
Страница: 1
Сообщений 1 страница 11 из 11
Поделиться2Сб, 7 Янв 2012 02:05:01
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:36:59
Vojd
Типовые Вопросы п.п.18 
Поставь в закладки
Поделиться3Сб, 7 Янв 2012 18:22:38
Deff, скрипт почему то отказался работать( поставил в HTML низ начало
Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"ОиМ.", "http://vangog.bks-tv.ru/i/a/a/4f08530c365aa.png",
"M&B Эпоха турниров.", "http://vangog.bks-tv.ru/i/c/b/4f085344021bc.png" //Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"50px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>Отредактировано Vojd (Сб, 7 Янв 2012 18:22:59)
Поделиться4Сб, 7 Янв 2012 18:34:59
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:36:59
Vojd
Замени скрипт
Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"ОиМ.", "http://vangog.bks-tv.ru/i/a/a/4f08530c365aa.png",
"M&B Эпоха турниров.", "http://vangog.bks-tv.ru/i/c/b/4f085344021bc.png" //Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"103px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script> Чо - трудно постмотреть максимальную высоту картинки ? ( Правой по картинке - свойства
И в HTML верх убери пункты красным
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-stats h2, .punbb .main h1, #pun-title, #pun-title .container, .punbb .modmenu .container, #pun-navlinks .container, .punbb th, .punbb .post h3 span, #pun-main fieldset legend span, .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, .punbb .quote-box, .punbb .code-box, .punbb select, .punbb input, .punbb textarea {
background: transparent none !important;
}
Отредактировано Deff (Сб, 7 Янв 2012 19:54:39)
Поделиться5Сб, 7 Янв 2012 18:53:42
Deff, теперь выдается несколько ошибок на форуме http://forumoim.0bb.ru/ но очень сомневаюсь что это из-за скрипта, сам я ничего не трогал. И пример самого скрипта: категории где картиинки не поставлены будут закрашены белым, Название категорий осталось - кпц. и почему мне так не везет
Поделиться6Сб, 7 Янв 2012 20:02:07
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:36:59
Vojd
Cорь - поправил скрипт - (остался тестовый алерт)
А с белыми категориями - ставь просто картинки фоном - где пока надписей нет
Поделиться7Вс, 8 Янв 2012 02:59:44
Deff, спасибо!
А можно перенести картинку под черту? а то выходит как то не не правильно что ли, на вид)
P.S: было бы неплохо если бы еще названия категорий, где картинка - убрать 
Поделиться8Вс, 8 Янв 2012 17:31:51
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:36:59
Vojd написал(а):
А можно перенести картинку под черту? а то выходит как то не не правильно что ли, на вид)
<style>
.punbb .section h2, #pun-main h2, #pun-stats h2{
border-bottom-style: none;
border-bottom-width: 0;
}
</style>
Vojd написал(а):
P.S: было бы неплохо если бы еще названия категорий, где картинка - убрать
Поставь в скрипт все картинки - планки категорий (заказать можно тут => http://forumd.ru/viewtopic.php?id=1776
После этого уберём( извращацо с убиранием под отдельные категории не буду
Поделиться9Вс, 8 Янв 2012 19:10:18
Deff написал(а):
<style>
.punbb .section h2, #pun-main h2, #pun-stats h2{
border-bottom-style: none;
border-bottom-width: 0;
}
</style>
Строки теперь вообще не стало
Отредактировано Vojd (Пн, 9 Янв 2012 17:53:07)
Поделиться10Пн, 9 Янв 2012 17:53:21
Vojd написал(а):
Строки теперь вообще не стало
Поделиться11Пн, 9 Янв 2012 19:49:18
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:36:59
Потому шо сверху некрасиво - либо обе ( сверху-снизу - либо - ни одной
И ваще - заказывайте дизайн где нидь на стороне - тех поддержка - это не дизайн доработка и помощь в ликвидации безграмотности, тем паче учиться Вы не хотите - ездите верхом на альтруизме помогающих - Ищите диз форумы и заказывайте дизайн целиком!
Ссылка Вам была дана Выше - Вы даже не дали себе труд -сходить и перезаказать планки отсутствующих категорий.. А меня теребить Вам - эт занчительно проще.... 
Отредактировано Deff (Пн, 9 Янв 2012 19:51:34)
Страница: 1