Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Проблемы после перехода на ios 10
автор Waterfall Сегодня в 16:33

» Счетчик
автор Иван Иванов Сегодня в 16:12

» Лого для helpblog2x2.home-forum.com
автор Dana Domirani Сегодня в 15:53

» Оцените мой форум
автор Magliga Сегодня в 14:54

» Отредактировано N раз
автор Иван Иванов Сегодня в 14:39

» Обновление Мобильной версии форума
автор Отличник ГО Сегодня в 14:15

» Разное для новичков
автор Иван Иванов Сегодня в 12:43

» Как сделать почту
автор Иван Иванов Сегодня в 11:36

» Не отображается рамка аватаров
автор Ринкате Сегодня в 8:09

» Сбой после синхронизации форума
автор Eclipse6 Сегодня в 6:36

Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Доска объявлений и баннеры

Предыдущая тема Следующая тема Перейти вниз

Доска объявлений и баннеры

Сообщение автор Камели в Вс 30 Сен - 4:34

Здравствуйте!
Я уже видела такие темы, но так и не поняла, как это делать. Я хочу доску объявлений или новостей для игры как на этом сайте, но у меня ничего не получается.
И еще, на этом же сайте в самом низу есть кнопка "баннеры". Можно ли сделать такую же, если да, то как?
Заранее спасибо.

Камели
 
 

Пол : Женщина
Сообщения : 57
Возраст : 17
Место обитания : Россия, Камчатка
Настроение : Стабильное
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-09-29

http://fullmoon.sosbb.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Ilya в Вс 30 Сен - 9:52

Код:
<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&amp;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>
&lt;- Нас посещают <br><br>
Умная мысль -&gt;
</td><td>
<a href="http://www.newacropol.ru/study/intro/"><img src="http://tests.newacropol.ru/informer/img.php?s=4&amp;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>


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Пол : Мужчина
Сообщения : 3069
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Карма : Без предупреждений
Благодарности : 1455
Регистрация : 2011-10-29

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Камели в Вс 30 Сен - 10:26

Ого, спасибо. А теперь можете мне подсказать, где в этом коде меняется фон объявления, картинки заголовков?

Камели
 
 

Пол : Женщина
Сообщения : 57
Возраст : 17
Место обитания : Россия, Камчатка
Настроение : Стабильное
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-09-29

http://fullmoon.sosbb.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Домовой в Вс 30 Сен - 10:29

а вы уверены что у вас будет работать?

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Камели в Вс 30 Сен - 10:36

Я только что пробовала, работает, только не должна же я именно эти изображения делать. Просто не понимаю в этом всё ничего...

Камели
 
 

Пол : Женщина
Сообщения : 57
Возраст : 17
Место обитания : Россия, Камчатка
Настроение : Стабильное
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-09-29

http://fullmoon.sosbb.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Домовой в Вс 30 Сен - 10:56

в самом начале таблицы
Код:
<table style="width: 840px; background: url(http://s1.uploads.ru/i/yEgGh.png) top center no-repeat;">
ссылка в коде и есть фон

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Домовой в Вс 30 Сен - 10:57

Это кнопки
Код:
<!-- 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 -->

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Доска объявлений и баннеры

Сообщение автор Камели в Вс 30 Сен - 11:01

Всё, поняла, спасибо!

Камели
 
 

Пол : Женщина
Сообщения : 57
Возраст : 17
Место обитания : Россия, Камчатка
Настроение : Стабильное
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-09-29

http://fullmoon.sosbb.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения