замена слов в категории на картинку

Поделиться1Пн, 23 Май 2011 16:56:22

Автор: pchelka-maya
Заслуженный
Зарегистрирован: Ср, 18 Май 2011
Сообщений: 136
Уважение: 0
Позитив: +1
Последний визит:
Пн, 9 Июл 2012 14:52:34

у меня вопрос, с помощью какого скрипта, можно поменять вот эти категории ?

Поделиться2Пн, 23 Май 2011 17:10:23

Автор: pchelka-maya
Заслуженный
Зарегистрирован: Ср, 18 Май 2011
Сообщений: 136
Уважение: 0
Позитив: +1
Последний визит:
Пн, 9 Июл 2012 14:52:34

попробовала этот скрипт:

Код:

<style>
#pun-main #pun-category1.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
#pun-main #pun-category2.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
#pun-main #pun-category3.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
#pun-main #pun-category4.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
</style>

и ничего

0

Поделиться3Пн, 23 Май 2011 17:32:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

pchelka-maya :glasses: А ссылки -вставляли -вместо слов - или скрипт экстрасенсорный ?
кстать, поскольку у Вас разделы прикрытые - лучше скриптом : http://forum.mybb.ru/viewtopic.php?id=6 … 17#p647965 пост 333

Отредактировано Deff (Пн, 23 Май 2011 17:36:05)

0

Поделиться4Пн, 23 Май 2011 17:45:45

Автор: pchelka-maya
Заслуженный
Зарегистрирован: Ср, 18 Май 2011
Сообщений: 136
Уважение: 0
Позитив: +1
Последний визит:
Пн, 9 Июл 2012 14:52:34

я вот вставляла только тот,что выше(

а этот скрипт
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Информационный раздел", "http://mybb.ru/f/collection/0208.gif",
"Техническая поддержка", "http://mybb.ru/f/collection/0211.gif",
"Форумы опытных пользователей", "http://mybb.ru/f/collection/0213.gif",
"Разное", "http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif",
"Статистика форума", "http://mybb.ru/f/collection/0217.gif" //Последний элемент без запятой!
)
$("#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>
я не совсем понимаю(

подкорректируйте если что-то:

Код:

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Forum", "http://i050.radikal.ru/1105/25/daf58eab425e.gif",
"Mystic Falls", "http://s50.radikal.ru/i130/1105/50/b54a5f995962.gif",
"Flud-zone", "http://s47.radikal.ru/i115/1105/4f/0248027b4378.gif",
"Archive", "http://s50.radikal.ru/i130/1105/01/e93b98139450.gif"  //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"40px",
  "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>

Отредактировано pchelka-maya (Пн, 23 Май 2011 17:48:45)

0

Поделиться5Пн, 23 Май 2011 18:30:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

pchelka-maya :glasses: Сохраните текущее состояние окна у себя в топике и безжалостно вставляйте новый скрипт - будут траблы - меняйте на сохранённое!

0

Поделиться6Пн, 23 Май 2011 20:48:45

Автор: pchelka-maya
Заслуженный
Зарегистрирован: Ср, 18 Май 2011
Сообщений: 136
Уважение: 0
Позитив: +1
Последний визит:
Пн, 9 Июл 2012 14:52:34

не поняла((( объясните пожалуйста(

0

Поделиться7Пн, 23 Май 2011 22:05:32

Автор: pchelka-maya
Заслуженный
Зарегистрирован: Ср, 18 Май 2011
Сообщений: 136
Уважение: 0
Позитив: +1
Последний визит:
Пн, 9 Июл 2012 14:52:34

я ставлю в HTML-низ, в самое начало. веде уже ставила. и все что угодно ставила. не получается(

0

Поделиться8Пн, 23 Май 2011 22:46:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

pchelka-maya Для начала перезалейте картинки на свой форум и замените ссылки!

> Как заливать картинки на свой форум пост 51

Затем вставьте Скрипт с новыми ссылками в начало HTML низ дайте ссыль на форум

Отредактировано Deff (Пн, 23 Май 2011 22:49:38)

0

Поделиться9Пн, 23 Май 2011 22:47:50

Автор: Ita Ita
Заслуженный
Зарегистрирован: Ср, 17 Дек 2008
Сообщений: 437
Уважение: +28
Позитив: +25
Пол: Мужской
Последний визит:
Сб, 17 Окт 2015 21:27:55

pchelka-maya
Данную часть

Код:

#pun-main #pun-category1.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
#pun-main #pun-category2.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
#pun-main #pun-category3.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}
#pun-main #pun-category4.category h2{
background: url(ссылка на картинку) no-repeat top center;
height: 40px;
}

необходимо было вставлять в CSS.
Тегами <style> не добьёшься желаемого результата.

0

Поделиться10Пн, 23 Май 2011 22:51:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

Ita Ita :glasses: ну зачем ? - у есть неё скрытые категории - советы лишние - сss верно не работает для скрытых

0

Поделиться11Пн, 23 Май 2011 22:51:33

Автор: Ita Ita
Заслуженный
Зарегистрирован: Ср, 17 Дек 2008
Сообщений: 437
Уважение: +28
Позитив: +25
Пол: Мужской
Последний визит:
Сб, 17 Окт 2015 21:27:55

Вот это точно прокатит:
HTML-Низ.

<style>
.category h2 span {
display: none;
}
#pun-category1.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category2.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category3.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category4.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category5.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category6.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category7.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category8.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category9.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category10.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category11.category h2 {
background: url(ссылка) no-repeat center bottom;
}
#pun-category12.category h2 {
background: url(ссылка) no-repeat center bottom;
}
</style>

Отредактировано Ita Ita (Пн, 23 Май 2011 22:53:32)

0

Поделиться12Вт, 24 Май 2011 21:17:52

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ita Ita написал(а):

Вот это точно прокатит:HTML-Низ.

Во-первых, почему КСС код в ХТМЛ-низ?
Во-вторых, выше сказали, что на форуме есть скрытые разделы, следовательно, разные группы будут видеть разные фоновые изображения на разных заголовках из-за смещения нумерации категорий.

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

замена слов в категории на картинку

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

Поделиться1Пн, 23 Май 2011 16:56:22

Поделиться2Пн, 23 Май 2011 17:10:23

Поделиться3Пн, 23 Май 2011 17:32:43

Поделиться4Пн, 23 Май 2011 17:45:45

Поделиться5Пн, 23 Май 2011 18:30:24

Поделиться6Пн, 23 Май 2011 20:48:45

Поделиться7Пн, 23 Май 2011 22:05:32

Поделиться8Пн, 23 Май 2011 22:46:10

Поделиться9Пн, 23 Май 2011 22:47:50

Поделиться10Пн, 23 Май 2011 22:51:25

Поделиться11Пн, 23 Май 2011 22:51:33

Поделиться12Вт, 24 Май 2011 21:17:52