SideMenu (Forumun Solunda Açılır Kapanır 4lü Menü)

[kaRanLık-61]

Admin Kp --> Şablonlar&Stil --> Şablonlar --> Header Şablonları --> Header

En Altına Ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<!-- 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);
}

.icon-twitter {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/twitter.png);
}
.icon-facebook {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/tools.png);
}
.icon-flickr {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/flickr.png);
}
.icon-google {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/google.png);
}
.icon-yahoo {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/yahoo.png);
}
.icon-youtube {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/youtube.png);
}
.icon-rss {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/rss.png);
}
.icon-wikepedia {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/wikepedia.png);
}
.icon-ebay {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/ebay.png);
}
.icon-home {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/home.png);
}
.icon-memberlist {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/memberlist.png);
}
.icon-help {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/help.png);
}
.icon-admin {
    background-image: url(http://st.10tl.net/tema/karanlik/sidemenu_icons/admin.png);
}
</style>
<script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function(){
            jQuery('#dobar').sidemenu({
            showOn        : 'hover'
            });
        });
</script>
<ul id="dobar" class="sidemenu">
        
        <li style="text-align:right;">
            
<a href="#" class="icon-usercp" title="Kullanıcı KP"></a>
            <ul>
                <li class="sidemenu-title">
                    <a href="#">Kullanıcı KP</a>
                </li>
                <li>

                    <a href="index.php" class="icon-home">Anasayfa</a>
                </li>
                <li>
                    <a href="memberlist.php" class="icon-memberlist">Üye Listesi</a>
                </li>
                <li>
                    <a href="calendar.php?calendar=1" class="icon-calendar">Takvim</a>

                </li>
                <li>
                    <a href="misc.php?action=help" class="icon-help">Yardım</a>
                </li>

            </ul>
        </li>
        
        <li style="text-align:right;">
            <a href="#" class="opt" title="Menu Adı"></a>

            <ul>
                <li class="sidemenu-title">
                    <a href="#">Sosyal Ağ</a>
                </li>
                
                                <li><a href="http://fb.com/10TL.NET" target="blank" class="icon-facebook">Facebook</a></li>
                <li><a href="http://twitter.com/10tlnet" target="blank" class="icon-twitter">Twitter</a></li>
<li><a href="http://youtube.com" target="blank" class="icon-youtube">YoutuBe</a></li>
<li><a href="/syndication.php" target="blank" class="icon-rss">Rss</a></li>

<li><a href="http://search.yahoo.com" target="blank" class="icon-yahoo">Yahoo</a></li>
            </ul>
        </li>
          
        <li>
            <a href="#" class="icon-search" title="Arama"></a>

            <ul>
                <li>
                    <form method="post" action="search.php">
                        <input type="hidden" name="action" value="do_search" />
                        <input type="hidden" name="postthread" value="1" />
                        <input type="hidden" name="forums" value="all" />
                        <input type="hidden" name="showresults" value="threads" />
                        <input type="text" class="barsearch_box" name="keywords" placeholder="Arama..."/>
                        <input type="submit" value="Ara" />

                    </form>
                </li>
            </ul>
        </li>
        


           <li style="text-align:right;">
            <a href="#" class="analiz" title="Menu Adı"></a>

            <ul>
                <li class="sidemenu-title">
                    <a href="#">Menu Adı</a>
                </li>


<li><a href="Link Ekle" target="blank" class="analiz2">Link Adı</a></li>
<li><a href="Link Ekle" target="blank" class="analiz2">Link Adı</a></li>
<li><a href="Link Ekle" target="blank" class="analiz2">Link Adı</a></li>

            </ul>
        </li>
</li></li>


        <li style="text-align:right;"></li></ul>

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.

Caps:

[Ciri]

Teşekkürler.

[TaaRRuz]

Teşekkür ederim adminim yararlı bir konu olmuş elinize sağlık.

[Einstein™]

İlgi Çekici Ve Çok Hoş.

[next155]

teşekkürler adminim bende böle konu accaktım verebilirmisiniz diye :)

[Aftiel]

Teşekkürler.

[kaRanLık-61]

Rica Ederim Arkadaşlar Görevimiz.Paylaşılmış Olabilir Paylaşılmış Kusura Bakmayın.Aramalarda Bulamadım.

[Adil S.]

Teşekkürler :)

[Şükrü K.]

Adminim Resim Linkleri Kırık Yenilermisiniz Elinizde Varsa. =)

[kaRanLık-61]

Adminim Resim Linkleri Kırık Yenilermisiniz Elinizde Varsa. =)

Konu Güncellenmiştir.

[meta the god]

Adminim Eski Halinden Kötü Olmuş Eski Hali Daha İyiydi..

Bunlar Çok Büyük Olmuş Denedim.

[NameLessWarrior]

Resimler Gözükmüyor.

[Şükrü K.]

Resimler Gözükmüyor.

Destek'e Ne Görüyorsan Aynısı Kodda =)

