Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Доска объявлений и баннеры
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Доска объявлений и баннеры
Здравствуйте!
Я уже видела такие темы, но так и не поняла, как это делать. Я хочу доску объявлений или новостей для игры как на этом сайте, но у меня ничего не получается.
И еще, на этом же сайте в самом низу есть кнопка "баннеры". Можно ли сделать такую же, если да, то как?
Заранее спасибо.
Я уже видела такие темы, но так и не поняла, как это делать. Я хочу доску объявлений или новостей для игры как на этом сайте, но у меня ничего не получается.
И еще, на этом же сайте в самом низу есть кнопка "баннеры". Можно ли сделать такую же, если да, то как?
Заранее спасибо.
Re: Доска объявлений и баннеры
- Код:
<div id="pun-announcement" class="section">
<h2><span>Объявление</span></h2>
<div class="container">
<div class="html-box">
<!-- Table Style -->
<style>
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}
#menu span {
padding: 0px;
margin-right: 5px;
margin: 0;}
#submenu {
padding: 5px;
height: 400px;
text-align: left;
font-size: 12px;
width: 850px;}
.submenutext {
text-align: center;
/*position:absolute;*/
width: auto;
margin: 0 2px;
max-width: 100%;
display: none;
height: height: 400px!important;}
span.menuButton {
cursor:pointer;
cursor:hand;}
</style>
<!-- End -->
<!-- Main Table -->
<center><table style="width: 840px; background: url(http://s1.uploads.ru/i/yEgGh.png) top center no-repeat;">
<tbody>
<tr>
<td align="center">
<div id="menu">
<!-- Buttons -->
<span alt="#sm1" class="menuButton"><img src="http://uploads.ru/i/L/K/y/LKy9B.png"></span>
<span alt="#sm2" class="menuButton"><img src="http://uploads.ru/i/7/j/W/7jWon.png"></span>
<span alt="#sm3" class="menuButton"><img src="http://uploads.ru/i/R/w/N/RwNys.png"></span>
<span alt="#sm4" class="menuButton"><img src="http://uploads.ru/i/B/8/G/B8GlE.png"></span>
<span alt="#sm5" class="menuButton"><img src="http://uploads.ru/i/0/s/F/0sF74.png"></span>
<!-- End -->
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" style="height: 370px;" valign="top">
<div id="submenu" width="100%">
<!-- Content -->
<table width="100%">
<tbody><tr>
<td style="display: table-cell;" id="sm1" class="submenutext">
<!-- 1st button -->
<table>
<tbody><tr>
<td align="center" width="520">
<!-- Left Col -->
<img src="http://uploads.ru/i/k/D/g/kDgdi.png">
<br>
<div style="overflow-y: auto; height: 350px;">
<!-- 1st Inlying Table -->
<table>
<tbody><tr>
<td style="width: 150px;">
<!-- Pic -->
<img src="http://uploads.ru/i/u/C/T/uCTbH.png">
</td>
<td>
<!-- Text -->
<span style="font-size:14px; font-family:century gothic; text-shadow:1px 1px 1px #000000; color:#ffffff;"><strong><span class="YOU">гость</span>, ты можешь увидеть уже 40 серий <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=373&p=2#p22844">здесь</a>. <br> 41 серию уже переводят и озвучивают. </strong></span>
</td>
</tr>
</tbody></table>
<!-- News -->
Галерея пополнилась большими качественными изображениями из 1 сезона с персонажами поотдельности, а также не менее качественными изображениями мест действия 2 сезона и новыми групповыми изображениями ангелов. Смотрите свежие сообщения <a href="http://friendsofangels.spybb.ru/viewforum.php?id=16">Галереи</a>.
<br><img src="http://uploads.ru/i/T/O/X/TOXse.png"><br>
А у нас все еще идет голосование конкурса <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=874#p47753">"Самая зашибенная Мери-Сью"</a>!
<br><img src="http://uploads.ru/i/T/O/X/TOXse.png"><br>
А администрация с шилом в одном месте проводит <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=909#p50016">чистку списка игроков №5</a>!
<br><img src="http://uploads.ru/i/T/O/X/TOXse.png"><br>
Да, вы все еще на ФОА! У нас дизайн новый! Кто еще не поздравил форум с годовщиной создания, марш <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=875#p47822">сюда</a>.
<br><img src="http://uploads.ru/i/T/O/X/TOXse.png"><br>
Владельцев дополнительных персонажей просим <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=901#p49010">принять к сведению</a>. По этой же причине задерживается выдача подопечных.
<br><img src="http://uploads.ru/i/T/O/X/TOXse.png"><br>
Всем игрокам предписывается прочитать <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=2#p3">правила оформления игровых постов</a>! Злой админ ходит по локациям и штрафует всех.
<br><img src="http://uploads.ru/i/T/O/X/TOXse.png"><br>
К кому из регистрирующихся в игру больше суток в анкету не заглядывали модераторы, не стесняйтесь напомнить о необходимости проверить в <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=173#p4074">модерировании</a>.
</div>
<!-- End Left Col -->
</td>
<td align="center" width="90">
<!-- Center Col -->
<img src="http://uploads.ru/i/d/6/L/d6LND.png">
<br><br>
<!-- Banners -->
<a target="_blank" href="http://www.glamult.info/"><img src="http://uploads.ru/i/Z/m/k/Zmk4o.gif"></a>
<br>
<a href="http://www.liveinternet.ru/users/angels_friends/" target="_blank"><img src="http://uploads.ru/i/l/8/F/l8F4W.gif" title="Наш блог" border="0" height="31" width="88"></a><br>
<a href="http://angelsvsdevils-angelstar11.blogspot.com/" target="_blank"><img src="http://uploads.ru/i/o/V/1/oV17T.png" title="Испанский фан-сайт | Spanish fan site"></a><br>
<a href="http://koshart.ru/" target="_blank"><img src="http://koshart.ru/files/0011/88/07/97003.png" onmouseover="this.src='http://koshart.ru/files/0011/88/07/50446.png';" onmouseout="this.src='http://koshart.ru/files/0011/88/07/97003.png';" title="Кот. Вдохновляй. Создавай. Обучение веб-дизайну, вёрстке и рисованию."></a>
<!-- End Center Col -->
</td>
<td align="center" width="370">
<!-- Right Col -->
<img src="http://uploads.ru/i/s/M/t/sMt3C.png">
<br>
<div style="overflow-y: auto; height: 350px;">
Воскресенье, день
<br>
<img src="http://uploads.ru/i/E/h/N/EhN7U.png">
<br>
Невыносимая жара.
<br>
<img src="http://uploads.ru/i/J/8/6/J86OD.png">
<br>
Каникулы вот-вот завершатся. Уже был бал в честь начала учебного года. Ученики отдохнут от него и пойдут на первое занятие. Новички, прибывшие летом, наконец узнают от учителей о том, кто их противник и подопечный.
</div>
<!-- End Right Col -->
</td>
</tr>
</tbody></table>
<!-- End 1st button -->
</td>
<td style="display: none;" id="sm2" class="submenutext">
<!-- 2nd button -->
<script type="text/javascript" src="http://friendsofangels.chatovod.ru/widget.js?height=400" charset="UTF-8"></script>
<!-- End 2nd button -->
</td>
<td style="display: none;" id="sm3" class="submenutext">
<!-- 3rd button -->
<table>
<tbody><tr>
<td style="width: 250px;" align="center">
<!-- Links 1 -->
<img src="http://uploads.ru/i/8/T/F/8TFVK.png">
<br>
<div style="overflow-y: auto; height: 350px;">
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=268">Как зарегистрироваться и общаться у нас на форуме</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=2">Правила форума</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=21">Смена ника</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=79">Предупредить об отсутствии</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=72">Предложить</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=71">Спросить</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=20">Сменить статус</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=173#p4074">"Модерирование" - обратиться с просьбой к администрации</a>
<br>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=262#p10350">Книга Добра</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=232">Книга Зла</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=241">Книга учеников-разгильдяев</a>
</div>
<!-- End Links 1 -->
</td>
<td style="width: 250px;" align="center">
<!-- Links 2 -->
<img src="http://uploads.ru/i/h/Q/u/hQuoJ.png">
<br>
<div style="overflow-y: auto; height: 350px;">
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=268">Как регистрироваться и общаться на форуме</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=343">Как создать своего персонажа</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=5#p13">Шаблон анкеты и пояснения к ее заполнению</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=3">Занятые и свободные роли</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=13">Занятые силы неканонических персонажей</a>
</div>
<!-- End Links 2 -->
</td>
<td style="width: 250px;" align="center">
<!-- Links 3 -->
<img src="http://uploads.ru/i/N/M/4/NM4gz.png">
<br>
<div style="overflow-y: auto; height: 350px;">
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=2">Правила ролевой игры, сражений</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=233">Время и погода</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=15">Сюжет игры</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=241">Списки прогуливающих учеников</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=139">Подопечные и квестовые персонажи</a>
<br><br>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=6">Найти противника</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=91">Получить подопечного</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=9">Найти партнера по игре</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=121">Объединиться в команду</a>
</div>
<!-- End Links 3 -->
</td>
<td style="width: 150px;" align="center">
<!-- Links 4 -->
<img src="http://uploads.ru/i/3/k/7/3k7FP.png">
<br>
<div style="overflow-y: auto; height: 350px;">
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=17">Оставить отзыв о дизайне</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=409#p16965">Свет против тьмы</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewforum.php?id=16">Галерея</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewforum.php?id=39">Хотите обсудить свои мысли о Друзьях ангелов? Создайте тему!</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=336#p13866">Википедия</a>
</div>
<!-- End Links 4 -->
</td>
</tr>
</tbody></table>
<!-- End 3rd button -->
</td>
<td style="display: none;" id="sm4" class="submenutext">
<!-- 4th button -->
<div style="overflow-y: auto; height: 350px;">
<!-- Inlying Table -->
<center>
<table>
<tbody><tr>
<td align="center">
<!-- Left Col -->
<img src="http://uploads.ru/i/m/k/b/mkbHM.png">
<br><br>
<b>Ник:</b> Пиар <b>Пароль:</b> 1234
<br>
Рекламировать взаимно!
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=27">Баннерообмен и наши баннеры</a>
<br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=26">Реклама</a><br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=421#p17737">Шаблоны рекламы</a><br>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=322#p13135">Заявки на партнерство</a>
<!-- End Left Col -->
</td>
<td align="center">
<!-- Center Col -->
<img src="http://uploads.ru/i/p/u/Z/puZTg.png">
<br>
<a href="http://fairywinx.spybb.ru" target="_blank"><img src="http://uploads.ru/i/f/B/t/fBtgE.gif" title="|Погрузись в мир магии с Magix World...|" border="0" height="31" width="88"></a>
<br>
<a href="http://vkontakte.ru/angelsfriendsofficial" target="_blank"><img src="http://uploads.ru/i/F/6/t/F6t54.png" title="Angel's Friends ● Друзья Ангелов |Официальная группа ВКонтакте" border="0"></a><br><a href="http://dreamland.win-x.su/" title="Winx. DreamLand Illusion" target="_blank"><img src="http://s1.uploads.ru/i/P3jbE.png" border="0">
<br></a><a href="http://vk.com/fanfick_anime" title="Аниме фанфикшены" target="_blank"><img src="http://s1.uploads.ru/i/ZUinO.gif" border="0">
<!-- End Center Col -->
</a></td>
<td align="center">
<!-- Right Col -->
<img src="http://uploads.ru/i/Q/U/F/QUFk4.png">
<!-- End Right Col -->
</td>
</tr>
</tbody></table>
<!-- End Inlying Table -->
</center></div>
<!-- End 4th button -->
</td>
<td style="display: none;" id="sm5" class="submenutext">
<!-- 5th button -->
<div style="overflow-y: auto; height: 350px;">
<table><tbody><tr><td>
<a href="http://s09.flagcounter.com/more/5J1"><img src="http://s09.flagcounter.com/count/5J1/bg_B5D8FF/txt_000000/border_CCCCCC/columns_3/maxflags_60/viewers_0/labels_1/pageviews_1/flags_0/" alt="Free counters!" border="0"></a>
</td>
<td>
<- Нас посещают <br><br>
Умная мысль ->
</td><td>
<a href="http://www.newacropol.ru/study/intro/"><img src="http://tests.newacropol.ru/informer/img.php?s=4&t=3"></a>
<br>
</td></tr></tbody></table>
</div>
<!-- End 5th button -->
</td>
</tr>
</tbody></table>
<!-- End Content -->
</div>
</td>
</tr>
</tbody>
</table>
</center>
<!-- End -->
<!-- Скрипт таблицы -->
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
$(".menuButton").removeClass("tabactive");
$(this).addClass("tabactive");
var activeDiv = $(this).attr("alt");
$("td.submenutext *").hide()
$("td.submenutext").hide()
$("td."+activeDiv).show()
$("td."+activeDiv+" *").show()
return false; });
});
</script>
</div>
</div>
</div>
Re: Доска объявлений и баннеры
Ого, спасибо. А теперь можете мне подсказать, где в этом коде меняется фон объявления, картинки заголовков?
Re: Доска объявлений и баннеры
а вы уверены что у вас будет работать?
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Доска объявлений и баннеры
Я только что пробовала, работает, только не должна же я именно эти изображения делать. Просто не понимаю в этом всё ничего...
Re: Доска объявлений и баннеры
в самом начале таблицы
- Код:
<table style="width: 840px; background: url(http://s1.uploads.ru/i/yEgGh.png) top center no-repeat;">
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Доска объявлений и баннеры
Это кнопки
- Код:
<!-- Buttons -->
<span alt="#sm1" class="menuButton"><img src="http://uploads.ru/i/L/K/y/LKy9B.png"></span>
<span alt="#sm2" class="menuButton"><img src="http://uploads.ru/i/7/j/W/7jWon.png"></span>
<span alt="#sm3" class="menuButton"><img src="http://uploads.ru/i/R/w/N/RwNys.png"></span>
<span alt="#sm4" class="menuButton"><img src="http://uploads.ru/i/B/8/G/B8GlE.png"></span>
<span alt="#sm5" class="menuButton"><img src="http://uploads.ru/i/0/s/F/0sF74.png"></span>
<!-- End -->
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения