CSS KOD İÇİN YARDIMCI OLUR MUSUNUZ?

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar CSS KOD İÇİN YARDIMCI OLUR MUSUNUZ?

Bu konudaki kullanıcılar: 1 misafir

2
Cevap 588
Tıklama 0
Öne Çıkarma

1. sayfa

CSS KOD İÇİN YARDIMCI OLUR MUSUNUZ?

Cevap Yaz

miss_pc

14 yıl (25 mesaj)

Onbaşı

Konu Sahibi

Arkadaşlar siteme akordiyon ekledim.Fakat akordiyon soldan sabit,ama menüler arası geçişlerde sağ taraftan aşağıya kayma yapıyor.sağ tarafı nasıl sabitleyeceğimi bulamadım.yardım ederseniz sevinirim.

Aşağıda akordiyonun css kodları var.

ul.topMenu{
padding:11px 0 0 0;
}
ul.topMenu li{
float:left;
margin-left:1px;
width:auto;
}
ul.topMenu li a{
background:url(images/menu-bg.jpg) repeat-x;
font:bold 12px/22px Arial, Helvetica, sans-serif;
color:#000;
display:block;
width:129px;
height:22px;
border:1px solid #B3B3B3;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
}
ul.topMenu li a.last{
width:132px;
}
ul.topMenu li a:hover, ul.topMenu li a.active{
background:url(images/menu-bg-on.jpg) repeat-x;
color:#FFF;
border:1px solid #000;
background-color:inherit;
}

ul.accordion{
list-style:none;
position:absolute;
left:80px;
top:0px;
font-family: Cambria, serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
}
ul.accordion li{
float:left;
width:210px;
height:480px;
display:block;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
position:relative;
overflow:hidden;
cursor:pointer;
-moz-box-shadow:1px 3px 15px #555;
-webkit-box-shadow:1px 3px 15px #555;
box-shadow:1px 3px 15px #555;

}
ul.accordion li.bg1{
background-image:url(../images/ilet.jpg) ;
}
ul.accordion li.bg2{
background-image:url(../images/u1.jpg);
}
ul.accordion li.bg3{
background-image:url(../images/u2.jpg);
}
ul.accordion li.bg4{
background-image:url(../images/u0.jpg);
}

ul.accordion li.bright{
border-left:2px solid #fff;
}
ul.accordion li .heading{
background-color:#fff;
padding:10px;
margin-top:60px;
opacity:0.9;
text-transform:uppercase;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
font-size:14px;
color:#444;
text-align:center;
text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
position:absolute;
width:380px;
height:210px;
bottom:0px;
left:0px;
display:none;
}
ul.accordion li .description h2{
text-transform:uppercase;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
font-size:45px;
color:#444;
text-align:left;
margin:0px 0px 15px 20px;
text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
line-height:14px;
margin:10px 22px;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.6em;
}
ul.accordion li .description a{
position:absolute;
bottom:5px;
left:20px;
text-transform:uppercase;
font-style:normal;
font-size:11px;
text-decoration:none;
color:#888;
}
ul.accordion li .description a:hover{
color:#333;
text-decoration:underline;
}

ul.accordion li .bgDescription{
background:transparent url(../images/bgDescription.png) repeat-x top left;
height:340px;
position:absolute;
bottom:0px;
left:0px;
width:100%;
display:none;
}

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

Furkán

14 yıl (7346 mesaj)

Yarbay

Çalışır durumdaki halini görmeden ezbere yapılabilecek birşey değil. Hangi classın neyi kontrol ettiğini, hangi classlara müdahale etmemiz gerektiğini bilemeyiz. Kısacası kaynak dosyaları lazım.

Bu mesaja 1 cevap geldi.