PDA

Просмотр полной версии : Боковая панель для шаблона меню



Prometheus
03.10.2015, 16:47
Привет;
Я подготовил меню для форума. Я использовал его для боковой панели, вы можете использовать по своему усмотрению. Что вы можете сделать ярлыки например, ссылки, сайты .


Монтаж;
Настройки >> Основные настройки >> Настройки боковой панели форума и блоков>> Добавить новые блоки >> Особый HTML / PHP >>


Название: Краткий конец ссылки
Описание: Короткий конец ссылки
Тип контента: HTML
Содержимое: вставьте следующий код


<style type="text/css">
.eti_sidebar_menu_ana_hat {
background: transparent;
height: auto;
margin-bottom: 10px;
margin-left: 19px;
padding-bottom: 24px;
width: auto;
text-decoration: none; }

.eti_sidebar_menu_ana_hat ol {
counter-reset: li;
font: 15px 'trebuchet MS','lucida sans';
list-style: none outside none;
padding: 0;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.eti_sidebar_menu_ana_hat ol ol { margin: 0 0 0 2em; }

.eti_oval_sekme a {
background: none repeat scroll 0 0 transparent;
border: 1px solid #87CEEB;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #444444;
display: block;
margin: 0.5em 0;
padding: 0.4em 0.4em 0.4em 2em;
position: relative;
text-align: justify;
text-decoration: none; }

.eti_oval_sekme a:hover { background: none repeat scroll 0 0 #CEE6EF; text-decoration: none; }

.eti_oval_sekme a:hover:before {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg); }

.eti_oval_sekme a:before {
background: none repeat scroll 0 0 #87CEEB;
border: 0.3em solid #FFFFFF;
-webkit-border-radius: 60px ;
-moz-border-radius: 60px ;
border-radius: 60px ;
content: counter(li, decimal);
counter-increment: li;
font-weight: bold;
height: 30px;
left: -20px;
line-height: 30px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
width: 30px; }
</style>


<div class="eti_sidebar_menu_ana_hat ">
<ol id="eti_sidebar_menu_ana_hat " class="eti_oval_sekme">
<li>
<a href="link.html" target="_blank">vBulletin connect gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">vBulletin connect gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler </a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin gamekiler</a>
</li>
</ol>
</div>

http://firepic.org/images/2014-07/11/elj6yfimskzd.png