Форум поддержки пользователей ZeroParking

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

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



Боковая панель

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

1

Сейчас очень многие хотят поставить на свой форум боковую панель. Вот скрипт этой боковой панели.

I. Ставить в хтмл верх

Код:
<style>
#pun {
  margin: auto 20px auto 185px;
  width : 870px;}
.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">...</div>

II. Это была толко сама боковая панель. Для того чтоб на ней была информация нужно ставить мини дополнения(см. ниже).

1)Находим строчку 

Код:
<div class="sidbar">...</div>

и вместо "..." вставляем мини дополнения

Не забываем что в этих дополнениях нужно изменять информацию на свою!

2)Приветствие для гостей

Код:
<h1>Добро пожаловать</h1><p><script
        language="JavaScript">
<!--begin fantasyflash.ru
var h=(new Date()).getHours();
if (h > 24 || h <6) document.write('<b>Доброй ночи!</b> ') ;
if (h > 6 && h < 12) document.write('<b>Доброе утро!</b> '); 
if (h > 12 && h < 18) document.write('<b>Добрый день! </b>'); 
if (h > 18 && h < 24) document. write('<b>Добрый вечер!</b> '); 
//-->
</script>  Рады приветствовать Вас на форуме "Не про что ". У нас есть скрытые разделы, поэтому рекомендуем <a href="http://neprochto.forumbb.ru/login.php">войти</a> под своим аккаунтом или пройти несложный процесс <a href="http://neprochto.forumbb.ru/register.php">регистрации</a>.</p><br>

3)Время, дата, существование форума

Код:
<h2>Текущее время</h2><br><p><iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr12.htm" height="174" width="164" scrolling="no" frameborder="0"></iframe><br><br><SCRIPT language=JavaScript>
<!--
d0 = new Date('June 20, 2009');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<b>Наш форум живет</b> ' + Math.round(dt) + '<b>-й день.</b>');
-->
</SCRIPT></p>

4)Новости

Код:
<h3>Новости форума</h3>
<p>
<a href="#">Новость 1</a><br>
<a href="#">Новость 2</a><br>
<a href="#">Новость 3</a><br>
<a href="#">Новость 4</a><br>
<a href="#">Новость 5</a><br>
<a href="#">Новость 6</a><br>
<a href="#">Новость 7</a><br>
<a href="#">Новость 8</a><br>
<a href="#">Новость 9</a><br>
<a href="#">Новость 10</a><br>
</p>

5)Навигатор по форуму

Код:
<h3>Навигатор по форуму</h3><br>
<p>
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
 <option>-- Навигатор --</option> 
  <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=282"><small>о1. Правила</small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?pid=13804#p13804"><small>о2. Книга жалоб </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=188"><small>o3. Занятые </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=285"><small>o4. Шаблоны </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=286"><small>o5. Репутация. </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=549"><small>o6. Подпись. </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewforum.php?id=98"><small>o7. Реклама.</small></option> 
</select> 
</form> 
 <br><br>
Просто выбирайте нужный раздел и Вы автоматически будете перемещены в него!</p>

6)Ваш баннер

Код:
<h3>Наш баннер</h3><br>
<p>
 <a href="http://narutosvobod.ru"><img src="http://forumupload.ru/uploads/0003/5f/e1/536845-3.gif"  title="Ролевая Игра по аниме Наруто"Narutosvobod RPG" /></a><br><br> 
Если Вы желаете помочь развиться нашему форуму, просто скопируйте следующий код и вставьте в любое удобное для Вас место:<br><br><TEXTAREA class=TEXTAREA rows=3 cols=25 name=S3> &lt;a href="http://narutosvobod.ru"&gt;&lt;img src="http://forumupload.ru/uploads/0003/5f/e1/536845-3.gif"  title="Ролевая Игра по аниме Наруто"Narutosvobod RPG" /&gt; </TEXTAREA></p>

7)Баннеры друзей

Код:
<h3>Друзья форума</h3>
<p>
Предлагаем Вам посетить форумы наших друзей:
<center><marquee width="100" height="100" Direction="down" scrollamount="4" onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"><center>
<a href="http://style4you.org.ru" target=_blank><img 
src="http://pic.ipicture.ru/uploads/090516/2kbZTC1LZq.gif" alt="Фабрика Стиля!" border="0" 
width="88" hight="31"></a>
 
<a href="http://animetokyo.ru/"><img 
src="http://s55.radikal.ru/i149/0902/29/2695797162af.gif" alt="†Токио: Отражение 
Реальности†"></a>
 
<a href="http://narutoclan.ru"><img src="http://narutoclan.ru/banner.gif" alt="Naruto 
Clan"></a>
 
<a href="http://narutosoul.ru/" target=_blank><img height=31 title="NarutoSoul - скачать, аниме, манга, субтитры, наруто, фанфики, игры, музыка, видео, статьи" 
src="http://narutosoul.ru/banners/banner_88x31.gif" width=88 border=0></a>
 
<a href="http://naruto-online.net.ru/"><img title="РПГ Наруто" 
src="http://naruto-online.net.ru/banner.gif" border="0" height="31" width="88"></a>
 
