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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Нужна таблица для виджета.

Перейти вниз

Нужна таблица для виджета.

Сообщение автор Blackberry в Вс 7 Сен - 7:40

Доброе утро всем.
Мне нужна таблица для виджета,  подобия меню, в каждой ячейке должно быть определенное названия. по которому можно было открыть новое окно браузера и попасть на нужный ресурс и группу, например в steam-группу и  т.к.д.

Кто может помочь создать такую таблицу, сам я не могу делать таблицы с ссылками и названиями.
вот пример что мне надо.
avatar
Blackberry
 

Мужчина

Сообщения : 280
Возраст : 18
Регистрация : 2012-11-29
Благодарности : 25

Без предупреждений

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

Re: Нужна таблица для виджета.

Сообщение автор Георгий Шевченко в Вс 7 Сен - 10:25

Если вам нужна точная копия, то дайте ссылку где это менюшка.

А если нет, вот вариант.


На быструю руку, накидал smile
В содержание виджета пихаем этот код.

А так же где стоит <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>
avatar
Георгий Шевченко
 

Мужчина

Сообщения : 43
Возраст : 23
Регистрация : 2014-08-24
Благодарности : 27

Без предупреждений

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

Re: Нужна таблица для виджета.

Сообщение автор Blackberry в Вс 7 Сен - 13:24

Георгий Шевченко, спасибо за таблицу, давно о такой таблице мечтал, установить на свой форум, вот форум тот где эта меню ETS2MODS
avatar
Blackberry
 

Мужчина

Сообщения : 280
Возраст : 18
Регистрация : 2012-11-29
Благодарности : 25

Без предупреждений

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

Re: Нужна таблица для виджета.

Сообщение автор Blackberry в Вс 7 Сен - 13:31

Георгий Шевченко, забыл спросить, куда эту таблицу можно установить, в какую часть шаблона, в css?

я установил в виджет, так у меня весь форум как после мясорубки стал, как будто его прокрутили через это аппарат )))
avatar
Blackberry
 

Мужчина

Сообщения : 280
Возраст : 18
Регистрация : 2012-11-29
Благодарности : 25

Без предупреждений

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

Re: Нужна таблица для виджета.

Сообщение автор Георгий Шевченко в Вс 7 Сен - 13:35

@Blackberry пишет:Георгий Шевченко,  спасибо за таблицу, давно о такой таблице мечтал, установить на свой форум, вот форум тот где эта меню ETS2MODS

Вот ихняя менюшка
Код:

Код:


 <p align="center"><img alt="" src="http://savepic.ru/5785872.png" height="25" width="247"></p>
&nbsp;
<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>&nbsp;
<p align="center"><img alt="" src="http://ets2mods.ru/uploads/menu/menu_total.png" height="25" width="247"></p>
&nbsp;
<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>&nbsp;<a href="http://ets2mods.ru/index.php?app=quiz" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/site_viktorins.png"></a></p>&nbsp;
<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>&nbsp;<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>&nbsp;</p>
<p align="center"><img alt="" src="http://ets2mods.ru/uploads/menu/menu_soc.png" height="25" width="247"></p>&nbsp;
<p align="center"><a href="http://vk.com/ets2mods_ru" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_vk.png"></a>&nbsp;<a href="https://www.facebook.com/ets2mods.ru" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_facebook.png"></a></p>&nbsp;
<p align="center"><a href="http://odnoklassniki.ru/group/52389204131912" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_odnoklassniki.png"></a>&nbsp;<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>&nbsp;
<p align="center"><a href="http://steamcommunity.com/groups/ets2modsru" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/soc_steam.png"></a>&nbsp;<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>&nbsp;
<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>&nbsp;</p>
<p align="center"><img alt="" src="http://ets2mods.ru/uploads/menu/menu_scs.png"></p>&nbsp;
<p align="center"><a href="http://www.scssoft.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_site.png"></a>&nbsp;<a href="http://blog.scssoft.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_blog.png"></a></p>&nbsp;
<p align="center"><a href="http://www.eurotrucksimulator2.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_ets2.png"></a>&nbsp;<a href="http://americantrucksimulator.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_ats.png"></a></p>&nbsp;
<p align="center"><a href="http://www.worldoftrucks.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_wot.png"></a>&nbsp;<a href="http://forum.scssoft.com/" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_forum.png"></a></p>&nbsp;
<p align="center"><a href="http://www.facebook.com/scssoft" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_facebook.png"></a>&nbsp;<a href="http://www.youtube.com/SCSSoftware" target="_blank"><img alt="" src="http://ets2mods.ru/uploads/menu/scs_youtube.png"></a></p>&nbsp;
<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>&nbsp;</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
avatar
Георгий Шевченко
 

Мужчина

Сообщения : 43
Возраст : 23
Регистрация : 2014-08-24
Благодарности : 27

Без предупреждений

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

Re: Нужна таблица для виджета.

Сообщение автор Blackberry в Вс 7 Сен - 14:16

Георгий Шевченко, спасибо, сейчас попробую примерить в виджете.
avatar
Blackberry
 

Мужчина

Сообщения : 280
Возраст : 18
Регистрация : 2012-11-29
Благодарности : 25

Без предупреждений

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

Вернуться к началу

- Похожие темы

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