المواضيع الأخيرة
» "كود" تغير كلمة الرئيسية اسفل المنتدى الى صورة مصغرة
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 8:29 pm

» كود css تأطير الفئات والاحصائيات والمواضيع وغيرها
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:12 pm

» "كود" وضع أطار لأيقونات الموضوع الجديد و القديم و المغلق أسفل المنتدى في الرئيسية
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:05 pm

» كود تضليل اسم القسم عند المرور عليه بالماوس
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:57 pm

» كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:53 pm

» كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:49 pm

» حل مشكلة الأسطر متقاربة بالمساهمااات
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:36 pm

» كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:33 pm

» طريقة أزالة السطر من تحت أسماء الأعضاء
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:29 pm

» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:24 pm

أفضل 10 أعضاء في هذا الأسبوع


[html] وضع 03 منتديات فرعية أفقيا

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

AsHeK EgYpT
AsHeK EgYpT
عدد المساهمات : 68

مُساهمةAsHeK EgYpT الجمعة يوليو 29, 2016 9:39 pm

[html] وضع 03 منتديات فرعية أفقيا


 [html] وضع 03 منتديات فرعية أفقيا Pppfl

التركيب:
اذهب الى المنتدى المراد  [html] وضع 03 منتديات فرعية أفقيا 1005357294وضع الكود التالي :
الكود:
    <span style="float: left; margin: 15px 0px 0px 20px; width:
    75%;"><table align="center" width="95%"><tr><td
    rowspan="2" width="36px">

    <!-- Forum #1 Image -->
    <img
   
    src="http://icons.iconarchive.com/icons/designcontest/vintage/48/Sketch-Book-icon.png"></td><td
    align="left" width="28%">

    <!-- Forum #1 Link and Name -->
    <a href="FORUM-URL"><b>Forum 1</b></a>

    </td><td rowspan="2" width="36px">

    <!-- Forum #2 Link and Name -->
    <img
   
    src="http://icons.iconarchive.com/icons/iconshock/real-vista-social/48/gifts-icon.png"></td><td
    align="left" width="28%">
    <a href="FORUM-URL"><b>Forum 2</b></a></td>

    <td rowspan="2" width="36px">

    <!-- Forum #3 Link and Name -->
    <img
   
    src="http://icons.iconarchive.com/icons/mayosoft/azullustre/48/medal-icon.png"></td><td
    align="left" width="28%">
    <a href="FORUM-URL"><b>Forum 3</b></a></td></tr>

    <!-- Forum Descriptions -->
    <tr><td align="left">
    FORUM #1 DESCRIPTION</td>
    <td align="left">
    FORUM #2 DESCRIPTION</td><td align="left">
    FORUM #3 DESCRIPTION</td></tr></table></span>
    <div style="float: right; margin-right: 10px">

    <!-- Icon which appears at the right of the forums -->
    <img
   
    src="http://icons.iconarchive.com/icons/iconshock/super-vista-business/72/trophy-icon.png"
    border="0" alt="" /></div><span style="float: left; margin:
    25px 0px 0px 10px; width: 75%;">

    <!-- Text under all three forums -->
    Text which will appear under the forums.</span>
و اذا اردت وضع الكود فقط مع الوصف و الصورة على اليمين ضع الكود التالي :
الكود:
    <div style="float: right; margin-right: 10px">

    <!-- Forum Image -->
    <img src="http://www.johnmayer.it/forum/images/icons/presentazioni.png" border="0" alt="" />
    </div>

    <!-- Forum Description Text -->
    <span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">
    This
    is the section where you will find the rules and regulations of the
    forum, the various FAQ, rules and regulations of the chatbox, and a
    guide on becoming the perfect user.</span>
معاينة الكود الثاني :
 [html] وضع 03 منتديات فرعية أفقيا Efmphv

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

رسالة سريعة:

انشئ حساب جديد او سجل دخول لكى تستطيع الرد

يجب ان تمتلك عضوية لتستطيع الرد.

انشاء حساب جديد

انضم لمنتدانا عن طريق انشاء حساب جديد . انها سهلة!


انشاء حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ لا مشكلة, سجل دخول من هنا.


تسجيل دخول

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