06.06.2011, Saat: 22:28
CSS ile Katlamalı Katman - Menü - Duyuru Alanı Ekleme
Öncelikle ; Admin Kp - Sablon & Stil - Sablonlar - Header Sablonları - Header sablonunu acın.
Daha sonra istediğiniz yere aşağıdaki kodu ekleyin.
Görüntü :
Bu kadar ...
Öncelikle ; Admin Kp - Sablon & Stil - Sablonlar - Header Sablonları - Header sablonunu acın.
Daha sonra istediğiniz yere aşağıdaki kodu ekleyin.
Kod:
<style type="text/css">
.katman {
clear: both;
margin: 0px auto;
width: auto;
position: relative;
z-index: 90;
}
.katman1 {
background: #d00;
height: 30px;
width: 500px;
position: relative;
left:-35px;
top: 0px;
float: left;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.40);
box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
z-index: 100;
}
.katman h2 {
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
text-align: center;
font-style: italic;
font-weight: normal;
font-size: 25px;
color: #fff;
margin: 0;
margin-top: 0;
padding: 0;
outline: 0;
vertical-align: middle;
font-family: Georgia, Verdana, Lucida Sans Unicode, sans-serif;
}
.katman4 {
border-color: transparent #7d90a3 transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: -50px;
top: 15px;
z-index: -1;
}
</style>
<div class="katman">
<div class="katman1"><h2>CSS ile Katlama SquaL</h2></div>
<div class="katman4"></div>
</div>
<br/>
Görüntü :
Bu kadar ...