Как создать свой форум?

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

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


Вы здесь » Как создать свой форум? » Внешний вид » Оформление названий новых/важных/закрытых тем


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

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

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)

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

0

2

Я ничего не поняла! http://forumupload.ru/uploads/0002/25/06/8548-1.gif  http://forumupload.ru/uploads/0002/25/06/8547-3.gif

0

3

да я тоже,... как то всё запутанно....а попроще нельзя объяснить?... http://forumupload.ru/uploads/0002/25/06/8551-1.gif

0

4

А как изменить картинку около названий форумов? И это вообще возможно? http://forumupload.ru/uploads/0002/25/06/8547-5.gif

0

5

Dark angel написал(а):

А как изменить картинку около названий форумов? И это вообще возможно?

Возможно!

0

6

А как это сделать??? Просто очень надо!

0

7

БелОснеЖка_31

Иконка "Старое сообщение":

<style type="text/css"> Div.icon {
    background-image : url(Картинка);
    background-repeat: no-repeat;
    }
    </style>

Иконка "Новое сообщение":

<style type="text/css">TR.inew Div.icon {
    background-image : url(Картинка);
    background-repeat: no-repeat;
    }
    </style>

Иконка "Выделенная тема":

<style type="text/css">TR.isticky Div.icon {
    background-image : url(Картинка);
    background-repeat: no-repeat;
    }
    </style>

Иконка "Закрытая тема":

<style type="text/css"> TR.iclosed Div.icon {
    background-image : url(Картинка);
    background-repeat: no-repeat;
    }
    </style>

Вставлять в HTML-низ.

0

8

А они только наполовину видны....
Помогите пожелуйста
<style type="text/css"> Div.icon {
    background-image : url(http://i060.radikal.ru/0903/47/74a204dca87c.gif );
    background-repeat: no-repeat;
    }
    </style>
<style type="text/css">TR.inew Div.icon {
    background-image : url(http://s48.radikal.ru/i122/0903/f7/84d9f5419dc1.gif);
    background-repeat: no-repeat;
    }
    </style>
<style type="text/css">TR.isticky Div.icon {
    background-image : url(http://s52.radikal.ru/i136/0903/d6/21b242486667.gif);
    background-repeat: no-repeat;
    }
    </style>
<style type="text/css"> TR.iclosed Div.icon {
    background-image : url(http://s49.radikal.ru/i126/0903/b4/dc27e1202613.gif);
    background-repeat: no-repeat;
    }
    </style>

0

9

http://i041.radikal.ru/0903/f0/e2430913143e.gif

0

10

http://i041.radikal.ru/0903/f0/e2430913143e.gif

0

11

Я не понимаю http://i.smiles2k.net/big_smiles/super_smilies070.gif

0

12

Руж, Тупо УМЕНЬШ!

0


Вы здесь » Как создать свой форум? » Внешний вид » Оформление названий новых/важных/закрытых тем


Рейтинг форумов | Создать форум бесплатно