Hayase
Пункты 10, 11.
#pun-main .quote-box - цитата
#pun-main .code-box - код
Техническая поддержка SpyBB |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2
Hayase
Пункты 10, 11.
#pun-main .quote-box - цитата
#pun-main .code-box - код
Пункты 10, 11.
#pun-main .quote-box - цитата#pun-main .code-box - код
не помогает.
вот что ставлю
<style type="text/css">
#pun-main .quote-box {border: #7f5a62 1px solid; backgroun-color: #8c95b1; }
#pun-main .code-box {border: #7f5a62 1px solid; backgroun-color: #8c95b1; }
</style>толку - 0
возможно мешают какие-то скрипты, но я-то этого не знаю. вот и нуждаюсь в помощи.
Эх, с этим уже сама разобралась. Появился новый вопрос, который тревожит меня ничуть не меньше
Да, и увы я не могу его исправить сама.
или ссылкой тоже самое
http://i073.radikal.ru/1008/b9/e3e355a412c5.png
В общем надпись "тему просматривают (Гостей: .., Пользователей: ..)" - не видно. Как её вернуть? Тт
Hayase, убедитесь, что в Администрирование > Настройки > Возможности в пункте Пользователи Online точка стоит возле Да
Отредактировано zloy.mh (13 Авг 2010 01:51:21)
Снова здравствуйте, на этот раз срочный вопрос.
Как изменить цвет рамок форума? Чтобы было яснее: я имею в виду линии, разграничивающие форум на таблицы. Например,
здесь эти рамки белые.
Ametista,
1)добавить в файлы стилей строку
.punbb .main td {border-color: #0000FF;/*синий*/}или в HTML-верх код
<style type="text/css">
.punbb .main td {border-color: #0000FF;/*синий*/}
</style>2) замените код цвета 0000FF на свой
3) уберите комментарий
4) ???
5) PROFIT
Отредактировано zloy.mh (13 Авг 2010 17:40:04)
zloy.mh
Спасибо.
Здравствуйте. скажите пожалуйста, как отрегулировать столбцы в таблице, а то один получается выше другого.
Код:
<table border=0>
<td width="155" height="50"">
<center><b><u>
</u></b><br>
<img src='http://i36.tinypic.com/hwzji0.jpg'/></div>
<br>Гл. Админы: Марго, Анастасия
<br>Модераторы:
<br> Роксис, Ashley, Милена, Maya
</div>
<br>Счётчик посещений:<br><a href="http://www.easycounter.com/">
<img src="http://www.easycounter.com/counter.php?stella5"
border="0" alt="счетчик посещения php"></a>
</center></td>
<td rowspan=2>
<div align=center><i><b><size=8>Дорогие гости! Вам не виден весь форум! Также, для Вас на форуме проводиться <a href="http://winxclubrolevaja.spybb.ru/viewtopic.php?id=566" target=_blank> |Акция #1| |It's your new Life, Student...| </a>
<br>Дорогие форумчане, не забываем - сегодня у форума День Рождения, а Вас ждут вкусняшные подарки и целых 2 недели веселья и сюрпризов!
<br>
<img src="http://i38.tinypic.com/124v4o8.jpg">
<br><br>
</div>
</td>
<td width="155" height="50"><center>
<img src='http://i33.tinypic.com/2vl5kc7.jpg'/></div>
Погода в игре:
<br> Сейчас 19 июля 2009 года...
<br>Ну, вот и наступило Лето ))) Некоторые ученики разъехались по домам, так сейчас каникулы. В школах осталось всего пару человек. Наслаждаемся свободой!)
<br>Всех с праздником левшей! ))) И себя также) XD <br>Не забываем также про игру! Играем!<br>
</div>
</u></b><br>
</center>
</td>
</tr>
<tr>
<td width="155" height="50"><br>
<center>
<img src='http://i38.tinypic.com/35clrux.jpg'/></div>
<br>На форуме новый, праздничный дизайн - в светлых, зеленых тонах. Обо всех сюрпризах, которые Вас ждут сегодня и еще в течение двух недель можно узнать в последнем выпуске журнала
<br>Все для вас, дорогие форумчане)
<br>Поздравляем Диналию за победу в конкурсе "Мисс Летняя фея" *все хлопают в ладоши!*</size>
</div>
<br>
</center></td>
<td width="155" height="50">
<center>
<img src='http://i38.tinypic.com/2w7o2fr.jpg'/></div>
<br><a href="http://fashion-winx.spybb.ru/u"><img src="http://s006.radikal.ru/i215/1001/c2/84c3c98a82ad.png" ></a>
<a target="_blank" href="http://fashion-winx.spybb.ru/"><img src="http://s42.radikal.ru/i097/1005/ec/7bc4635dc6f6.gif" ></a>
</div>
</u></b><br>
</embed></object>
</a></td></tr>
</tbody>
</table>
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>
<script type="text/javascript">
document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
function lookCook()
{
if (document.cookie.indexOf("announce")!=-1)
{var an1=document.cookie.substr(document.cookie.indexOf("announce"))
var an=an1.substr(an1.indexOf("id")+2, 2)
if (an=="op")
{document.getElementById('annbody').style.display="block"
var knopka="Скрыть объявление"}
else if (an=="cl")
{document.getElementById('annbody').style.display="none"
var knopka="Показать объявление"}}
else if (document.cookie.indexOf("announce")==-1)
{document.getElementById('annbody').style.display="block"
var knopka="Скрыть объявление"}
document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}
lookCook()
function hideAnn()
{
if (document.getElementById('annbody').style.display!="none")
{document.getElementById('annbody').style.display="none"
document.getElementById('hider').value="Показать объявление"}
else
{document.getElementById('annbody').style.display="block"
document.getElementById('hider').value="Скрыть объявление"}
}
function wCook()
{
var ann="announce=id"
if (document.getElementById('annbody').style.display!="none")
{ann+="op"}
else
{ann+="cl"}
var d=new Date()
d.setDate(d.getDate()+1)
ann+=";expires="+d.toGMTString()
document.cookie=ann}
</script>
<center><!-- Fashion Winx BANNER ROTATION -->
<script type="text/javascript" src="http://fashion-winx.ucoz.ru/rtr/1"></script><br><a href="http://fashion-winx.spybb.ru/" target="_blank"><img src="http://fashion-winx.spybb.ru/uploads/000a/5f/ec/23066-1.png" /></a>
<!-- Fashion Winx BANNER ROTATION --></center>Iriniya
Ставьте значение ширины и высоты самой таблицы, затем каждой ячейки, чтобы ширины всех строк и высоту все столбцов равнялись ширине и высоте таблицы.
А также вы забыли у значений проставить измерение в пискелях. Проставьте после чисел px, либо можно в процентах.
Только что заметил, что у вас есть тег закрытия строки, но открытия нет. Посмотрите.
Lisae
Один вопрос: как это сделать?
Iriniya
Что именно?
P.S. поправьте то, что я сказал, у вас нет значений в пикселях, а также в первой строке нет тега открытия <tr>
Ставьте значение ширины и высоты самой таблицы, затем каждой ячейки, чтобы ширины всех строк и высоту все столбцов равнялись ширине и высоте таблицы.
А также вы забыли у значений проставить измерение в пискелях. Проставьте после чисел px, либо можно в процентах.
Я вообще не разбираюсь во всем этом (.
Iriniya
Я подредактировал код.
<table border=0>
<tr>
<td width="155px" height="50px">
<center><b><u>
</u></b><br>
<img src='http://i36.tinypic.com/hwzji0.jpg'/></div>
<br>Гл. Админы: Марго, Анастасия
<br>Модераторы:
<br> Роксис, Ashley, Милена, Maya
</div>
<br>Счётчик посещений:<br><a href="http://www.easycounter.com/">
<img src="http://www.easycounter.com/counter.php?stella5"
border="0" alt="счетчик посещения php"></a>
</center></td>
<td rowspan=2>
<div align=center><i><b><size=8>Дорогие гости! Вам не виден весь форум! Также, для Вас на форуме проводиться <a href="http://winxclubrolevaja.spybb.ru/viewtopic.php?id=566" target=_blank> |Акция #1| |It's your new Life, Student...| </a>
<br>Дорогие форумчане, не забываем - сегодня у форума День Рождения, а Вас ждут вкусняшные подарки и целых 2 недели веселья и сюрпризов!
<br>
<img src="http://i38.tinypic.com/124v4o8.jpg">
<br><br>
</div>
</td>
<td width="155px" height="50px"><center>
<img src='http://i33.tinypic.com/2vl5kc7.jpg'/></div>
Погода в игре:
<br> Сейчас 19 июля 2009 года...
<br>Ну, вот и наступило Лето ))) Некоторые ученики разъехались по домам, так сейчас каникулы. В школах осталось всего пару человек. Наслаждаемся свободой!)
<br>Всех с праздником левшей! ))) И себя также) XD <br>Не забываем также про игру! Играем!<br>
</div>
</u></b><br>
</center>
</td>
</tr>
<tr>
<td width="155px" height="50px"><br>
<center>
<img src='http://i38.tinypic.com/35clrux.jpg'/></div>
<br>На форуме новый, праздничный дизайн - в светлых, зеленых тонах. Обо всех сюрпризах, которые Вас ждут сегодня и еще в течение двух недель можно узнать в последнем выпуске журнала
<br>Все для вас, дорогие форумчане)
<br>Поздравляем Диналию за победу в конкурсе "Мисс Летняя фея" *все хлопают в ладоши!*</size>
</div>
<br>
</center></td>
<td width="155px" height="50px">
<center>
<img src='http://i38.tinypic.com/2w7o2fr.jpg'/></div>
<br><a href="http://fashion-winx.spybb.ru/u"><img src="http://s006.radikal.ru/i215/1001/c2/84c3c98a82ad.png" ></a>
<a target="_blank" href="http://fashion-winx.spybb.ru/"><img src="http://s42.radikal.ru/i097/1005/ec/7bc4635dc6f6.gif" ></a>
</div>
</u></b><br>
</embed></object>
</a></td></tr>
</tbody>
</table>
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>
<script type="text/javascript">
document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
function lookCook()
{
if (document.cookie.indexOf("announce")!=-1)
{var an1=document.cookie.substr(document.cookie.indexOf("announce"))
var an=an1.substr(an1.indexOf("id")+2, 2)
if (an=="op")
{document.getElementById('annbody').style.display="block"
var knopka="Скрыть объявление"}
else if (an=="cl")
{document.getElementById('annbody').style.display="none"
var knopka="Показать объявление"}}
else if (document.cookie.indexOf("announce")==-1)
{document.getElementById('annbody').style.display="block"
var knopka="Скрыть объявление"}
document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}
lookCook()
function hideAnn()
{
if (document.getElementById('annbody').style.display!="none")
{document.getElementById('annbody').style.display="none"
document.getElementById('hider').value="Показать объявление"}
else
{document.getElementById('annbody').style.display="block"
document.getElementById('hider').value="Скрыть объявление"}
}
function wCook()
{
var ann="announce=id"
if (document.getElementById('annbody').style.display!="none")
{ann+="op"}
else
{ann+="cl"}
var d=new Date()
d.setDate(d.getDate()+1)
ann+=";expires="+d.toGMTString()
document.cookie=ann}
</script>
<center><!-- Fashion Winx BANNER ROTATION -->
<script type="text/javascript" src="http://fashion-winx.ucoz.ru/rtr/1"></script><br><a href="http://fashion-winx.spybb.ru/" target="_blank"><img src="http://fashion-winx.spybb.ru/uploads/000a/5f/ec/23066-1.png" /></a>
<!-- Fashion Winx BANNER ROTATION --></center>Это
<table border=0>
Нужно заменить на
<table border=0 width="Xpx" height="Xpx">
Где Х - нужные вам значения высоты и ширины
Lisae
Спасибо большое!
Iriniya
Не за что) Надеюсь, все работает.
Lisae
Странно, но все также осталось...
Iriniya
Проверьте код, может не закрыты/не открыты теги, что-то не туда вставили.
Lisae
Вроде все нормально - тэги я имею ввиду.
Iriniya, здравствуйте.
Lisae
Вроде все нормально - тэги я имею ввиду.
А вот тут я бы поспорил 
Предлагаю список простых действий, который даст нам желаемый результат:
1) Открываем исходный код страницы и прочитаем верхнюю строку. К ней мы будем возвращаться.
<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Что такое XHTML
2) Заключаем все значения параметров в кавычки, т.к. мы имеем дело с XHTML 1.0 Strict (см. пункт 1)
Значения любых параметров необходимо заключать в кавычки
Хотя в HTML также требуется заключать аргументы в кавычки, но их отсутствие никак не влияет на корректность кода. Так что можно сказать, что в HTML применение кавычек лишь рекомендация. В XHTML же использование кавычек введено в правило и любые значения параметров требуется указывать только в них
3) Добавляем тэги <tr>...</tr>, как правильно заметил Lisae
4) Убираем лишние тэги. К пример, в самом верху
<b><u> </u></b><br>
5) Следим чтобы тэг открывался <div>, и закрывался </div>
6) Меняем тэг <br> на <br />, а <img> на <img />, как этого требует синтаксис XHTML (см. пункт 1)
7) Следим, чтобы все открытые тэги закрывались (см. пункт 1)
Требуется закрывать все теги
В HTML теги делятся на две категории — парные теги, называемые еще контейнерами и одинарные теги. Парные теги состоят из открывающего и закрывающего тега, причем в некоторых случаях закрывающий тег можно опустить, поскольку браузер добавляет его автоматически. В XHTML закрывающий тег требуется всегда и везде.
8) Убираем значение высоты у ячеек за ненадобностью.
<td width="155" height="50"">
Параметр HEIGHT
Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании параметра height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали.
У ваши размеры рисунков 155х60, что уже больше высоты 50. Ячейка будет растянута до размеров текста (правая верхняя ячейка определяет высоту верхней строки, нижняя левая - нижней). А все содержимое, которое меньше размеров ячейки выравнивается посередине.
9) Вот оно решение. Добавляем строку
<tbody valign="top">
сразу после
<table border="0">
Теперь содержимое всех ячеек между тэгами <tbody> и </tbody> (последний уже был в коде) будет выравниваться по верхнему краю.
10) Решаем проблему длинных ячеек, запихивая их содержимое в бегущую строку направленную вверх.
11) Получаем рабочий код (проверено в Opera 10.70, IE 8, FF 3.6.7, Chrome 4.1.249.1064)
<table border="0">
<tbody valign="top">
<tr>
<td width="155">
<center>
<img src="http://i36.tinypic.com/hwzji0.jpg" />
<div><br />
Гл. Админы:<br />
Марго, Анастасия<br />
Модераторы:<br />
Роксис, Ashley, Милена, Maya<br />
Счётчик посещений:<br />
<a href="http://www.easycounter.com/"><img src="http://www.easycounter.com/counter.php?stella5" border="0" alt="счетчик посещения php" /></a>
</center>
</td>
<td rowspan=2>
<div align=center><i><b>
Дорогие гости! Вам не виден весь форум! Также, для Вас на форуме проводиться <a href="http://winxclubrolevaja.spybb.ru/viewtopic.php?id=566" target=_blank>|Акция #1| |It's your new Life, Student...|</a><br />
Дорогие форумчане, не забываем - сегодня у форума День Рождения, а Вас ждут вкусняшные подарки и целых 2 недели веселья и сюрпризов!<br />
<img src="http://i38.tinypic.com/124v4o8.jpg" />
</b></i></div>
</td>
<td width="155"><center>
<img src="http://i33.tinypic.com/2vl5kc7.jpg" />
<div><br />
<marquee direction="up" scrollamount="1" scrolldelay="0" height="125"><center>
Погода в игре:<br />
Сейчас 19 июля 2009 года...<br />
Ну, вот и наступило Лето ))) Некоторые ученики разъехались по домам, так сейчас каникулы. В школах осталось всего пару человек. Наслаждаемся свободой!)<br />
Всех с праздником левшей! ))) И себя также) XD<br />
Не забываем также про игру! Играем!
</center></marquee>
</div>
</center></td>
</tr>
<tr>
<td><center>
<img src="http://i38.tinypic.com/35clrux.jpg" />
<div><br />
<marquee direction="up" scrollamount="1" scrolldelay="0" height="125"><center>
На форуме новый, праздничный дизайн - в светлых, зеленых тонах. Обо всех сюрпризах, которые Вас ждут сегодня и еще в течение двух недель можно узнать в последнем выпуске журнала<br />
Все для вас, дорогие форумчане)<br />
Поздравляем Диналию за победу в конкурсе "Мисс Летняя фея" *все хлопают в ладоши!*
</center></marquee>
</div>
</center></td>
<td>
<center>
<img src="http://i38.tinypic.com/2w7o2fr.jpg" />
<div><br />
<a href="http://fashion-winx.spybb.ru/u"><img src="http://s006.radikal.ru/i215/1001/c2/84c3c98a82ad.png" /></a>
<a target="_blank" href="http://fashion-winx.spybb.ru/"><img src="http://s42.radikal.ru/i097/1005/ec/7bc4635dc6f6.gif" /></a>
</td>
</tr>
</tbody>
</table>
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>
<script type="text/javascript">
document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
function lookCook()
{
if (document.cookie.indexOf("announce")!=-1)
{var an1=document.cookie.substr(document.cookie.indexOf("announce"))
var an=an1.substr(an1.indexOf("id")+2, 2)
if (an=="op")
{document.getElementById('annbody').style.display="block"
var knopka="Скрыть объявление"}
else if (an=="cl")
{document.getElementById('annbody').style.display="none"
var knopka="Показать объявление"}}
else if (document.cookie.indexOf("announce")==-1)
{document.getElementById('annbody').style.display="block"
var knopka="Скрыть объявление"}
document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}
lookCook()
function hideAnn()
{
if (document.getElementById('annbody').style.display!="none")
{document.getElementById('annbody').style.display="none"
document.getElementById('hider').value="Показать объявление"}
else
{document.getElementById('annbody').style.display="block"
document.getElementById('hider').value="Скрыть объявление"}
}
function wCook()
{
var ann="announce=id"
if (document.getElementById('annbody').style.display!="none")
{ann+="op"}
else
{ann+="cl"}
var d=new Date()
d.setDate(d.getDate()+1)
ann+=";expires="+d.toGMTString()
document.cookie=ann}
</script>
<center><!-- Fashion Winx BANNER ROTATION -->
<script type="text/javascript" src="http://fashion-winx.ucoz.ru/rtr/1"></script><br><a href="http://fashion-winx.spybb.ru/" target="_blank"><img src="http://fashion-winx.spybb.ru/uploads/000a/5f/ec/23066-1.png" /></a>
<!-- Fashion Winx BANNER ROTATION --></center>12) ???
13) PROFIT
P.S. Я на выходные еду на дачу, если есть вопросы по тегам - посещаем отличный сайт htmlbook.ru. Там все подробно расписано.
P.P.S. К картинке в левой нижней ячейке(Объявление) забыли применить эффект Свечение(Glow) 
P.P.P.S. Надеюсь, теперь не усну за рулем.
Отредактировано zloy.mh (14 Авг 2010 04:55:55)
zloy.mh
Огромное вам спасибо, теперь работает!
*Буду учить, html чтобы не мучить людей =)*
| вопрос по оформлению | Архив | 31 Окт 2008 |
| Вопросы по "Оформлению" - 3 | Оформление форума | 10 Мар 2015 |
| Вопросы по оформлению через "Свой стиль" | Корзина | 1 Апр 2009 |
| Вопросы по "Оформлению" | Архив | 31 Янв 2010 |
| Вопрос по оформлению | Архив | 12 Сен 2007 |
Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2