Создать новую страницу.

Помогите пожалуйста создать новую страницу форума. Мой форум для наших школьников, они попросили создать обсуждения на тему музыки и кино. Хочется, что бы страница была совсем другая по дизайну. Я хотела создать ещё один форум (по другому не получается, в HTML я не сильна)вот такой Но зачем создавать другой форум, это будет уже не то. Пожалуйста помогите создать что то в этом стиле
Мой форум: вот здесь

alenkawind, Вы не можете создать отдельную html-страницу с возможностью оставлять на ней сообщения.

Вам нужно просто создать раздел (категорию) для обсуждений музыки / кино — такой же, как "Школьные новости" или "Игры". При желании, можно сделать так, чтобы в темах этого раздела слегка изменялось оформление форума (например, шапка и цвет фона).

Согласна, но прошу измените шапку и цвет фона на тёмный (почему то именно так хочется)
спасибо.
Или может я и сама могу это делать просто объясните как??!!

Для начала создайте категорию, пожалуйста. Мне надо будет знать ее точный адрес, чтобы собрать скрипт.

Сделано.

1. В ПА > Модули > Управление кодами Javascript проверьте, чтобы было указано — Активировать управление кодами Javascript : Да

После этого создайте новый файл:

Название : стиль раздела кино (например)
Расположение : все страницы
Код Javascript :

Код:

jQuery(document).ready(function(){

if (jQuery('.nav a').is("[href*='c1-category']")) {
jQuery("img#i_logo").attr('src', 'http://i15.servimg.com/u/f15/17/37/83/89/nddd3310.jpg'),
jQuery("body").addClass("darkbody")
}
else {jQuery("#i_logo").show()
}

});

И сохраните.

Обратите внимание на условие [href*='c1-category']
c1-category — это адрес раздела, в котором должно меняться оформление. Его нужно будет заменить на адрес Вашей категории (например, c3-category или c6-category).

https://i.servimg.com/u/f15/17/37/83/89/nddd3310.jpg — это ссылка на новую шапку, можете заменить ее на любую, какую захотите.

2. В Па > Оформление > Цвета > Каскадная таблица стилей CSS добавьте код:

Код:

.darkbody {
background: #35298B url("http://i15.servimg.com/u/f15/17/37/83/89/chbpol10.gif") top center !important;
}

.darkbody .bodyline {
background-color: #1D1D22 !important;
border: 1px solid #666 !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
}

.darkbody #i_logo {
border: 1px solid #666 !important;
}

Сохраните.

Если все будет сделано правильно, то при открытии категории "Музыка, кино - обсуждаем" или любой из вложенных в нее тем форум будет видоизменяться:


При желании можно изменить остальные элементы (цвет полей, заголовков категорий и пр.)

Сделала по моему всё как надо, но ничего не изменилось
А здесь нужно что то нажать
Отключить базовую таблицу стилей CSS
Да Нет
Оптимизировать вашу CSS
Да Нет

Там всё в исходном стиле остаётся . Не надо ни чего нажимать

alenkawind, вот в этой строке:

Код:

if (jQuery('.nav a').is("[href*='c1-category']")) {

замените

Код:

c1-category

на

Код:

c6-category

У Вас ведь категория Музыка, кино - обсуждаем имеет адрес httр://school.chudoforum.ru/c6-category

Код:

jQuery(document).ready(function(){

    if (jQuery('.nav a').is("[href*='c6-category']")) {
    jQuery("img#i_logo").attr('src', 'http://i15.servimg.com/u/f15/17/37/83/89/nddd3310.jpg'),
    jQuery("body").addClass("darkbody")
    }
    else {jQuery("#i_logo").show()
    }

Вот посмотрите заменила и ничего

alenkawind, у Вас в разделе скриптов вместе с моим скриптом стоят два посторонних кода. Из-за них все остальное не работает.

Вот это

Код:

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t27.9;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано количество просмотров и"+
" посетителей' "+
"border='0' width='88' height='120'><\/a>")
//--></script><!--/LiveInternet-->

и

Код:

<embed src="http://www.clocklink.com/clocks/bloguru003-black.swf?TimeZone=Russia_Ufa&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">

ставить в раздел скриптов нельзя!

Danochka Спасибо! Спасибо огромное. Вы такая умничка. Удачи Вам.
P.S Но это счётчики, а как их тогда правильно ставить? Вы что то изменили? Ведь они остались

Рада, что смогла помочь )

Но это счётчики, а как их тогда правильно ставить? Вы что то изменили? Ведь они остались

Я их удалила из раздела скриптов. Но тот же счтечик LiveInternet и часы уже есть у Вас в виджете. Это как раз правильный вариант.

Ещё раз спасибо огромное!