А тэге Код:[c o d e ][ /c o d e]
Вообще в них цветовыделение не действует. А в данном случае оно было нужно.
[color=green]зелёный[/color]
зелёный
Закрываем флуд.
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Боковая панель
А тэге Код:[c o d e ][ /c o d e]
Вообще в них цветовыделение не действует. А в данном случае оно было нужно.
[color=green]зелёный[/color]
зелёный
Закрываем флуд.
Вот:
<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"><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); --> </SCRIPT></p> <h3>Новости форума</h3> <p> <a href="#">Наш форум процветает!</a><br> </p> <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://lovesims.0pk.ru/viewtopic.php?id=2"><small>о1. Правила</small></option> <option value="http://lovesims.0pk.ru/viewtopic.php?id=7"><small>о2. Медали, группы.</small></option> <option value="http://lovesims.0pk.ru/viewtopic.php?id=3"><small>o3. Заявки на должности </small></option> <option value="http://lovesims.0pk.ru/viewtopic.php?id=13"><small>o4. Подарки </small></option> <option value="http://lovesims.0pk.ru/viewtopic.php?id=14"><small>o5. Очки подробнее </small></option> </select> </form> <br><br> Просто выбирайте нужный раздел и Вы автоматически будете перемещены в него!</a><br> </p> <p> <form> <h3>Команда форума:</h3> <p> <h3>Администратор:</h3> <p> <a href="#">Z@G@DK@</a><br> <h3>Модераторы:</h3> <p> <a href="#">Набор на вакансию Модератор</a><br> <h3>VIP:</h3> <p> <a href="#">Набор на вакансию VIP</a><br> <h3>Креативщики:</h3> <p> <a href="#">Набор на вакансию Креативщик</a><br> <h3>Рекламщики:</h3> <p> <a href="#">Набор на вакансию Рекламщик</a><br> <h3>Журналисты:</h3> <p> <a href="#">Набор на вакансию Журналист </a><br> <h3>Симоделы:</h3> <p> <a href="#">Набор на вакансию Симодел </a><br> </p></div>
<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>
Отступы соответственно от правого и левого края форума в пикселях.
Ширина сайдбара.
Отступ сверху.
Высота сайдбара
Регулируйте пока не достигнете нужного результата. Сейчас у вас сайдбар не стоит, но я бы вместе с его установкой советовал сузить форум и передвинуть полностью влево/вправо.
Регулируйте пока не достигнете нужного результата. Сейчас у вас сайдбар не стоит, но я бы вместе с его установкой советовал сузить форум и передвинуть полностью влево/вправо.
Сорь, за глупый вопрос. А ка это? А сайдбар это что такое?
margin: auto 20px auto 185px;
width : 870px;}
Клубничка
вот эт регулируйте
сайдбар
Боковая панель
сузить форум и передвинуть полностью влево/вправо.
а вот это как?)
И ещё, я вставила на пробный форум. Вот что получилось. Сылка http://winxmagix.0pk.ru/
Клубничка
я вообще на моём форуме использую другой вариант таблички.Посмотреть Тут
Да удобно. Скрипт не подскажешь?
Клубничка
<style> #pun {float: left; margin-left: 30px;} </style> <table valign="top" width="100" border="0" cellspacing="0" cellpadding="0"> <TR valign="top" width="200"><TD height =10% width=0 valign="top"> <table bgColor=transparent valign="top" cellspacing="0" cellpadding="1"><tr valign="top"><td width="210px" valign="top"> <div class='sidebar'> <span class='desc'> <center><img src="картинка Добропожаловать"></br><br> <div class="maintitle"> </div> <font size=1><b>ссылка форума</b> <br>Текст<br><b><img src="Картинка информация"></b><br> <b>Важная информация</b><br> Текст/<br> Текст <br/><br><br> <div class="maintitle"> </div> <div class="tablepad"><span class='desc' > <img src="Картинка навигация"></br> <form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option>Текст типо навигация по форуму</option> <option value="ссылка на тему"><small>Название темы</small></option> <option value="ссылка на тему"><small>Название темы</small></option> <option value="ссылка на тему"><small>Название темы</small></option> <option value="ссылка на тему"><small>Название темы</small></option> <option value="ссылка на тему"><small>Название темы</small></option> </select> </form> </span> </span></div> </div> <br /><br> <div class="maintitle"> </div> <div class="tablepad"><span class='desc' > <img src="Картинка ролевая игра" border="0"> <br><br>Текст.<br><br> <b>Дата:</b>Текст<br> <b>Погода:</b>Текст</span> </div> </div> <br/> <div class="titlemedium"></div> <div class="tablepad"><span class='desc' > <img src="Администрация" border="0" ></a><br> <b>Администраторы:</b><br> Текст<br> <br> <b>Модераторы:</b><br> Текст<br> </span> </div> </div> <br/> <div class="titlemedium"></div> <div class="tablepad"><span class='desc' > <center> <b>Текст или картинка</b><br> Текст </span> </div> </div> <br/> <div class="maintitle"> </div> <div class="maintitle"> </div> <br></div> </left></td></tr></table></td> <td valign=top width=710> <table class="aa" bgColor="transparent" cellspacing="2" cellpadding="0" width=710 align=left><TR><TD align=left></div> </div> </div> </div>
А можно ли сделать 2 боковые панели? По бокам?
Glam Ledy, неподскажешь как сделать фон таблица такой же как и форум, а надписи тоде сделать другими?
Пожалуста, ответте(
Клубничка
какой именно,боковой?
Ну да каторай ты мне дала!)
Здравствуйте!
У меня проблема-пытаюсь поставить боковую панель,сначала все нормально,потом форум куда-то пропадает,остается одна боковая панель.
Подскажите,пожалуйста,как сделать так,чтобы в дополнении Приветствие для гостей,при нажатии на пункты "Войти"и"Зарегистрироваться" отображался мой форум?Как переделать код?Для меня это просто темный лес!
Со всем,о чем спрашивала,сама разобралась.
Помогите,пожалуйста,сделать так,чтоб баннеры друзей на форуме,на боковой панели не прокручивались(как получается с предоставленным кодом),а просто спокойно стояли в ряд.
У меня такая ерунда!!! надпись не на панеле!!!
Всё. Сама разобралась, только шапка убралась
Отредактировано Алексия (2010-03-02 20:44:12)
У меня вопрос: А можно опрос как-нибудь по другому сделать?
Отредактировано Алексия (2010-03-03 15:31:46)
мне кто-нибудь скажет?
СПАСИБО автору
Подскажите,пожалуйста,как сделать боковую панель шире?
У меня вообще, свой баннер не идёт!!! даже тогда, когда не исправляла!!!
Внесу небольшую ясность, и поясню что и как.
Следуйте всему чётко как написано, а иначе ваш форум разнесёт.
Вот это в html-верх:
<style type="text/css">#sidebar { display: block; background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 200px; height: 500px; margin: 1px; float: left; border: 1px solid; position: relative; z-index: 0; top: 0px; padding: 0; }</style>
Каждая надпись соотвецтвует своему значению, меняйте их числовые значения как вам угодно
background -фон, transparent(Прозрачный, подстраивается под цвет форума) измените его например на black, и он станет таким, как показано на скрине ( http://i.pic.co.ua/AzA.png ) или же поменяйте на red и блок станет красным, так можете менять на любые цвета. Если хотите что бы заде была картинка, то делаем следующее, просто меняем background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); на background: transparent url(ссылка на вашшу картинку);
width -ширина
height -высота
margin- отступ от самого форума
border -толщина границ таблицы (Измените числовое значение на 0 что бы убрать грань)
Остальное лучше не трогать
Это в самый низ html-низа:
</div></div></div></td></tr></table><div><div>
Это ставим в самый низ объявления, редактируйте как хотите надпись "здесь можно попробовать сделать нечто подобное на блок крутой".. Только её
</div></div></div><table width="100%" ><tr><td id="sidebar"> здесь можно попробовать сделать нечто подобное на блок крутой </td><td style="padding: 0px;"><div><div><div>
Тут тоже можно кое что подредоктировать
<table width="100%" > -ширина вашего форума
<td id="sidebar"> -уберите надпись sidebar, или замените на другое, таблица перестанет существовать и вы просто начнёте писать с боку форума в одну строчку
<td style="padding: 0px;"> -отступ самого форума от таблицы и меню (Новые сообщения, Активные темы и тд) , тоже лучше не трогать.
Ну вроде бы всё, пользуетесь
</div></div></div><table width="100%" ><tr><td id="sidebar">
здесь можно попробовать сделать нечто подобное на блок крутой
</td><td style="padding: 0px;"><div><div><div>
Хм а может быть вот так?
<div><div><div><table width="100%" ><tr><td id="sidebar"> здесь можно попробовать сделать нечто подобное на блок крутой </td><td style="padding: 0px;"></td></tr></table> </div></div></div>
Ну как бы сначала теги открываются потом закрываются и все такое.
И вообще если честно, это все к чему собственно:?
</div></div></div></td></tr></table><div><div>
Смысл?
Смысл?
что бы таблица работала корректно, не перемещалась, что бы форум не разносило и тд и тп..
Хм а может быть вот так?Код:<div><div><div><table width="100%" ><tr><td id="sidebar">
здесь можно попробовать сделать нечто подобное на блок крутой
</td><td style="padding: 0px;"></td></tr></table>
</div></div></div>
Можно, но только тогда эта таблица переместится в блок "Объявления"
Можно, но только тогда эта таблица переместится в блок "Объявления"
А какую вы дадите гарантию что после такого обращения с тегами, не слетит что нибудь.
что бы таблица работала корректно, не перемещалась, что бы форум не разносило и тд и тп..
Хм хм , я имел ввиду вставка этого отдельно и в HTML низ.
Да и кажется и так все прекрасно, если не напихивать лишнего в скрипт работающий и делать все корректно))
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Боковая панель