Admin Kp --> Şablonlar&Stil --> Şablonlar --> Header Şablonları --> Header

En Altına Ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<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: 300px;
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 8px;
    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/destek.10tl.net/toplinks/memberlist.png);
}
.icon-search {
    background-image: url(http://st.10tl.net/tema/karanlik/destek.10tl.net/toplinks/search.png);
}

.opt {
    background-image: url(http://st.10tl.net/tema/karanlik/destek.10tl.net/toplinks/opt.png);
}
</style><script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function(){
            jQuery('#dobar').sidemenu({
            showOn        : 'hover'
            });
        });
</script><ul id="dobar" class="sidemenu">
        
        <li style="text-align:left;">
            
<a href="#" class="icon-usercp" title="Kullanıcı Menü"></a>
            <ul>
<li class="sidemenu-title"><a href="#">Kullanıcı Menü</a></li>
<li><a href="/usercp.php">
<img src="http://st.10tl.net/tema/karanlik/panel/images/uye.png" height="16" widht="16" alt="üye" />&nbsp;  Kullanıcı KP</a></li>
<li></li><li></li>
<li><a href="/private.php"><img src="http://st.10tl.net/tema/karanlik/images/karanlikv2/ozel.png" alt="özel mesajlar" width="16" height="16" /> Özel Mesajlar</a></li>
<li><a href="#" onclick="MyBB.popupWindow('t/misc.php?action=buddypopup', 'buddyList', 350, 350);"><img src="http://st.10tl.net/tema/karanlik/images/karanlikv2/friend.png" alt="arkadaş listesi" width="16" height="16" /> Arkadaş Listesini Aç</a></li>
<li><a href="/member.php?action=logout&amp;logoutkey=df26d7fe2e301f0f8e4ebde87cced42e"><img src="http://st.10tl.net/tema/karanlik/images/karanlikv2/cıkıs.png" alt="çıkış" width="16" height="16" /> Oturumu Kapat</a></li>

            </ul>
        </li>
        
        <li style="text-align:left;">
            <a href="#" class="opt" title="Forum Menü"></a>

            <ul>
                <li class="sidemenu-title">
                    <a href="#">Forum Menü</a>
                </li>
                
                               <li><a href="/search.php?action=getnew"><img src="http://st.10tl.net/tema/karanlik/images/karanlikv2/yeni.png" alt="yeni mesajlar" width="16" height="16" /> Yeni Mesajlara Bak</a></li>
<li><a href="/search.php?action=getdaily"><img src="http://st.10tl.net/tema/karanlik/images/karanlikv2/bugun.png" alt="bugun ki mesajlar" width="16" height="16" /> Bugünkü Mesajlara Bak</a> </li>
<li><a href="/search.php"><img src="http://st.10tl.net/tema/karanlik/destek.10tl.net/toplinks/search.png" alt="arama" title=""  width="16px" height="16px" /> Arama</a></li>
<li><a href="/memberlist.php"><img src="http://st.10tl.net/tema/karanlik/destek.10tl.net/toplinks/memberlist.png" alt="üye listesi" title="üye listesi"  width="16px" height="16px" /> Üye Listesi</a></li>
<li><a href="/calendar.php"><img src="http://st.10tl.net/tema/karanlik/destek.10tl.net/toplinks/calendar.png" alt="takvim" title="takvim"  width="16px" height="16px" /> Takvim</a></li>
<li><a href="/misc.php?action=help"><img src="http://st.10tl.net/tema/karanlik/destek.10tl.net/toplinks/help.png" alt="yardım" title="yardım"  width="16px" height="16px" /> Yardım</a></li>
            </ul>
        </li>
          
        <li>
            <a href="#" class="icon-search" title="Arama"></a>

            <ul>
                <li>
                    <form method="post" action="/search.php">
                        <input type="hidden" name="action" value="do_search">
                        <input type="hidden" name="postthread" value="1">
                        <input type="hidden" name="forums" value="all">
                        <input type="hidden" name="showresults" value="threads">
                        <input type="text" class="barsearch_box" name="keywords" placeholder="Arama...">
                        <input type="submit" value="Ara" style="background-color: rgb(136, 136, 136); border-color: rgb(136, 136, 136); ">

                    </form>
                </li>
            </ul>
        </li></ul>
<br />


        </li>
</li></li>


        <li style="text-align:right;"></li></ul>

[Restart]

güzel paylaşım için tşklerrr..

[kaRanLık-61]

Adminim Eski Halinden Kötü Olmuş Eski Hali Daha İyiydi..

Bunlar Çok Büyük Olmuş Denedim.

Aynı Boyutta İkonlar Eskisinin Aynısı Sadece Bir Kaç Resim Farklı

Resimler Gözükmüyor.

Resimleri Denedim Çalışıyor.

güzel paylaşım için tşklerrr..

Rica Ederim.

[Matrix4040]

Teşekkürler :)

[Joyistik]

Sağol adminim :)