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...
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?
Kapadokya temasını indirip yükleyin ve incelleyin hocam, zor değil merak etmeyin..
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?
Şu konudan soracak olursanız eğer paylaşan arkadaş geri dönüş yapacaktır hocam..
Buradan soraracak olursanız pek göreceğini düşünmüyorum..
(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..
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??????????????