الرئيسية
أحدث الصور
التسجيل
دخول
Mohamed Sayed
عضو احلى مطور
المساهمات :
33
النقاط :
49
التقيم :
0
Dr.OmaR
المؤسس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :
البلد :
مصر
2020-10-29, 2:35 pm
الكود الاول ككود الـ HTML يوضع في نهاية قالب الoverall_header او في اي مكان يدعم لغة الـ HTML
الكود الثاني وهو كود css
- الكود:
<!-- BEGIN switch_user_logged_out -->
<section class="intro">
<div class="container">
<div class="category_title center">
<h2>ثلاث خطوات للانضمام معنا</h2>
</div>
<div class="row">
<div class="intro_content col-md-4">
<div class="intro-section">
<img src="https://i.servimg.com/u/f52/18/96/11/36/icon111.png" class="aligncenter" alt="Sign In By Emal" />
<h3>إضغط على زر التسجيل</h3>
<p>
قم بالموافقة على قوانين وشروط التسجل في المنتدى ، اضغط من هنا <a href="register">لتسجيل في الموقع </a>.
</p>
</div>
</div>
<div class="intro_content col-md-4">
<div class="intro-section">
<img src="https://i.servimg.com/u/f52/18/96/11/36/icon211.png" class="aligncenter" alt="Sign In By Emal" />
<h3>إملئ معلوماتك الشخصية</h3>
<p>
قم بملئ معلومات في الحقول الفارغة مع وضع بريد الكتروني صحيح
</p>
</div>
</div>
<div class="intro_content col-md-4">
<div class="intro-section">
<img src="https://i.servimg.com/u/f52/18/96/11/36/icon311.png" class="aligncenter" alt="Sign In By Emal" />
<h3>تأكيد التسجيل و تفعيل</h3>
<p>
توجه الى بريدك الإلكتروني وقم بتاكيد التسجيل ليتم تفعيل عضويتك تلقائيا
</p>
</div>
</div>
</div>
</div>
</section>
<!-- END switch_user_logged_out -->
الكود الثاني وهو كود css
- الكود:
.intro_content { padding-top: 15px; padding-bottom: 15px; text-align: center; }
.intro, .aboutus { position: relative; background: #fff; }
.intro { border-bottom: 1px solid #CCC;}
.intro-section h3 { margin-bottom: 15px; }
.category_title, .row { text-align: center; }
.row > div { display: inline-block; width: 30% }