16 - 06 - 2015, 00:50
#1 Kullanıcıların profil bilgileri ziyaretçilere kapalı
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..