Техническая поддержка SpyBB

Объявление

Ответы на часто задаваемые вопросы  |  FAQ по администрированию форума  |  FAQ по дизайну форума в CSS  |  Абсолютный помощник по дизайну  |  Навигатор по форуму

Перед регистрацией прочтите правила форума
При поиске ответа на заданный вопрос рекомендуем пользоваться «Поиском».
В случае проблемы с форумом, обязательно указывайте его адрес, иначе мы не сможем Вам помочь!

● 24 марта 2012г. - Закрепление первого сообщения
● 23 марта 2012г.: Изменения в форме ответа - Добавлен стандартный спойлер. Доработан функционал кнопок

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

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


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2


Вопросы по "Оформлению" - 2

Сообщений 841 страница 860 из 1000

841

Hayase
Пункты 10, 11.

#pun-main .quote-box - цитата
#pun-main .code-box - код

0

842

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

Пункты 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

возможно мешают какие-то скрипты, но я-то этого не знаю. вот и нуждаюсь в помощи.

0

843

Эх, с этим уже сама разобралась. Появился новый вопрос, который тревожит меня ничуть не меньше  :rofl: Да, и увы я не могу его исправить сама.
http://i073.radikal.ru/1008/b9/e3e355a412c5.png
или ссылкой тоже самое
http://i073.radikal.ru/1008/b9/e3e355a412c5.png

В общем надпись "тему просматривают (Гостей: .., Пользователей: ..)" - не видно. Как её вернуть? Тт

0

844

Hayase, убедитесь, что в Администрирование > Настройки > Возможности в пункте Пользователи Online точка стоит возле Да

Отредактировано zloy.mh (13 Авг 2010 01:51:21)

0

845

Снова здравствуйте, на этот раз срочный вопрос.
Как изменить цвет рамок форума? Чтобы было яснее: я имею в виду линии, разграничивающие форум на таблицы. Например,
http://s61.radikal.ru/i173/1008/ef/51c8b4003994.png здесь эти рамки белые.

0

846

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)

0

847

zloy.mh
Спасибо.

0

848

Здравствуйте. скажите пожалуйста, как отрегулировать столбцы в таблице, а то один получается выше другого.
Код:

Код:
<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>

0

849

Iriniya
Ставьте значение ширины и высоты самой таблицы, затем каждой ячейки, чтобы ширины всех строк и высоту все столбцов равнялись ширине и высоте таблицы.

А также вы забыли у значений проставить измерение в пискелях. Проставьте после чисел px, либо можно в процентах.

Только что заметил, что у вас есть тег закрытия строки, но открытия нет. Посмотрите.

0

850

Lisae
Один вопрос: как это сделать?

0

851

Iriniya
Что именно?

P.S. поправьте то, что я сказал, у вас нет значений в пикселях, а также в первой строке нет тега открытия <tr>

0

852

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

Ставьте значение ширины и высоты самой таблицы, затем каждой ячейки, чтобы ширины всех строк и высоту все столбцов равнялись ширине и высоте таблицы.

А также вы забыли у значений проставить измерение в пискелях. Проставьте после чисел px, либо можно в процентах.

Я вообще не разбираюсь во всем этом (.

0

853

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">

Где Х - нужные вам значения высоты и ширины

0

854

Lisae
Спасибо большое!

0

855

Iriniya
Не за что) Надеюсь, все работает.

0

856

Lisae
Странно, но все также осталось...

0

857

Iriniya
Проверьте код, может не закрыты/не открыты теги, что-то не туда вставили.

0

858

Lisae
Вроде все нормально - тэги я имею ввиду.

0

859

Iriniya, здравствуйте.

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)

htmlbook.ru написал(а):

Значения любых параметров необходимо заключать в кавычки
Хотя в 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)

htmlbook.ru написал(а):

Требуется закрывать все теги
В HTML теги делятся на две категории — парные теги, называемые еще контейнерами и одинарные теги. Парные теги состоят из открывающего и закрывающего тега, причем в некоторых случаях закрывающий тег можно опустить, поскольку браузер добавляет его автоматически. В XHTML закрывающий тег требуется всегда и везде.

8) Убираем значение высоты у ячеек за ненадобностью.

Код:
<td width="155" height="50"">
htmlbook.ru написал(а):

Параметр 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)

0

860

zloy.mh
Огромное вам спасибо, теперь работает!
*Буду учить, html чтобы не мучить людей =)*

0


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2