منتديات هبوب الجنوب - كود الفعاليات css من برمجة جنان الكلمة

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

كود PHP:

  <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>  

خصائص css

كود PHP:


		
			
.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;


}

</u>
شاء الله يعجبكم احبتي في الله
الكود وملحقاتة في المرفقات
منقول للفائدهـ