18-03-2024
|
|
|
|
|
|
كود الفعاليات css من برمجة جنان الكلمة
كود css لفعاليات المواقع
خفيف خالي ان شاء الله من الاخطاء
كود حصري
وتقدر تضعه في اي مكان يناسبك في الموقع
اليكم احبتي الكود
انسخ الكود وضعه في اي مكان بالستايل
فوق قالب الناف بار او الهيدر او الفوتر ..... الخ
المكان اللي يعجبك
لمشاهدة الكود المباشرة هنا
كود PHP:
<!--------- كود فعاليات المواقع ل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
كود 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>
شاء الله يعجبكم احبتي في الله
الكود وملحقاتة في المرفقات
منقول للفائدهـ
| |