Разметка боковой панельки на форум

Форум » Полезное для Борды » Разметка боковой панельки на форум » Ответить

Разметка боковой панельки на форум

Geek: Как наполнять эту панельку - дело личное. Я оставил только пару картинок. Пихать перед ячейкой форума (чтобы панелька была слева) в HTML-верхе или после неё в HTML-низу (чтобы панелька оказалась справа. Можно и туда, и туда - будет две панельки. Главное, задать ширину ячейке форума, чтобы страница занимала всю доступную ширину окна. [pre] <TD width=5% valign=top> <table cellspacing=1 cellpadding=0 bgcolor=#3366CC><tr><td> <table cellspacing=1 cellpadding=0 bgcolor=#E0E4E8><tr><td> <table cellspacing=1 cellpadding=6 bgcolor=#FFFFFF>  <tr class=font5><td align=center> <span class="font4" style="color:#ffffff; font-weight:700">Добро пожаловать!</span> </td></tr> <tr><td class=font2> <p> <img border=0 src=https://i.imgur.com/Ei9r7HT.jpg width=200 height =91> <br> Просто давайте дружить! </p> </td></tr>  <tr class=font5><td align=center style="color:#ffffff"> Вести </td></tr> <tr bgcolor=#F0F0F0><td class=font2> <img border=0 src=http://borda.ru/gif/tmp/logo_fastbb.gif width=200 height=91> </td></tr> <tr bgcolor=#E6E6E6><td class=font2 align=right> Дата 2 </td></tr> <tr bgcolor=#F0F0F0><td class=font2> <p> Какой-то интересный текст новости 2, которая последовала за предыдущей новостью и стала ещё новее, а ещё предыдущая подняла ажиотаж, так что все просто неистово ждали, когда же можно будет прочитать новую новость про новую новизну. </p> </td></tr> <tr bgcolor=#E6E6E6><td class=font2 align=right>Дата 1</td></tr> <tr bgcolor=#F0F0F0><td class=font2> <p> Какой-то интересный текст новости 1, который никто ещё не видел, но все страшно хотят прочитать, потому что где ещё такое можно увидеть, как не здесь, ну согласитесь, это же нереально реально. </p> </td></tr>  <tr class=font5><td align=center style="color:#ffffff"> Что тут происходит </td></tr> <tr bgcolor=#F0F0F0><td class=font2 align=center> Картинка 2 </td></tr> <tr bgcolor=#F0F0F0><td class=font2> <p> Это личный форум ТехнОкраТа - верного жителя Борды. <br> Здесь над форумом проводятся эксперименты, пилится некое творчество (которому однажды форум будет посвящён) и раздаются пятюни.<br> Понравилась какая-то фича? Смело тяните к себе. <br> Хотите в чём-то поучаствовать? Чувствуйте себя, как дома! </p> </td></tr>  <tr class=font5><td align=center style="color:#ffffff"> Дружбанские ссылки </td></tr> <tr bgcolor=#F0F0F0><td class=font2> <p> Ну или что-то ещё по вкусу. </p> </td></tr> </table> </td></tr></table> </td></tr></table> </TD>[/pre] Заголовки разделов используют стиль font5 для строки таблицы и стиль font4 для текстов заголовков - благодаря этому достигается сходство с заголовками колонок в таблице форума. Три вложенные друг в друга таблицы дают эффект трёхцветной рамки, как на стандартном дизайне форума. Раздел панельки представляет собой просто новую строку с ячейкой: [pre]  <tr class=font5><td align=center style="color:#ffffff"> Заголовок </td></tr> <tr bgcolor=#F0F0F0><td class=font2> <p> Содержимое </p> </td></tr>[/pre] Легко добавлять, легко удалять. Вроде больше не о чем тут говорить.

Ответов - 0

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