Konuyu Oyla:
  • Toplam: 4 Oy - Ortalama: 3.25
  • 1
  • 2
  • 3
  • 4
  • 5
Forum İçin SideMenu (Forumun Solunda Açılır Kapanır 4lü Menü)
#1
Admin Kp --> Şablonlar&Stil --> Şablonlar --> Header Şablonları --> Header

En Altına Ekleyin.
Kod:
<!-- start: sidemenu_css --> <style type="text/css"> .sidemenu, .sidemenu * { margin: 0; padding: 0; border: 0; outline: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #555; vertical-align: baseline; } .barsearch_box { font-style:italic; } .sidemenu, .sidemenu > li > ul { list-style-type: none; } .sidemenu { position: fixed; top: 400px; left: 0; background-color: #f7f7f7; background-color: rgba(240, 240, 240, 0.75); border: 1px solid #b7b7b7; border-top-left-radius: 2px; border-bottom-left-radius: 2px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; width: 25px; overflow: visible; z-index: 90000; } .sidemenu-right { right: auto; left: 0; border-left: none; border-right: 1px solid #b7b7b7; } .sidemenu > li { position: relative; } .sidemenu > li > a { display: block; width: 16px; height: 16px; padding: 4px; background-color: #f0f0f0; background-color: rgba(240, 240, 240, 0.75); background-position: 4px 4px; background-repeat: no-repeat; } .sidemenu > li { border-bottom: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-top: 1px solid #ccc; } .sidemenu > li:first-child { border-top: 1px solid #f7f7f7; } .sidemenu > li:last-child { border-bottom: 1px solid #f7f7f7; } .sidemenu > li > a:hover { background-color: #eaeaea; } .sidemenu > li > ul { display: none; position: absolute; left: 25px; top: -2px; width: 180px; overflow: hidden; background-color: #f7f7f7; background-color: rgba(240, 240, 240, 0.75); border: 1px solid #b7b7b7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; z-index: 950; } .sidemenu-right > li > ul { left: auto; right: 25px; } .sidemenu > li > ul:nth-child(3) { left: 206px; } .sidemenu > li > ul:nth-child(4) { left: 387px; } .sidemenu > li > ul:nth-child(5) { left: 568px; } .sidemenu > li > ul:nth-child(6) { left: 749px; } .sidemenu > li > ul:nth-child(7) { left: 930px; } .sidemenu-right > li > ul:nth-child(3) { left: auto; right: 206px; } .sidemenu-right > li > ul:nth-child(4) { left: auto; right: 387px; } .sidemenu-right > li > ul:nth-child(5) { left: auto; right: 568px; } .sidemenu-right > li > ul:nth-child(6) { left: auto; right: 749px; } .sidemenu-right > li > ul:nth-child(7) { left: auto; right: 930px; } .sidemenu > li:hover > ul { display: block; float: left; } .sidemenu.sidemenu-js > li:hover > ul { display: none; } .sidemenu > li > ul > li { border-bottom: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-top: 1px solid #ccc; min-width: 180px; text-shadow: 1px 1px 1px #fff; } .sidemenu > li > ul > li:first-child { border-top: 1px solid #f7f7f7; } .sidemenu > li > ul > li:last-child { border-bottom: 1px solid #f7f7f7; } .sidemenu > li > ul > li { border: none !ie; } .sidemenu > li > ul > li > a { display: block; padding: 8px 10px 8px 32px; background-color: #f0f0f0; background-color: rgba(240, 240, 240, 0.75); background-position: 10px; background-repeat: no-repeat; color: #555; min-height: 20px; text-decoration: none; white-space: nowrap; background-color: transparent !ie; } .sidemenu > li > ul > li > a:hover { background-color: #eaeaea; } .sidemenu > li > ul > li.sidemenu-title > a { padding-right: 10px; background-color: #e6e6e6; cursor: default; font-weight: bold; background-color: transparent !ie; } .sidemenu > li > ul > li.sidemenu-title > a:hover { background-color: #e6e6e6; background-color: transparent !ie; } .sidemenu > li > ul > li > table { border-collapse:collapse; border-spacing: 0; } .sidemenu > li > ul > li > form { padding: 8px 10px; } .sidemenu > li > ul > li input, .sidemenu > li > ul > li select, .sidemenu > li > ul > li textarea, .sidemenu > li > ul > li button { margin: 4px 0; padding: 4px; } .sidemenu > li > ul > li input[type="text"], .sidemenu > li > ul > li input[type="password"], .sidemenu > li > ul > li textarea { border: 1px solid #ccc; box-shadow: inset 0 0 3px #ccc; -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; min-width: 150px; width: auto; } .sidemenu > li > ul > li input[type="submit"] { background-color: #f0f0f0; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; } .sidemenu-arrow { position: absolute; right: 25px; top: 8px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #b7b7b7; border-left: none; } .sidemenu-right .sidemenu-arrow { right: auto; left: 25px; border-left: 5px solid #b7b7b7; border-right: none; } .icon-usercp { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/memberlist.png); } .icon-search { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/search.png); } .icon-calendar { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/calendar.png); } .icon-email { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/email.png); } .opt { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/opt.png); } .analiz { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/analiz.png); } .analiz2 { background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/analiz2.png); }


Bu Kodu Ekleyin ve Kaydetin.

Not:

Kodda "Menu Adı,Link Ekle,Link Adı" Bunları Değiştirmeyi Unutmayın.Resimleri Başka Bir Siteden Geliyor Resimlerin Alıp Başka Bir Sağlam Yere Yüklerseniz Sorun Olmayacaktır.

Ekran Görüntüsü:

caps2.gif

caps1.gif

Alıntıdır.....konu karanlık-61 e aittir...
f8r22tkp.png
Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


10tl.net Destek Forumu -

Vidinli.net Shopping Platform
Vidinli.net Shopping Platform
Vidinli.net Shopping Platform