أهلا وسهلا بك إلى hossam123.
أهلا وسهلا بك ضيفنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، وفي حال رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


hossam123 :: دعم منتديات احلى منتدى :: اكواد CSS

شاطر

رقم المشاركة : [ 1 ]
قديمالجمعة سبتمبر 16, 2011 4:19 pm
Admin
Admin
avatar


Time Online :
1d 20h 25m 49s

عدد المساهمات :
278

تاريخ التسجيل :
04/07/2011

الماجيك مسعد will become famous soon enoughالماجيك مسعد will become famous soon enough
غير متواجد
مُساهمةموضوع: [Css] .. قائمة التبادلات الإعلانية بتقنية Css الحديثة .. فكرة جديدة .. حصرية ..~


[Css] .. قائمة التبادلات الإعلانية بتقنية Css الحديثة .. فكرة جديدة .. حصرية ..~


..~ السلام عليكم ورحمة الله تعالى وبركاته ~ ..

..~ أقدم إليكم ... قائمة التبادلات الإعلانية بتقنية Css .. فكرة جديدة .. حصرية ..~ ..

..~ وهي كـ فكرة جديدة الغالب أن لم أشاهدها في هذأ القسم ..

..~ لمشاهدة الفكرة ~..





..~ والأن مع طريقة تركيب القائمة ~ ..



Css

الكود:
#e3lanat_Css {
    border: 1px dashed #CCCCCC;
    margin: 0px auto 0px auto;
    width: 780px;
}
.man_hed {
    font-family: tahoma;
    font-size: 9pt;
    color: #CCCCCC;
    background-color: #000000;
    width: 150px;
    height: 19px;
    margin: 0px auto 0px auto;
    text-align: center;
    line-height: -1px;
}
img{
    border: 0px;
}
.man_2 {
    margin: 14px 31px 14px 50px;
    border: 1px dashed #CCCCCC;
}
.man_3 {
    margin: 14px 31px 14px 50px;
    border: 1px dashed #CCCCCC;
}
.man_4 {
    margin: 14px 31px 14px 50px;
    border: 1px dashed #CCCCCC;
}
.man_5 {
    margin: 14px 31px 14px 50px;
    border: 1px dashed #CCCCCC;


}




طبعاً تركيب القائمة راح يكون في الهيدر أو الفوتر والأفضل بالهيدر ..



نتوجه إلى التالي :


-->
header




ونلصق الكود التالي في أخر القالب :


الكود:
<!--منتديات اور اسلام | www.ourislam1.com -->
<div id="e3lanat_Css">
<div class="man_1">
<p class="man_hed">.::التبادل الإعلاني::.</p>
</div>
<div class="man_2">
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
</div>
<div class="man_3">
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
</div>
<div class="man_4">
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
</div>
<div class="man_5">
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
<a href="#" title="مساحة إعلانية" target="_self"><img alt="" height="69" src="http://www.mezo-des.net/upload/uploads/images/domain-b6b233bdc7.gif" width="170" /></a>
</div>
</div>
<!--منتديات اور اسلام | www.ourislam1.com -->

ملاحظات :

لعملية تغير الرابط نستبدل:

الكود:
#
بـ الرابط الذي تريده لكي يصبح:
الكود:
http://www.xxx.com




xxx هو رابط موقعك أو المعلن لديك ..



ولعملية تغير الصورة نقوم بإسبتدال رابط الصورة + عرضها + طولها بالنسبة للبنر الجديد ..

















الــرد الســـريـع
..




الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)




تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة