Форум - 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 |
Вы здесь » Единый форум поддержки » Корзина » Замена названий категорий на картинки