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 |
Вопросы по оформлению)))) | Архив | 5 Янв 2009 |
Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2