سلام.هرکی بلده خواهش میکنم جواب بده
http://www.gfars.com
میخوام لینک دسته های سایتم رو css کنم کد مورد علاقمو سرهم بندی کردم و آماده کردم و توی فایل style.css پوسته آخر کدها اینا رو اضاف کردم
.cat-item: {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 12px/100% tahoma, Helvetica, sans-serif;
padding: .3em 1em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-top-right-radius: .0em;
border-top-left-radius: .9em;
border-bottom-right-radius: .9em;
border-bottom-left-radius: .0em;
-webkit-box-shadow: 0px 0px 4px #222;
-moz-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
color: #fef4e9;
border: solid 1px #307e91;
background: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#a0c248), to(#82a135));
background: -moz-linear-gradient(top, #a0c248, #82a135);
background: -o-linear-gradient(top, #a0c248, #82a135);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c248', endColorstr='#82a135');
}
.cat-item:hover {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 12px/100% tahoma, Helvetica, sans-serif;
padding: .3em 1em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-top-right-radius: .0em;
border-top-left-radius: .9em;
border-bottom-right-radius: .9em;
border-bottom-left-radius: .0em;
-webkit-box-shadow: 0px 0px 4px #222;
-moz-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
color: #fef4e9;
border: solid 1px #307e91;
background: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#a0c248), to(#82a135));
background: -moz-linear-gradient(top, #a0c248, #82a135);
background: -o-linear-gradient(top, #a0c248, #82a135);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c248', endColorstr='#82a135');
}
.cat-item:active {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 12px/100% tahoma, Helvetica, sans-serif;
padding: .3em 1em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-top-right-radius: .0em;
border-top-left-radius: .9em;
border-bottom-right-radius: .9em;
border-bottom-left-radius: .0em;
-webkit-box-shadow: 0px 0px 4px #222;
-moz-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
color: #fef4e9;
border: solid 1px #307e91;
background: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#a0c248), to(#82a135));
background: -moz-linear-gradient(top, #a0c248, #82a135);
background: -o-linear-gradient(top, #a0c248, #82a135);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c248', endColorstr='#82a135');
}
حالا مشکل اینه که از سه حالت دکمه یعنی حالت نرمال و hover و active فقط دو حالت hover و active کار می کنند و هنگامی که روی لینک میره و کلیک میکنه قالب css آن نمایش داده میشه و حالت نرمال همان لینک ساده است مشکل کجاست ؟
آیا باید به قسمت
.cat-item: {
چیزی خاصی اضاف کرد؟
یه نگاه به سایتم بندازید سمت راست دسته اول دوم سوم
http://www.gfars.com