Vbulletin 4 Sidebar alanı için bir menü şablonu - Haretli ve oldukca şık - ForumAilem.Com

aSpeNDos · 15 - 06 - 2015, 22:50

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..

15 - 06 - 2015, 22:50	#1 (permalink)
Çevrimiçi aSpeNDos 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..

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Vbulletin 4 ve Vbulletin 3 İçin Postbitte Konu Gösterimi Nasıl Olur?	aSpeNDos	vB 4.x Eklentileri	0	20 - 06 - 2015 10:25
vBulletin 3.x.x - Çoklu alıntı yapmak için gerekli kodlar hangileridir?	aSpeNDos	vBullettin Ekstralar	0	15 - 06 - 2015 22:08

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.