| aSpeNDos | 16 - 06 - 2015 00:50 |
Vbulletin 4 Sidebar alanı için bir menü şablonu - Haretli ve oldukca şık
Merhabalar;
Siderbar alanı için bir menü hazırladım be paylaşıyorum . Ben Sidebar için kullandım siz nerede isterseniz kullanabilirsiniz . Neler yapabilirsiniz mesela kısa yol linkleri , Yada dost siteler altında bir şablon veya duyuru özel konu gibi alanları bu alandan vurgulayabilirsiniz .
Kurulum ;
Admincp >> Forumlar & Moderatörler >> Forum Kenar Çubugu >> Yeni blok ekle >> Özel HTML /PHP >>
Başlık : Kısa yol linkler
Açıklama : Kısa yol linkler
İçerik Türü : HTML
İçerik : Aşagıdaki kodları yapıştırın PHP- Kodu:
<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 eklentileri</a>
</li>
<li>
<a href="link.html" target="_blank">vBulletin connect temaları</a>
</li>
<li>
<a href="link.html" target="_blank">vBulletin 4 Eklentileri </a>
</li>
<li>
<a href="link.html" target="_blank">vBulletin 4 Temaları</a>
</li>
<li>
<a href="link.html" target="_blank">Vbulletin sorunlarınız</a>
</li>
<li>
<a href="link.html" target="_blank">vBulletin Püf Noktaları </a>
</li>
<li>
<a href="link.html" target="_blank">Test başlığı 7</a>
</li>
<li>
<a href="link.html" target="_blank">Test başlığı 8</a>
</li>
<li>
<a href="link.html" target="_blank">Test başlığı 9</a>
</li>
<li>
<a href="link.html" target="_blank">Test başlığı 10</a>
</li>
</ol>
</div>
Lİnkleri ve başlıkları istediğiniz gibi düzenleyebilirsiniz.. [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] | 