[1.6] Pro-v1 Kapadokya Teması gibi üst menu

[Ottoman-empire]

Kod:

http://destek.mybb.com.tr/mybb-pro-v1-pack-2-tema-lavalamp-kapadokya-konusu.html

baya araştırdım fakat böle bir konu bulamadım.
Bu temanın üst menusu gibi yapmak istiyorum.Nasıl yapabilirim

Teşekkürşer Kolay gelsin...

[CraCkEr-16]

Buyrun...

Bkz:  jQuery Lavalamp Menü (7 Renk + PSD) 

[Ottoman-empire]

saol eyw hocam..
kusuruma bakmazsan hocam bunun direk hazır şekli yokmudur
linkleri resimleri vs? çok mu istedim acaba ?

???
+: Bide bunu nasıl kuracaz hocam?

[S.G]

Kapadokya temasını indirip yükleyin ve incelleyin hocam, zor değil merak etmeyin..

[Ottoman-empire]

hocam indirdim iceliyorumda.şimdi bu ekte:

Kod:

        body {
            margin: 0;
            padding: 0;
        }
        
        h1 {
            font-family: Georgia;
            font-size: 25px;
            font-style: italic;
            font-weight: bold;
            text-align: center;
            color: #717171;
        }
        
        /* Mavi */

        .lavalamp-mavi {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-mavi.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-mavi li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-mavi li.back {
                        background: url("images/lava-sag-mavi.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-mavi li.back .left {
                            background: url("images/lava-sol-mavi.png") top left no-repeat;
                            height: 34px;
                            margin-right: 12px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-mavi li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-mavi li a:hover, .lavalamp-mavi li a:active, .lavalamp-mavi li a:visited {
                            border: none;
                        }
                        
                        
            /* Yesil */
            
                    .lavalamp-yesil {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-yesil.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-yesil li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-yesil li.back {
                        background: url("images/lava-sag-yesil.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-yesil li.back .left {
                            background: url("images/lava-sol-yesil.png") top left no-repeat;
                            height: 34px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-yesil li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-yesil li a:hover, .lavalamp-yesil li a:active, .lavalamp-yesil li a:visited {
                            border: none;
                        }
            
                        /* Kirmizi */
            
                    .lavalamp-kirmizi {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-kirmizi.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-kirmizi li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-kirmizi li.back {
                        background: url("images/lava-sag-kirmizi.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-kirmizi li.back .left {
                            background: url("images/lava-sol-kirmizi.png") top left no-repeat;
                            height: 34px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-kirmizi li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-kirmizi li a:hover, .lavalamp-kirmizi li a:active, .lavalamp-kirmizi li a:visited {
                            border: none;
                        }
            
                                    /* Siyah */
            
                    .lavalamp-siyah {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-siyah.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-siyah li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-siyah li.back {
                        background: url("images/lava-sag-siyah.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-siyah li.back .left {
                            background: url("images/lava-sol-siyah.png") top left no-repeat;
                            height: 34px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-siyah li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-siyah li a:hover, .lavalamp-siyah li a:active, .lavalamp-siyah li a:visited {
                            border: none;
                        }

                                    /* Turuncu */
            
                    .lavalamp-turuncu {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-turuncu.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-turuncu li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-turuncu li.back {
                        background: url("images/lava-sag-turuncu.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-turuncu li.back .left {
                            background: url("images/lava-sol-turuncu.png") top left no-repeat;
                            height: 34px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-turuncu li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-turuncu li a:hover, .lavalamp-turuncu li a:active, .lavalamp-turuncu li a:visited {
                            border: none;
                        }
                        
                        
                                                            /* Lila */
            
                    .lavalamp-lila {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-lila.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-lila li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-lila li.back {
                        background: url("images/lava-sag-lila.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-lila li.back .left {
                            background: url("images/lava-sol-lila.png") top left no-repeat;
                            height: 34px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-lila li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-lila li a:hover, .lavalamp-lila li a:active, .lavalamp-lila li a:visited {
                            border: none;
                        }

                                                            /* Turkuaz */
            
                    .lavalamp-turkuaz {
            position: relative;
            height: 50px;
            width: 100%;
            background: url("images/menu-bg-turkuaz.png") repeat-x ;
            padding-top: 10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp-turkuaz li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp-turkuaz li.back {
                        background: url("images/lava-sag-turkuaz.png") no-repeat top right;
                        width: 12px;
                        height: 34px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavalamp-turkuaz li.back .left {
                            background: url("images/lava-sol-turkuaz.png") top left no-repeat;
                            height: 34px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavalamp-turkuaz li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 10px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        text-shadow: 0 1px 0 #000;
                    }
                        .lavalamp-turkuaz li a:hover, .lavalamp-turkuaz li a:active, .lavalamp-turkuaz li a:visited {
                            border: none;
                        }

lavalamp_test.css
diye dosya var bunlar var bunları nereye ekleyeyim onu bulamadım?? sonra ekledikten sonra header da nasıl çağırayım?

[S.G]

Şu konudan soracak olursanız eğer paylaşan arkadaş geri dönüş yapacaktır hocam..

Bkz: jQuery Lavalamp Menü (7 Renk + PSD) 

Buradan soraracak olursanız pek göreceğini düşünmüyorum..

[Ottoman-empire]

(03.03.2012, Saat: 16:00)S.G Adlı Kullanıcıdan Alıntı: Şu konudan soracak olursanız eğer paylaşan arkadaş geri dönüş yapacaktır hocam..

Bkz: jQuery Lavalamp Menü (7 Renk + PSD) 

Buradan soraracak olursanız pek göreceğini düşünmüyorum..

EDİT: Baya bi uğraştım css yi temaya yükledim siteyede koydum.Fakat küçük bir eksiklik var.
forumottoman.tk bakarsanız menu kaymıyor o eksikliği. menuyu indiridkten sonra içindeki:

jquery.easing.min.js
jquery.lavalamp.js
jquery.lavalamp.min.js
jquery-1.2.3.min.js


Bunları nereye atacağımı bulamadım Bunlar nereye atılır acaba??????????????