Pro v8 de css buton kullandım onu inceleye bilirsin. Kodları vereceğim ama önce bilgi vermek istiyorum. Şimdi buton yaparken hem ikon resmini hem butondaki yazıyı a tagının içine koymalıyız ki ikisine de tıklayabilelim. Ayrıca alt ve title'ı da a tagına vermeliyiz img tagına verirsen sadece ikonun üstüne gelince alt bilgi çıkar. Butona ikon yerleştireceksek butondaki img tagına ayrı değerler vermeliyiz. Aşağıdaki kodu incele. Bu kodlar şuan mdp de kullanılıyor.
CSS:
HTML:
CSS:
Kod:
.probuton {
display: inline-block;
color: #fff !important;
border: 1px solid #84acc3 !important;
background: #274a90;
font: 12px Calibri, Arial, sans-serif;
font-weight:bold;
text-shadow: 0 0 2px #000;
text-decoration: none !important;
position:relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px;
}
.probuton:active {
bottom: -1px;
}
.probuton img {
vertical-align: middle;
margin-right: 3px;
margin-top: -1px;
}
.probuton:hover {
background-color: #3a67c2;
}HTML:
Kod:
<a rel="nofollow" href="editpost.php?pid={$post['pid']}" id="edit_post_{$post['pid']}" class="probuton" alt="{$lang->postbit_edit}" title="{$lang->postbit_edit}"><img src="images/ikon/duzenle.png"/>DÜZENLE</a>