<a href="http://narutosite.ru/" target="_blank"><img 
src="http://i024.radikal.ru/0906/d4/a243e9e8a0a7.png" border="0" width="88" height="31" 
alt="Narutosite"></a>
 
<a title="OnlyNaruto - аниме, манга, наруто, блич, ролевая, фанфики и многое другое!" 
href="http://onlynaruto.ru"><img src="http://onlynaruto.ru/newnews/banner2.gif" 
align="" border="0"></a>
 
<a target="_blank" href="http://otaku-of-naruto.clan.su/"><img title="Перейти к сайту Otaku of Naruto" alt="кнопка сайта" 
src="http://otaku-of-naruto.clan.su/banner88x31jgkluyuigbnmbkutg.jpg" /></a>
</center>
 
<center>
<a href="http://bleach.hutt.ru"><img 
src="http://s40.radikal.ru/i088/0905/57/9562dc4f3d50.png" width="88" hight="31" title="Bleach RPG.hutt.ru"></a>
 
<a href="http://poke-rpg.ru"><img src="http://pokemon.f-rpg.ru/uploads/0006/df/08/4965-2.png"  alt="Pokemon RPG"></a>
</center>
</marquee></center>
</p>

8)Опрос

Код:
<h3>Опрос</h3>
<p>
<b>Вопрос</b><br>
<center>код опроса с сайта http://opros2000.ru/ </FORM>
</center></p>
</div>

Опрос можно создать здесь

Теги: боковая панель, внешний вид, скрипты

Отредактировано danwill (2009-08-30 14:31:35)

+5

2

Уж больно он сложный.

0

3

arnsheridan
На самом ставить его легко ничего сложного нету. При чем хороший результат и выглядит красиво. Но это уже ваше дело ставить или не ставить  ;)

0

4

Ну, я попробовала. И вот что у меня получилось:
http://i26.tinypic.com/10qw9ja.jpg
Как видно, блок наехал на форум. Я попыталась его отодвинуть, ничего не вышло.

0

5

Shibai
вы куда ставили?

0

6

danwill
В хтмл вверх. Вы же вроде по русски говорите, не по японски. XD

0

7

Shibai
это скорее всего связанно с вашим дизайном, если хотите поставьте другой дизайн, обычнй, у вас стоит щас не обычный вы это понимаете?

0

8

danwill
Всё зависит от того, что значит определение "обычный дизайн". У меня стоит один из стандартных: nevblack.
Или вы имеете введу дизайн созданый с помощью генератора стилей?

0

9

Shibai
тоесть у вас обычный стандартный дизайн? попробуйте поставить для эксперемента reen share. и потом скажите нормально ли работает с грин шейр

0

10

danwill
О, с этим всё прекрасно. И всё же...я так же пробовала стиль сделанный через генератор, и увы он то же не сработал. ><

0

11

Shibai
проблема в дизайне, может когда ибудь захотите новый дизайн сделаете себе. и поставите эту панель. Можете щас дизайн поменять

0

12

danwill
Эх...спасибо и на этом.

0

13

Можно так сделть, чтобы паль е слева была. а справа?

0

14

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

Можно так сделть, чтобы паль е слева была. а справа?

Немного изменил её.Пробуйте ставить так!

Код:
<style>
#pun {
  margin: auto 20px auto 185px;
  width : 870px;}
.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; right: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">...</div>

0

15

спс!

0

16

А можно сделать так, что бы панель была немного другого цвета?

0

17

Мизори-чан
можно конечно. Я изменила. спасибо. Но я брала скрипт не на этом форуме..

0

18

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

Сейчас очень многие хотят поставить на свой форум боковую панель. Вот скрипт этой боковой панели.

Можно было бы АВТОРА этого кода указать.

Отредактировано Wolf-63 (2009-09-02 15:20:30)

0

19

спасибо за скрипт  http://forumupload.ru/uploads/0002/25/06/8547-4.gif Очень хороший http://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

20

Wolf-63, а ты знаешь автора? Выкладывай, поблагодарим все вместе его http://forumupload.ru/uploads/0002/25/06/8550-2.gif

0

21

http://forumupload.ru/uploads/0002/25/06/8547-2.gif  http://forumupload.ru/uploads/0002/25/06/8547-2.gif  http://forumupload.ru/uploads/0002/25/06/8547-2.gif  http://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

22

Спасибо, поставила справа http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

23

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

Wolf-63, а ты знаешь автора? Выкладывай, поблагодарим все вместе его

Знаю, это rps
А первоисточник находится здесь

+1

24

А как изменить цвет "Добро пожаловать?"

<h1>Добро пожаловать</h1><p><script
        language="JavaScript">

0

25

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

А как изменить цвет "Добро пожаловать?"

Выделенное уберите

.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">...</div>

после этого заголовок можно покрасить обычным способом

<h1><font color="#FF0000">Добро пожаловать</font></h1><p>

0

26

А как поставить одновременно левую и правую бок. панели? а то у меня не получилось ( http://forumupload.ru/uploads/0002/25/06/8548-1.gif

0

27

Спасибо вам большое!!! http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

28

круто!

0

29

Акаде написал(а):

А как поставить одновременно левую и правую бок. панели? а то у меня не получилось

Посмотрите здесь.

0

30

спасибо

0



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