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

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

Вопрос по категориям

Страница: 1

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

1

У меня вот такой вопрос. На пробном форуме поставила такой фон категорий, на котором ставишь название категории, каждый раз разную картинку. (Пардон за китайское объяснение).
Выглядит этот код примерно так:

Код:
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-category1 h2 {height: 50px; background-image: url("ссылка на картинку"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

Всё, вроде замечательно, всё работает.
http://uploads.ru/i/K/F/C/KFCs4.jpg
НО, при выделении выскакивает название этой категории:
http://uploads.ru/i/J/k/h/JkhTO.jpg

Не подскажете, как убрать это автоматическое выделение?

0

2

  • Автор: Ghоst
  • Бестелесный дух прошлого
  • Ghоst
  • Уважение: +299

Аллегория непостоянства
Честно вам отвечу - не лучший код. Если у вас будут скрыты какие-то разделы для гостей и для игроков - например, админка - то у вас будут вечно ползти стили, потому что нумерация отображаемым категориям присваивается на странице автоматически, а не прикреплена к каждой категории. Тем не менее, убрать это можно, добавьте код:

Код:
#pun-category1 h2 span {
visibility: hidden;
}

+1

3

Ghоst
Спасибо, сейчас, вроде, всё работает...
Хм... Ну, вообще - да, некоторые разделы предполагается закрыть для гостей... Но, если так, нет какой-нибудь альтернативы? (Не помню уже, откуда этот код выкопала, кажется, где-то в стилях видела).

0

4

  • Автор: Ghоst
  • Бестелесный дух прошлого
  • Ghоst
  • Уважение: +299

Аллегория непостоянства
Есть скрипт, который позволяет вставить картинку в категорию. Он, конечно, будет тяжелее, чем код css, но надежнее, поскольку привязывается к конкретному названию категорий.

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){
    myarray=new Array(
    "название категории", "ссылка на картинку",
    "название категории", "ссылка на картинку"
    )
            $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
      "height":"80px",
      "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>

Тот код, который я дал, нужно будет немного изменить:

Код:
#pun-main .category h2 span {
visibility: hidden;
}

+1

5

Ghоst
Поставлю тогда лучше его. Спасибо вам большое!

0

Страница: 1