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

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

Ириша: Всего в форумах и гостевых книгах используется 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

Ириша: HTML-верх <HTML> <HEAD> <TITLE>Форум</TITLE> <STYLE type=text/css> BODY{margin:10px;margin-top:10px;margin-bottom:10px;font-family:Verdana;} - основные параметры страницы, отступы от краёв, цвет фона и шрифтов - всё можно задать здесь. td{font-family:Verdana;} - здесь можно задать параметры текста внутри ячеек таблиц. Для всех сразу. .font1{font-size:12px;} .font2{font-size:11px;font-weight:400;} .font3{font-size:12px;font-weight:700;} .font4{font-size:15px;} .font5{font-size:11px;font-weight:700;COLOR:#8c7c65;} .font6{font-size:12px;font-weight:700;COLOR: #6e614f; LETTER-SPACING: 1px} Шрифты расшифрованы в первом сообщении. a:link{color:#333333;text-decoration:none;} a:visited{color:#6e614f;text-decoration:none;} a:hover{color: #6e614f;text-decoration:underline;} Здесь задаются параметры ссылок на странице. Для всех сразу. И если они не оговорены особо. tr.font3 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://forum24.ru/gif/tmp/coffe2.gif);} tr.font5 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://forum24.ru/gif/tmp/coffe5.gif);FONT-WEIGHT:700;} tr.font6 {HEIGHT: 28px;} Здесь задаются фоновые картинки в строках таблиц, где используются эти шрифты. Но отнюдь не во всех местах, где данный шрифт используется. tr.font3 и .font3 разные определители. 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);} Здесь задаются параметры системных кнопок, чек-боксов, выпадающих списков и тела форм textarea. </STYLE> </HEAD> <BODY bgColor=#f3eddb> <TABLE bgColor=#ccc2a8 cellSpacing=1 cellPadding=10 width=100% height=100% border=0 align=center> <TR bgColor=#ffffff><TD valign=top> HTML-низ </TD></TR></TABLE></BODY></HTML>

бах-бахыч: спасибо

rby: Не подскажете, как сделать красненький цвет? Имею в виду например Темный цвет в таблицах.


Ириша: Впишите код цвета в окошечко для "тёмный цвет в таблицах". В борде всё очень просто.

rby: Да, а как узнать код цвета? Простите за бестолковость... Первый раз в этом деле.

Ириша: Таблица цветов

rby: Огромное спасибо!

Шаирин: Ириша, в Форуме техподдержки прочитала, что кнопки надо вставлять в "Настройках" в Html-верх. Скопировала адрес и вставила так, как было написано:<script>var diz = new Array ('/gif/1','#2b6ebb','#F0F0F0','#E0E4E8','#F0F0F0','#F0F0F0','#FFFFFF','#FFFFFF',' #2b6ebb','#E0E4E8','',' новичок','уже был','был не раз','частый гость','постоянный','бывалый',' завсегдатай','постоянный','почти ветеран','ветеран форума');</script> Вместо '/gif/1' вставила адрес, где лежат кнопки, но у меня ничего не отображается( В чём проблема?

Ириша: В том, что это старая информация. Так было раньше, а теперь для адреса кнопок есть специальное поле в Настройках. Туда и вставлять адрес папки.

Шаирин: Странно, вставляю, а отображаются только крестики и ничего нет. Ириша, я бы спросила на форуме техподдержки и не мучала тебя вопросами, да только что - то с регистрацией не порядок, не принимает он меня((

Ириша: Шаирин вставлять надо адрес папки в которой лежат кнопки. То есть или положить их где-то в Интернете или дать адрес мой. Но не демонстрационной странички, а только папки. То есть вот такой - http://seo.moy.su/Sol а не http://seo.moy.su/Sol/list01.html

Шаирин: Кроме Фотобакета, есть ещё ресурсы?

Ириша: Есть, конечно. Но я использую Ucoz как присоединённый сайт. 100 Мб дискового пространства и возможность закачки по ФТП. Последнее очень удобно как раз когда надо закинуть сразу несколько десятков файлов. В бордовском наборе как известно 51 файл. По одному закачивать замаешься.

Ириша: Там тоже есть форум. Очень кстати симпатичный - http://seo.moy.su/forum/

sam: Ириша пишет: Шаирин вставлять надо адрес папки в которой лежат кнопки. То есть или положить их где-то в Интернете или дать адрес мой. Но не демонстрационной странички, а только папки. То есть вот такой - http://seo.moy.su/Sol а не http://seo.moy.su/Sol/list01.html Вставил ваш адрес всеравно отображаются мои картинки форум на forum24. может из-за этого?

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

Ириша: Две таблички подряд слипаются. Вот во вторую и можно поставить рисунок.

ShefLera: Ириша пишет: Две таблички подряд слипаются. Вот во вторую и можно поставить рисунок. Это-то понятно! Просто мне еще нужно, для точносто именно в ту ячейку с размонающимся рисунком впихнуть в низ гифку с пустыми частями... Для большей точности... Продолжение этой гифы будет в следующей ячейке, но чтобы было красиво, надо гифку поставить вниз той ячейки с рисунком.... Какой там параметр отвечает за прилипание к низу? aligen вроде только по горизонтали отвечает.... А по вертикали?

Ириша: Если это не основная таблица форума, то в ячейку можно впихнуть табличку.

Libitina: Блин.... Нечаянно Грохнула когда копировала на другой форум код с заливкой кнопки пуск и окошка ввода! напишите плиз его позязя... а то я не могу ни где найти...=)

Ириша: Libitina не поняла?

Libitina: ну воть туда куда пишут... йа по нормальному объяснить не могу=) короче вот где я щаз сообщение пишу, то у меня стало прозрачным... я толи код испортила, толи удалила... не могу понять... напиши пожалуйста код ...

Ириша: А я что пойму?

Kamu: здесьИриша У меня вопрос по шрифтам. Как сделать, чтобы в -font5{} заголовки в шапках -font6{} шрифт разделительной линии в переменной разделов отображался выьранный мной шрифт? К примеру как вот здесь

Ириша: Это картинки.

Kamu: Спасибо, картинки сделал. Извините за настырность, а куда именно их надо вставлять? Я уж и так и этак пытался.

Ириша: В список разделов.

Kamu: А как? Честно, я пробовал по всякому, и ещё к тому же картинка множится

Ириша: Там сделано так: <center><img src="http://i043.radikal.ru/0712/23/3e79ee057409.jpg"></center> 0¦Черные списки на белой бумаге¦Раздел регистрации. Каждая анкета оформяется отдельной темой. Здесь же находятся темы личных званий и аватаров¦ 1¦Об игре¦Все организационные, сюжетные, хронологические, технические, нравственные, безнравственные и прочие вопросы, касающиеся происходящего на игровом поле¦ 2¦Если мы чего-то не знаем...¦Справочный раздел "тысяча и одна бесполезная историческая мелочь"¦ 3¦... И свобода нас встретит радостно у входа...¦Беседуем, болтаем, обмениваемся мнениями, играем и шалим. Здесь же коллеги по увлечениям РИ рекламят свои проекты¦ <center><img src="http://i024.radikal.ru/0712/9f/fae6d1b3a9de.jpg"></center> 5¦Париж. Город¦Улицы и площади революционной столицы, сады и парки, магазины и лавки, республиканские театры, салоны, кофейни, кабачки и ресторации¦ 6¦Париж. Жилища¦Дома, квартиры, съемные комнаты, гостиницы, ночлежки¦ 7¦Париж. Присутственные места¦Конвент, секции Парижской Коммуны, Комитет Общественной Безопасности, суды и трибуналы, тюрьмы, революционные клубы¦ 8¦Франция¦обстановка в стране самая что ни на есть критическая. В городах заправляют революционные комитеты и трибуналы, по деревням рыскают отряды комиссаров по снабжению продовольствием, Бретань, Нормандия и Вандея охвачены контрреволюционным мятежом. В общем, будет где развернуться¦ <center><img src="http://i042.radikal.ru/0712/6f/0c4740d6c915.jpg"></center> 9¦Архивы, господа и граждане, архивы.¦Что тут находится, надеюсь, понятно¦ Прикольно получилось. http://qwota.forum24.ru/

Kamu: Тысяча благодарностей! Целую ручки !

podkova-r: Ириша , здравствуйте, спасибо за то что вы делаете У меня такой вопрос, перерыла весь форум поддержки, но не нашла, как вставить картинки в заголовки разделов, как здесь http://www.bass.borda.ru/ (цветные собаки) адрес форума: http://www.ryazandog.forum24.ru/ И с кнопками не совсем понятно, но думаю это отджельный разговор

Ириша: Где-то я уже отвечала на такой вопрос... Картинки надо прописывать в списке форумов. Ну вот, точно - на предыдущей странице. Просто прочитайте.

podkova-r: Ириша , извините, пожалуйста, перечитала второй раз всю тему не нашла. /Может вы меня не правильно поняли? мне не кнопочки надо поменять, а изображения рядом с заголовками таблиц вставить... как в примере, если я не права, ткните пожалуйста пальцем где мне прочитать? Добавлено: это те картинки которые надо вставлять в список разделов? в настройках форума? А куд? перед назваием раздела?

podkova-r: Спасибо, вроде разобралась

зайка: Скажите пожалуйста как мне вставить вот такой рисунок в фон форума? Я хочу чтобы он был сверху... http://hitskin.com/themes/10/81/67/i_logo.jpg

Ириша: зайка, есть же поле HTML логотипа:

зайка: Я хотела б с этого дизайна http://dididixima.forum24.ru/?33 верхушку снять, а вот ету поставить http://hitskin.com/themes/10/81/67/i_logo.jpg Когда я в хтмл верх <TABLE align="center" cellSpacing="0" cellPadding="0" width="970" height="346" border="0" background="http://disainov.ucoz.net/grafics/knigi/knigi1.jpg">удаляю то что выделено красным и вставляю свою ссылку, то получается очень некрасиво, там низ двойной выходить. Посмотрите пожалуйста и подскажите как ето исправить)

Ириша: зайка, у картинок же размер не совпадает. Что же вы совсем уже думать не хотите?



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