كود الفعاليات بتقنية css

[جنان الكلمة]

كود css لفعاليات المواقع
خفيف خالي ان شاء الله من الاخطاء
كود حصري
وتقدر تضعه في اي مكان يناسبك في الموقع
اليكم احبتي الكود
انسخ الكود وضعه في اي مكان بالستايل
فوق قالب الناف بار او الهيدر او الفوتر ...... الخ
المكان اللي يعجبك

صورة الفعاليات

http://a.top4top.net/p_394ejmux1.png


لمشاهدة الكود المباشرة هنا (http://www.akayan.net/show/janan5Fixed.htm)




<!--------- كود فعاليات المواقع ل5 ثابته فعاليات بمقاس 180×270--------->

<!--------- Designed and Developed by : Jinan al.klmah --------->


<table class="janankod" align="center">
<tr>
<td class="jojotaxst"> ~{حصري ccs كودثابت فعاليات جنان الكلمة بتقنية}~</td>
</tr>
<tr>
<td class="jojo2">
<table >
<tr>
<td class="jojo1">


<a target="_blank" title="فعالية 1" href="رابط الفعالية1 ">
<img height="270" alt="" src="http://e.top4top.net/p_394ph8pa1.gif" width="180" /></a>

<a target="_blank" title="فهالية2 " height="270" width="180" href="رابط الفعالية 2">
<img height="270" alt="" src="http://e.top4top.net/p_394ph8pa1.gif" width="180" /></a>

<a target="_blank" title="فعالية 3" href="رابط الفعالية 3">
<img height="270" alt="" src="http://e.top4top.net/p_394ph8pa1.gif" width="180" /></a>

<a target="_blank" title="فعالية 4" href="رابط الفعالية 4">
<img height="270" alt="" src="http://e.top4top.net/p_394ph8pa1.gif" width="180" /></a>

<a target="_blank" title="الفعالية 5" href="رابط الفعالية 5">
<img height="270" alt="" src="http://e.top4top.net/p_394ph8pa1.gif" width="180" /></a>


</td>
</tr>
</table>
</td>
</tr>
</table>
<!--------- Designed and Developed by : Jinan al.klmah --------->

<!--------- كود فعاليات المواقع ل 5 فعاليات بمقاس 180×270--------->






خصائص css


.janankod {
border-left-style: solid;
border-left-width: 1px;
border-right: 1px solid #C0C0C0;
border-top-style: solid;
border-top-width: 1px;
border-bottom: 1px solid #C0C0C0;
background-color:#454844;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-image:url('http://b.top4top.net/p_31878pev1.gif');
width:950px;


}


.jojotaxst{
border: 1px solid #000000;
text-decoration: none;
color: #F0F0F0;
font-size: 14pt;
font-family:"Times New Roman", Times, serif;
text-align: center;
display: block;
align= "center";
background-color:#650707;
background-image:url('http://a.top4top.net/p_31869sqc1.gif');
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

}

.jojo2{
width:100% ;
align:center;

}

.jojo1{
width:80% ;
align:center;
}


img{
border:8px;
filter:alpha(opacity=100);
opacity: 1.0;
border-radius: 10px;
border-radius: 10px;


}





شاء الله يعجبكم احبتي في الله

الكود وملحقاتة في المرفقات

[الوافي]

تسلم يمناك يالأميـــرهـ كود جميل جداً