Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Вчера в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 23rd 2024, 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
Нужна таблица для виджета.
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Нужна таблица для виджета.
автор Blackberry Сентябрь 7th 2014, 07:40
Доброе утро всем.
Мне нужна таблица для виджета, подобия меню, в каждой ячейке должно быть определенное названия. по которому можно было открыть новое окно браузера и попасть на нужный ресурс и группу, например в steam-группу и т.к.д.
Кто может помочь создать такую таблицу, сам я не могу делать таблицы с ссылками и названиями.
вот пример что мне надо.
Мне нужна таблица для виджета, подобия меню, в каждой ячейке должно быть определенное названия. по которому можно было открыть новое окно браузера и попасть на нужный ресурс и группу, например в steam-группу и т.к.д.
Кто может помочь создать такую таблицу, сам я не могу делать таблицы с ссылками и названиями.
вот пример что мне надо.
Blackberry-
-
Сообщения : 280
Возраст : 24
Регистрация : 2012-11-29
Благодарности : 25
Re: Нужна таблица для виджета.
автор Георгий Шевченко Сентябрь 7th 2014, 10:25
Если вам нужна точная копия, то дайте ссылку где это менюшка.
А если нет, вот вариант.
На быструю руку, накидал
В содержание виджета пихаем этот код.
А так же где стоит <a href="#">
# - заменяем на свою ссылку.
И можно добавить target="_blank" что-бы открывало в новом окне. Пример: <a href="#" target="_blank">
А если нет, вот вариант.
На быструю руку, накидал
В содержание виджета пихаем этот код.
А так же где стоит <a href="#">
# - заменяем на свою ссылку.
И можно добавить target="_blank" что-бы открывало в новом окне. Пример: <a href="#" target="_blank">
- КОД:
- Код:
<style type="text/css">
td {
display: block;
position: relative;
top: -3px;
}
a:hover {
color: white;
}
th {
display: block;
position: relative;
top: -3px;
}
.roz
{
background:black;
border: 2px solid orange;
border-radius: 5px;
color: wheat;
font-size: 16px;
padding: 3px;
text-align: center;
font-weight: bold;
}
.tab1
{
width:100%;
}
</style>
<table class="tab1">
<tbody>
<tr>
<th class="roz">
Розыгрыш:
</th>
</tr>
<tr>
<td style="text-align: center;">
<a href="#" style="color: wheat;"> <img src="https://dl.dropboxusercontent.com/u/77352198/iWEB/2014-09-07%2008-21-22%20%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0.png" style="width: 305px;" /> </a>
</td>
</tr>
<tr style="position: relative; top: 5px;">
<th class="roz" style="top: 1.5px;">
Меню:
</th>
</tr>
<tr>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 2px;">
<a href="#" style="color: wheat;">Конкурсы </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: right; border-radius: 5px; top: 2px;">
<a href="#" style="color: wheat;">Викторины</a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 4px;">
<a href="#" style="color: wheat;"> Помощь проекту </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: right; border-radius: 5px; top: 4px;">
<a href="#" style="color: wheat;"> Обратная связь </a>
</td>
</tr>
<tr style="position: relative; top: 5px;">
<th class="roz" style="top: 7px;">
Мы в соцсетях:
</th>
</tr>
<tr>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: left; border-radius: 5px; top: 7px;"><a href="#" style="color: wheat;"> <span style="padding-left: 5px;">Вконтакте</span> </a> <img src="http://fucken.pro/sites/all/themes/frontend/img/icons/vk.png" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: right; border-radius: 5px; top: 7px;"><a href="#" style="color: wheat;"> <span style="padding-left: 5px;"> Facebook </span> </a> <img src="http://www.coachville.com/wp-content/uploads/2012/01/facebook-large-icon-png.png" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: left; border-radius: 5px; top: 9px;">
<a href="#" style="color: wheat;"> <span style="padding-left: 5px;">Одноклассники</span> </a> <img src="http://img3.wikia.nocookie.net/__cb20120720074531/btc/ru/images/7/79/%D0%9B%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF_%D0%BE%D0%B4%D0%BD%D0%BE%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2.png" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: right; border-radius: 5px; top: 9px;">
<a href="#" style="color: wheat;"> <span style="padding-left: 5px;">Google</span> </a> <img src="http://starinformation.files.wordpress.com/2012/11/google-icon.png?w=300" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: left; border-radius: 5px; top: 12px;">
<a href="#" style="color: wheat;"> <span style="padding-left: 5px;">Steam</span> </a> <img src="http://www.gamer.ru/system/attached_images/images/000/507/583/original/stim.png" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: right; border-radius: 5px; top: 12px;">
<a href="#" style="color: wheat;"> <span style="padding-left: 5px;">RaidCall</span> </a> <img src="http://neosof.ru/wp-content/uploads/2014/03/78518266.png" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; float: left; border-radius: 5px; top: 14px;">
<a href="#" style="color: wheat;"> <span style="padding-left: 5px;">Twitter</span> </a> <img src="http://www.swlondonsystem.org/about-us/images/twitter-icon-png-13.png/image_preview" style="width: 16px; height: 16px; float: right; position: relative; left: -3px; top: 2px;" />
</td>
</tr>
<tr style="position: relative; top: 5px;">
<th class="roz" style="top: 15px;">
SCS Sotware:
</th>
</tr>
<tr>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 15px;">
<a href="#" style="color: wheat;">Оффициальный сайт</a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: right; border-radius: 5px; top: 15px;">
<a href="#" style="color: wheat;"> Оффициальный блог </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 17px;">
<a href="#" style="color: wheat;"> Сайт ETS2 </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: right; border-radius: 5px; top: 17px;">
<a href="#" style="color: wheat;"> Сайт ATS </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 19px;">
<a href="#" style="color: wheat;"> World of Trucks </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: right; border-radius: 5px; top: 19px;">
<a href="#" style="color: wheat;"> Форум </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 21px;">
<a href="#" style="color: wheat;"> Facebook </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: right; border-radius: 5px; top: 21px;">
<a href="#" style="color: wheat;"> Канал YouTube </a>
</td>
<td style="font-size: 12px; width: 147px; background: black; border: 2px solid orange; color:wheat; padding: 1px; text-align: center; float: left; border-radius: 5px; top: 23px;">
<a href="#" style="color: wheat;"> Twitter </a>
</td>
</tr>
</tbody>
</table>
<div style="height: 20px; width: 1px;">
</div>
Георгий Шевченко-
-
Сообщения : 43
Возраст : 30
Регистрация : 2014-08-24
Благодарности : 28
Re: Нужна таблица для виджета.
автор Blackberry Сентябрь 7th 2014, 13:24
Георгий Шевченко, спасибо за таблицу, давно о такой таблице мечтал, установить на свой форум, вот форум тот где эта меню ETS2MODS
Blackberry-
-
Сообщения : 280
Возраст : 24
Регистрация : 2012-11-29
Благодарности : 25
Re: Нужна таблица для виджета.
автор Blackberry Сентябрь 7th 2014, 13:31
Георгий Шевченко, забыл спросить, куда эту таблицу можно установить, в какую часть шаблона, в css?
я установил в виджет, так у меня весь форум как после мясорубки стал, как будто его прокрутили через это аппарат )))
я установил в виджет, так у меня весь форум как после мясорубки стал, как будто его прокрутили через это аппарат )))
Blackberry-
-
Сообщения : 280
Возраст : 24
Регистрация : 2012-11-29
Благодарности : 25
Re: Нужна таблица для виджета.
автор Георгий Шевченко Сентябрь 7th 2014, 13:35
Blackberry пишет:Георгий Шевченко, спасибо за таблицу, давно о такой таблице мечтал, установить на свой форум, вот форум тот где эта меню ETS2MODS
Вот ихняя менюшка
- Код:
- Код:
<p align="center"><img alt="" src="http://savepic.ru/5785872.png" height="25" width="247"></p>
<p align="center"><a href="http://ets2mods.ru/topic/13122-rozygrysh-dlc-polish-paint-jobs/" target="_blank"><img alt="" src="http://savepic.ru/5788944.jpg"></a></p>
<p align="center"><img alt="" src="http://ets2mods.ru/uploads/menu/menu_total.png" height="25" width="247"></p>
<p align="center"><a href="http://ets2mods.ru/forum/35-konkursy-i-viktoriny/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/site_konkurs.png" height="25" width="122"></a> <a href="http://ets2mods.ru/index.php?app=quiz" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/site_viktorins.png"></a></p>
<p align="center"><a href="http://ets2mods.ru/topic/1759-pomosch-saitu/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/site_help.png"></a> <a href="http://ets2mods.ru/topic/11097-vazhno-pravila-foruma/#myid18" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/site_kontakts.png"></a></p>
<p> </p>
<p align="center"><img alt="" src="http://ets2mods.ru/uploads/menu/menu_soc.png" height="25" width="247"></p>
<p align="center"><a href="http://vk.com/ets2mods_ru" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_vk.png"></a> <a href="https://www.facebook.com/ets2mods.ru" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_facebook.png"></a></p>
<p align="center"><a href="http://odnoklassniki.ru/group/52389204131912" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_odnoklassniki.png"></a> <a href="https://plus.google.com/u/0/116290955919869257093/posts" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_google.png"></a></p>
<p align="center"><a href="http://steamcommunity.com/groups/ets2modsru" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_steam.png"></a> <a href="http://www.raidcall.com.ru/client/go?sid=6793941" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_rc.png"></a></p>
<p align="center"><a href="https://twitter.com/ETS2MODSRU" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_twitter.png"></a></p>
<p> </p>
<p align="center"><img alt="" src="http://ets2mods.ru/uploads/menu/menu_scs.png"></p>
<p align="center"><a href="http://www.scssoft.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_site.png"></a> <a href="http://blog.scssoft.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_blog.png"></a></p>
<p align="center"><a href="http://www.eurotrucksimulator2.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_ets2.png"></a> <a href="http://americantrucksimulator.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_ats.png"></a></p>
<p align="center"><a href="http://www.worldoftrucks.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_wot.png"></a> <a href="http://forum.scssoft.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_forum.png"></a></p>
<p align="center"><a href="http://www.facebook.com/scssoft" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_facebook.png"></a> <a href="http://www.youtube.com/SCSSoftware" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_youtube.png"></a></p>
<p align="center"><a href="http://twitter.com/SCSsoftware" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_twitter.png"></a></p>
<p> </p>
<p align="center"><a href="http://ets2mods.ru/topic/13056-fotokonkurs-ia-%E2%99%A5-ets2modsru/"><img alt="" src="http://savepic.ru/5766253.png"></a></p>
<br>
<p align="center"><a href="http://ets2mods.ru/topic/13080-konkurs-skrinshotov-moi-avtopark-priz-ets2-gold-edition/"><img alt="" src="http://savepic.ru/5742451.png"></a></p>
<br>
<p align="center"><a href="http://ets2mods.ru/topic/12977-konkurs-moia-ferma-priz-farming-simulator-2013-titanium-edition/"><img alt="" src="http://savepic.ru/5693245.png"></a></p>
Надо размеры подгонять под себя.
Где width
Георгий Шевченко-
-
Сообщения : 43
Возраст : 30
Регистрация : 2014-08-24
Благодарности : 28
Re: Нужна таблица для виджета.
автор Blackberry Сентябрь 7th 2014, 14:16
Георгий Шевченко, спасибо, сейчас попробую примерить в виджете.
Blackberry-
-
Сообщения : 280
Возраст : 24
Регистрация : 2012-11-29
Благодарности : 25
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
