Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Оформление названий новых/важных/закрытых тем


Оформление названий новых/важных/закрытых тем

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

1

Оформление названий новых/важных/закрытых тем
При помощи этого скрипта можно выделить разные типы тем не только в виде добавления специфической иконки, но и особым оформлением текста ссылки на тему.

<script type="text/javascript">
var rows=document.getElementsByTagName("tr")
var no=0
for (no=0; no<=(rows.length-1); no++)
{if (rows[no].className.indexOf("isticky")!=-1)
{rows[no].getElementsByTagName("a")[0].innerHTML="<font color='red'><b>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</b></font>"}
else if (rows[no].className.indexOf("inew")!=-1)
{rows[no].getElementsByTagName("a")[0].innerHTML="<font color='green'>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</font>"}
else if (rows[no].className.indexOf("iclosed")!=-1)
{rows[no].getElementsByTagName("a")[0].innerHTML="<font color='yellow'>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</font>"}
}
</script>

Рассмотрим блок
{if (rows[no].className.indexOf("isticky")!=-1)
{rows[no].getElementsByTagName("a")[0].innerHTML="<font color='red'><b>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</b></font>"}

Этот блок кода оформляет текст Важных тем. isticky указывает именно на важные темы.
Видим rows[no].getElementsByTagName("a")[0].innerHTML. Этот кусок означает текст ссылки темы. Вокруг него мы решили поставить следующее оформление:
-сделать текст красным
-сделать жирным
Как знаем из хтмл, это достигается следующим образом:

<font color='red'><b>Наш текст</b></font>

Если хотите, можно использовать вокруг текста сылки любые друие хтмл теги.
Чтобы перенести эти теги в скрипт мы делаем следующее
-Заковычиваем передние теги в " "
-ставим плюс
-ставим текст ссылки (rows[no].getElementsByTagName("a")[0].innerHTML)
-ставим плюс
-ставим конечные теги в ковычках.

В данном случае у нас получилось

="<font color='red'><b>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</b></font>"

Следующие два блока кода отвечают соответсвенно за:

-новые темы (inew)
-закрытые темы (iclosed)

Если какой-то вид тем вы отдельно оформлять не собираетесь - соответствующий кусок скрипта можно выкинуть.

Теги: Скрипты и дополнения, Украшения, Темы и опросы

+1

2

А как бы сменить стандартыне иконки тем на свои?

0

3

.biting~irony. написал(а):

Оформление названий новых/важных/закрытых тем

тупо не поняла, извините. А что CSS уже отменили?
<style>
.stickytext {color:red;} /*важные темы красным*/
</style>

0

4

semina
верно замечено, что скрипт бесполезен. действительно делается это через css
только ваш код сделает только текст "важно".

Для важных:

tr.isticky a {
  color: цвет;
}


Для новых:

tr.inew a {
  color: цвет;
}


Для закрытых:

tr.iclosed a {
  color: цвет;
}


само собой, можно добавлять свои css-свойства. Например:
http://s2.uploads.ru/t/wyroI.jpg

SET

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

А как бы сменить стандартыне иконки тем на свои?

В HTML-верх

<style type="text/css">
.punbb table Div.icon {float: left; display: block; width: 109px; height: 109px; border-style: none; background-image: url(картинка "Нет новых сообщений");  background-repeat: no-repeat; position: relative;}
TR.inew Div.icon {
background-image : url(Картинка "Есть новые сообщения"); background-repeat: no-repeat; }
TR.isticky Div.icon {
background-image : url(Картинка "Важная тема"); background-repeat: no-repeat; }
TR.iclosed Div.icon {
background-image : url(Картинка "Закрытая тема"); background-repeat: no-repeat; }
TR.iredirect Div.icon {
background-image : url(Картинка "Перемещенная тема"); background-repeat: no-repeat; }
#pun-main table div.tclcon {padding-left: 110px;}
</style>

float: left - расположение иконок с левой стороны так же может быть с правой прописывается как right
width: 109px - ширина иконки
height: 109px - высота иконки
border-style: none - обрамление иконки (можно ее обрамить линией любого цвета, оформления и размера)
padding-left: 110px; - отступ от края форума.

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Оформление названий новых/важных/закрытых тем


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC