Форум » Дизайн форума » Шпаргалка по дизайну форума » Ответить

Шпаргалка по дизайну форума

Ириша: Всего в форумах и гостевых книгах используется 6 шрифтов. .font1{} основной шрифт сообщений .font2{} мелкий шрифт, ссылки навигации по форуму .font3{} шрифт заголовков тем в таблице форума или ответов в гостевых книгах .font4{} шрифт текстовых кнопок при выборе в профиле замены графических кнопок на текстовые .font5{} заголовки в шапках .font6{} шрифт разделительной линии в переменной разделов input.sender{} стиль кнопки отправки сообщения tr.font3 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://www.jpe.ru/gif/skin/fon3.gif);} tr.font5 {HEIGHT: 30px;BACKGROUND-IMAGE: url(http://www.jpe.ru/gif/skin/fon4.gif);FONT-WEIGHT:700;} tr.font6 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://www.jpe.ru/gif/skin/fon3.gif);} Последние три класса касаются фоновых картинок в ячейках таблицы форума. Название намекает, что вообще-то имеются в виду строки.

Ответов - 52 новых, стр: 1 2 3 4 All

Ириша: Нет, то из-за того, что смотрите не в 0 дизайне.

Шаирин: hmetalzone.fastbb.ru. К сожалению, пока не нашла ответ на волнующий вопрос. В этом форуме таблица как бы обрамлена (находится в какой-то рамке или же это линии, точно не знаю). Вот вопрос - как сделать эту рамку для таблицы? Понятно, что сам рисунок нужно откуда-то скачивать, но куда потом его вставлять? Буду очень благодарна, если ответите!

Ириша: Это сложная таблица. В общем случае из 9 ячеек 3х3. Рисуется 8 картинок и вставляется в 8 ячеек. 9-я центральная - в неё помещается текст или еще таблицы и прочая. Так что рисунков не 1, а 8. Сократить можно до 4-х. Всегда можно посмотреть исходный код страницы.


Шаирин: Да, я просмотрела, только боюсь ошибиться. Ириша, можешь, пожалуйста, показать (на примере форума) нужный код?

Ириша: Примерно такой <table width="100%" border="0"> <tr> <td width="2%">&nbsp;</td> <td width="96%">&nbsp;</td> <td width="2%">&nbsp;</td> </tr> <tr> <td height="105">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

ShefLera: Ириша пишет: input,select,textarea{font-size:11px;font-family:Verdana;} textarea{width:100%;height:120;} input.sender{ background-color:#ffffff; font-weight:700;border:1 outset rgb(0,0,0);} Я так поняла здесь задается цвет фона в окне написания сообшеия? Я исправила, но у меня ничего не изменилось... А можешь что-то посоветовать? Не знаешь, почему так?

Ириша: Смотря как и что исправили. Здесь прописано так: input,textarea,select{background:#111;color:#F8A406;font-size:8pt; font-family:verdana,arial,helvetica;} textarea{width:100%;height:120;} input.sender{background-color:#111;font-weight:700;border:1 outset rgb(0,0,0);} input.sender это кнопка ОТПРАВИТЬ.

ShefLera: Ириша Спасибо большое!!! Разобралась...

ShefLera: А как зафиксировать фон? Ну что бы при прокрутки страницы он не двигался... Там какой-то параметр в теге... А я найти нигде не могу...

Ириша: style="background-attachment:fixed;"

Киана: как сузить табличку ( и в ширину и в высоту)

Ириша: Сузить - размер поставить нужный. По высоте - меньше форумов создавать.

ShefLera: А можно вопрос? Я вот одной знакомой на вфоруме пустила во всю длину справа рисунок(он размножается)... Так вот внизу в другой яччейке есть еще одна картинка, к которой этот рисунок "пристыковывается"... Проблема в том, что в зависимости от длины таблицы, рисунок обезается на разном месте... А мне нужно точно в самом конце... Т е чтобы последняя копия не обрезалась, а заканчивалась до конца, т к пристыковываться она тогда к картинке будет неровно... т е не точно... Вопрос... Как это организовать?

Ириша: Длина зависит от содержания ячейки. Размер таблицы вообще строго говоря тоже зависит окончательно от содержимого. Так что боюсь с длиной ничего не сделать.

ShefLera: Ириша ЖАлко конечно... Придется импровизировать... Тогда еще один вопрос... А можно картинку к низу таблицы присоединить? Ну в той, где рисунок множиться... Тогда внизу будет всегда эта картинка... И такая, что практически без разницы, где закончится рисунок... Как это мона организовать?



полная версия страницы