كود الاعلانات المطور الجديد

تذكير بمساهمة فاتح الموضوع :

بسم الله الرحمان الرحيم
في الاونة الاخيره ركبنا كود اعلانات جديد وملون و باطارات احترافية صورة له

http://www.fononarb.com/up/uploads/13447303461.gif
و الكل بيقولي ممكن الكود
و الان تم عرضه
الكود له قسمين القسم الاول Css و القسم التاني Html
اولا نروح ل لوحة الادارة - مظهر المنتدى - الصور و الالوان - الالوان - ورقة Css
ونضع الكود التالي

الــرمــز: تحديد المحتوي


.download {
   background: url("http://wikoles.com/vb/images/box-icons/note.png") no-repeat scroll 99% center #E6F6CC;
   border: 1px solid #C2D7A1;
   border-radius: 5px 5px 5px 5px;
   color: #666666;
   direction: rtl;
   margin: 10px auto;
   padding: 5px;
   width: 90%;
}
.info {
   background: url("http://www.dev-point.com/vb/images/box-icons/info.png") no-repeat scroll 99% center #BFE4F9;
   border: 1px solid #68A2CF;
   border-radius: 5px 5px 5px 5px;
   color: #00AEFF;
   direction: rtl;
   margin: 10px auto;
   padding: 0 0 2px;
   width: 60%;
}
.info p {
   color: #5487A4;
   font-weight: bold;
   margin: 12px 29px 9px 12px;
   padding-right: 18px;
   text-shadow: 0 0 0 #FFFFFF;
}
.new {
   background: url("http://www.dev-point.com/vb/images/box-icons/new.png") no-repeat scroll 99% center #F7F7F7;
   border: 1px solid #DADADA;
   border-radius: 5px 5px 5px 5px;
   color: #00AEFF;
   direction: rtl;
   margin: 10px auto;
   padding: 0 0 2px;
   width: 60%;
}
.new p {
   color: #5487A4;
   font-weight: bold;
   margin: 12px 29px 9px 12px;
   padding-right: 18px;
   text-shadow: 0 0 0 #FFFFFF;
}
.download {
   background: url("http://www.dev-point.com/vb/images/box-icons/download.png") no-repeat scroll 99% center #E6F6CC;
   border: 1px solid #C2D7A1;
   border-radius: 5px 5px 5px 5px;
   color: #666666;
   direction: rtl;
   margin: 10px auto;
   padding: 0 0 2px;
   width: 60%;
}
.download p {
   color: #4A60B7;
   font-weight: bold;
   margin: 12px 29px 9px 12px;
   padding-right: 18px;
   text-shadow: 0 0 0 #FFFFFF;
}
.download p a {
   color: #70983F;
   text-decoration: none;
   text-shadow: 1px 1px 0 #EFFFDC;
}
.download p a:hover {
   color: #486623;
   text-shadow: 1px 1px 0 #EFFFDC;
}

و نضغط حفظ التعديلات
القسم التاني Html
نروح ل لوحة الادارة - مظهر المنتدى - الصفحة الرئيسية -تشكيلات عامة - وضع إعلان في الصفحة الرئيسية
حنلاقي خانتين عنوان الإعلان : و محتوى الرسالة :
الاول خليه فاضي و الثاني نضع الكود التالي

الــرمــز: تحديد المحتوي
،