Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Как сделать такую таблицу?
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Как сделать такую таблицу?
автор sunnym Июль 13th 2011, 13:53
Уважаемые, подскажите, пожалуйста, как создать такую табличку с баннерами для форума? Как тут вот - http://sptovarov.ru/
sunnym-
- Сообщения : 67
Регистрация : 2010-10-05
Благодарности : 0
-
Re: Как сделать такую таблицу?
автор Dana Domirani Июль 13th 2011, 15:50
Сама таблица выглядит так:
В CSS добавляете стили для пустых ячеек:
- Код:
<table width="903px" cellspacing="0" cellpadding="0" border="0" height="120px">
<tbody><tr>
<td width="129px"><a href="http://ссылка"><img src="http://i44.servimg.com/u/f44/16/54/26/99/video10.jpg" height="40px" width="129px" /></a></td>
<td width="129px"><a href="http://ссылка"><img src="http://i44.servimg.com/u/f44/16/54/26/99/video10.jpg" height="40px" width="129px" /></a></td>
<td width="129px"><a href="http://ссылка"><img src="http://i44.servimg.com/u/f44/16/54/26/99/video10.jpg" height="40px" width="129px" /></a></td>
<td width="129px"><a href="http://ссылка"><img src="http://i44.servimg.com/u/f44/16/54/26/99/video10.jpg" height="40px" width="129px" /></a></td>
<td width="129px"><a href="http://ссылка"><img src="http://i44.servimg.com/u/f44/16/54/26/99/video10.jpg" height="40px" width="129px" /></a></td>
<td width="129px" rowspan="2" colspan="2"><a href="http://ссылка"><img src="http://i44.servimg.com/u/f44/16/54/26/99/video10.jpg" height="80px" width="258px" /></a></td>
</tr><tr>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
</tr><tr>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
<td width="129px"><a href="http://ссылка"><span class="rollover"></span></a></td>
</tr>
<tr>
<td align="right" colspan="7">
<a href="http://ссылка">Реклама на форуме</a></td>
</tr></tbody>
</table>
- Вместо текста http://ссылка надо подставить ссылки
- Вместо https://i.servimg.com/u/f44/16/54/26/99/video10.jpg - ссылки на свои изображения
В CSS добавляете стили для пустых ячеек:
- Код:
span.rollover {
background: url(http://sptovarov.ru/kirpich.jpg);
display: block;
width:129px;
height:40px;
cursor:pointer;
}
span.rollover:hover {
background: url(http://sptovarov.ru/kirpich1.jpg);
}
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22996
Возраст : 40
Регистрация : 2008-04-18
Благодарности : 9286
-
sunnym-
- Сообщения : 67
Регистрация : 2010-10-05
Благодарности : 0
-
Похожие темы» Сделать из одного виджета два или соорудить таблицу из виджетов
» Как сделать таблицу?
» Как сделать таблицу ?
» Как сделать плавно появляющаяся таблицу
» Как сделать таблицу чтобы писать в нее сообщение
» Как сделать таблицу?
» Как сделать таблицу ?
» Как сделать плавно появляющаяся таблицу
» Как сделать таблицу чтобы писать в нее сообщение
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
