Форум - http://forumoim.0bb.ru/
Нужен скрипт для замены названий категорий на картинки. Или так сказать: картинки к категориям.
Помогите люди добрые.
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Замена названий категорий на картинки
Форум - http://forumoim.0bb.ru/
Нужен скрипт для замены названий категорий на картинки. Или так сказать: картинки к категориям.
Помогите люди добрые.
Vojd
Типовые Вопросы п.п.18
Поставь в закладки
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)
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)
Deff, теперь выдается несколько ошибок на форуме http://forumoim.0bb.ru/ но очень сомневаюсь что это из-за скрипта, сам я ничего не трогал. И пример самого скрипта: категории где картиинки не поставлены будут закрашены белым, Название категорий осталось - кпц. и почему мне так не везет
Vojd
Cорь - поправил скрипт - (остался тестовый алерт)
А с белыми категориями - ставь просто картинки фоном - где пока надписей нет
А можно перенести картинку под черту? а то выходит как то не не правильно что ли, на вид)
<style>
.punbb .section h2, #pun-main h2, #pun-stats h2{
border-bottom-style: none;
border-bottom-width: 0;
}
</style>
P.S: было бы неплохо если бы еще названия категорий, где картинка - убрать
Поставь в скрипт все картинки - планки категорий (заказать можно тут => http://forumd.ru/viewtopic.php?id=1776
После этого уберём( извращацо с убиранием под отдельные категории не буду
<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)
Строки теперь вообще не стало
Потому шо сверху некрасиво - либо обе ( сверху-снизу - либо - ни одной
И ваще - заказывайте дизайн где нидь на стороне - тех поддержка - это не дизайн доработка и помощь в ликвидации безграмотности, тем паче учиться Вы не хотите - ездите верхом на альтруизме помогающих - Ищите диз форумы и заказывайте дизайн целиком!
Ссылка Вам была дана Выше - Вы даже не дали себе труд -сходить и перезаказать планки отсутствующих категорий.. А меня теребить Вам - эт занчительно проще.... 
Отредактировано Deff (Пн, 9 Янв 2012 19:51:34)
| замена названия категорий на картинки | Корзина | Ср, 12 Июн 2013 |
| фон категорий и гугль хром | Корзина | Чт, 24 Фев 2011 |
| Замена категорий | Корзина | Ср, 20 Апр 2011 |
| Картинка в статистике, растояние между категориями и фон для рекламы | Вопросы по оформлению форума | Вс, 4 Июн 2017 |
| НескончаеМЫе общие вопросы от новичков (33) | Корзина | Чт, 17 Ноя 2011 |
Вы здесь » Единый форум поддержки » Корзина » Замена названий категорий на картинки