[проблема решена]
Отредактировано Neko Lina (Пт, 22 Янв 2010 22:04:11)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Sidebar (боковая панель) для форума
[проблема решена]
Отредактировано Neko Lina (Пт, 22 Янв 2010 22:04:11)
Я поменяла в коде лишь лево на право в место расположении, а он наложил одно на другое, вот:
http://drushba7.7bb.ru/
можно ли сделать чтобы фон для сидебара выходил на несколько там процентов или пикселей за рамки?
А дайте пожалуйста код, где в заголовке будет написано: Админы и в описании пойдут картинки
Помогите плиз! Все поехало!
код:
<style> #pun { margin: auto 20px auto 185px; width : 870px;} .sidbar {background: transparent url(http://i060.radikal.ru/1001/8a/5c4441da5ba0.jpg); 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://i060.radikal.ru/1001/8a/5c4441da5ba0.jpg); 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"> <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://nekro.mybb.ru/login.php">войти</a> под своим аккаунтом или пройти несложный процесс <a href="http://nekro.mybb.ru/register.php">регистрации</a>.</p><br> </p> <p> <form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option>-- Навигатор --</option> <option value="http://nekro.mybb.ru/viewtopic.php?id=3"><small>о1. Устав</small></option> <option value="http://nekro.mybb.ru/viewtopic.php?id=30"><small>о2. Занятие роли </small></option> <option value="http://nekro.mybb.ru/viewtopic.php?id=33"><small>o3. Список ролей</small></option> <option value="http://nekro.mybb.ru/viewtopic.php?id=49"><small>o4. Набор персонала</small></option> <option value="http://nekro.mybb.ru/viewtopic.php?id=255"><small>o5. Занятые внешности </small></option> <option value="http://nekro.mybb.ru/viewtopic.php?id=214"><small>o6. Новости </small></option> </select> </form> <br><br> Просто выбирайте нужный раздел и Вы автоматически будете перемещены в него!</p> <p> <p> <h3>Наш баннер</h3><br> <p> <a href="http://nekro.mybb.ru/" title="Мир сходит с ума! Емцовский - не исключение."> <img src="http://i035.radikal.ru/0909/39/a68c271be3e3.jpg" border=0></a> Если Вы желаете помочь развиться нашему форуму, просто скопируйте следующий код и вставьте в любое удобное для Вас место: <a href="http://nekro.mybb.ru/" title="Мир сходит с ума! Емцовский - не исключение."> <img src="http://i035.radikal.ru/0909/39/a68c271be3e3.jpg" border=0></a> </p> <p> Предлагаем Вам посетить форумы наших друзей: <center><marquee width="100" height="100" Direction="down" scrollamount="4" onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"><center> <a target="_blank" href="http://grotterha.mybb.ru/"><img src="http://s53.radikal.ru/i142/1001/f2/f49f35397397.gif" ></a> <p> </p> </center> </marquee></center> </p></div>
ссылка: http://nekro.mybb.ru/
<style> #pun { margin: auto 20px auto 185p
попробуйте начало поменять
<style>
#pun {
margin: auto 20px auto 205px;
width : 870px;}
не помогло
не помогло
меняйте сами числа, пока не встанет как над
потом тему саму почитайте, к примеру сообщение 22
больше не надо...
можно ли сделать чтобы фон для сидебара выходил на несколько там процентов или пикселей за рамки?
Поставила на форум сайдбар, у самой всё просто прекрасно, как и у многих пользователей, но у некоторых участников всё "поехало" по причине маленького разрешения (1024х768, возможно, есть ниже).
Их скрины:
http://pikucha.ru/267116
http://pikucha.ru/267122
http://forumupload.ru/uploads/0006/86/a3/40919-1-f.jpg
Отредактировано Neko Lina (Пт, 22 Янв 2010 23:31:09)
можно ли сделать чтобы фон для сидебара выходил на несколько там процентов или пикселей за рамки?
Поставила на форум сайдбар, у самой всё просто прекрасно, как и у многих пользователей, но у некоторых участников всё "поехало" по причине маленького разрешения
Так и должно быть
1024х768, возможно, есть ниже)
Конечно есть, не забывайте что у некоторых может быть и 800х600.
Попробуйте в процентах.
можно ли сделать чтобы фон для сидебара выходил на несколько там процентов или пикселей за рамки?
как то не очень понятно
как то не очень понятно
обычно когда ставишь фон он ложится покрывая сам сидебар, а я хочу чтобы фон выходил за его рамки, как например через pun можно ставить фон под форум чтобы его границы выходили за рамки
Катарина
создайте в самом сайдбаре элемент div присвойте ему какой-нибудь id к примеру sidebar-inner. В него вбивайте весь контент, он будет основным сайдбаром. а к элементу sidbar примените только фон и сделайте его чуть больше, чем внутренний... как-то так
ничего не поняла хД
ну или наоборот
<div id="background"> <div id="sidbar">здесь содержимое вашего sidebar'a</div> </div>
и в стиле прописываете что-то вроде
<style type="text/css"> #background{ padding: 5px; background: параметры вашего фона } </style>
Помогите мне пожайлуста!
Я поменяла в коде лишь лево на право в место расположении, а он наложил одно на другое, вот:
http://drushba7.7bb.ru/
то есть так должно быть?
<style>
#pun {
margin: auto 20px auto 290px;
width : 850px;}
.sidbar {background-color:#371e1d; background-image:url(http://i072.radikal.ru/1001/d1/0977c1b6ff7c.png); width: 190px; height: 800px; border: 0px solid; position: absolute; z-index: 1700; top: 0px; right: 310px; left: 102px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background: transparent url(); 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 id="background">
<div id="sidbar">здесь содержимое вашего sidebar'a</div>
</div> </div>
нет не так опять не поняла хДД что-то я с сидебаром сооовсем не дружу ><
Вы здесь » Единый форум поддержки » Корзина » Sidebar (боковая панель) для форума