أريد أكواد هذيه مع شرح التركيب

أريد أكواد هذيه مع شرح التركيب

صورة الاكواد الذي اريدها



رابط المنتدى
http://www.wadilarab.com/

مرحبآ, كُل طلب بموضوع مُنفصل رجاءآ.
بالنسبة لطلبك الأول:

الكود:

<div class="wilcom_user" style="background:initial url('') no-repeat 100% 5px; float: right; line-height: 17px; background-origin: initial;
background-clip: initial; padding-top: 2px;
padding-right: 15px; padding-bottom: 0px; padding-left: 0px;
font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:tahoma; width:303px; height:49px">
                                                                 <span style="font-weight: bold;"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/13210311.png" /> اهلا وسهلا بك {USERNAME}<br /> لديك: {USERCOUNTPOST} مساهمة.<br /><br /></span>                                                       
</div>
                                                                                                                   
<div class="link_userr" style="border-right: 0px solid rgb(221, 221, 221); float: left; width: 157px; height: 49px;margin-left:0px; margin-right:8px; margin-top:5px; margin-bottom:0px; padding-left:0px; padding-right:8px; padding-top:0px; padding-bottom:0px">
                                                                 <span style="font-weight: bold;"><a href="http://www.wadilarab.com/search?search_id=unanswered"><span style="text-decoration: none; cursor: pointer; color: rgb(0, 137, 179); padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal;"> <img src="http://2img.net/i/fa/prosilver/icon_participate.gif" /><span style="color: rgb(102, 102, 102);"> مواضيع لم </span><span style="font-size: 10px; color: rgb(102, 102, 102);">يُرد عليها</span></span></a></span><span style="font-weight: bold;"><a href="http://www.wadilarab.com/h3-page"><span style="text-decoration: none; cursor: pointer; color: rgb(102, 102, 102); padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal;">  <img src="http://2img.net/i/fa/prosilver/icon_participate.gif" /> مركــز رفــع الملفات</span></a></span>                                                       
</div>
                                                                                                                   
<div class="link_userr" style="border-right: 0px solid rgb(221, 221, 221); float: left; width: 150px; height: 49px; margin: 5px 8px 0px 0px; padding: 0px 8px 0px 0px;">
                                                                 <span style="font-weight: bold;"><a href="http://www.wadilarab.com/memberlist?mode=overall_posters"><span style="text-decoration: none; cursor: pointer; padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; color: rgb(0, 137, 179);"><img src="http://2img.net/i/fa/prosilver/icon_participate.gif" /><span style="color: rgb(102, 102, 102);"> أفضـــل 20 عضــو</span></span></a></span><span style="font-weight: bold;"><a href="http://www.wadilarab.com/search?search_id=activetopics"><span style="text-decoration: none; cursor: pointer; padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; color: rgb(102, 102, 102);">  <img src="http://2img.net/i/fa/prosilver/icon_participate.gif" /> أفضل مواضيع اليوم</span></a></span><span style="font-weight: bold;"><a href="http://www.7ooof.net/memberlist?mode=today_posters" style="text-decoration: none; cursor: pointer; padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; color: rgb(102, 102, 102);"><br /></a></span>                                                       
</div>
                                                                                                                   
<div class="link_userr" style="border-right: 0px solid rgb(221, 221, 221); float: left; width: 142px; height: 50px;margin-left:0px; margin-right:8px; margin-top:5px; margin-bottom:0px; padding-left:0px; padding-right:8px; padding-top:0px; padding-bottom:0px">
                                                                 <span style="font-weight: bold;"><a href="http://www.wadilarab.com/search?search_id=newposts"><span style="text-decoration: none; cursor: pointer; padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; color: rgb(102, 102, 102);"><img style="opacity: 1;" src="http://2img.net/i/fa/prosilver/icon_participate.gif" /> جديد المواضيع</span></a></span><span style="font-weight: bold;"><a href="http://www.wadilarab.com/search?search_id=egosearch"><span style="text-decoration: none; cursor: pointer; padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; color: YellowGreen;"> <img style="opacity: 1;" src="http://2img.net/i/fa/prosilver/icon_participate.gif" /><span style="color: rgb(102, 102, 102);"> مشــــاركــاتي</span></span></a></span>                                                       
</div>
                                                                                                                   
<div class="link_userr" style="border-right: 1px solid rgb(221, 221, 221); float: left; width: 145px; padding: 0px 8px 0px 0px; margin: 5px 8px 0px 0px; height: 46px; text-align: right;">
                                                                 <a href="http://www.wadilarab.com/h7-page"><span style="font-weight: bold;"><span style="text-decoration: none; cursor: pointer; color: rgb(0, 137, 179); padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal;"><img src="http://2img.net/i/fa/prosilver/icon_participate.gif" /><span style="color: DarkOrange;"> أعلن معنا</span></span></span></a><span style="font-weight: bold;"><a href="http://www.wadilarab.com/contact"><span style="text-decoration: none; cursor: pointer; color: rgb(0, 137, 179); padding: 2px 0px; display: block; font-family: tahoma; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal;"><img style="opacity: 1;" src="http://2img.net/i/fa/prosilver/icon_participate.gif" /><span style="color: YellowGreen;"><span style="color: rgb(102, 102, 102);"> اتصل بنا</span></span></span></a></span>
</div>

غير رابط كما تشاء...

تم التركيب الكود الاول

الكود التاني

medicinedz كتب:تم التركيب الكود الاول

الكود التاني

مرحباً اخي @medicinedz

تفضل الكود

الكود:

<style>
.my-tet1{border-right:1px dashed #666;float:right;padding:10px;width:230px}.my-tet1 h3{background-color:#343636;color:#FFF;font-family:"Arial Black", Gadget, sans-serif;font-size:16px;font-weight:700;margin-bottom:3px;padding-right:10px}.my-tet1 ul li{cursor:crosshair;float:right;list-style-type:none;padding:5px;text-decoration:none}.my-tet1 p{color:#1F1E1E;font-family:Tahoma, Geneva, sans-serif;font-size:12px;text-align:justify}.my-tet1 ul li a{color:#1c6b7f;font-family:Tahoma, Geneva, sans-serif;font-size:12px;text-decoration:none}.my-tet1 ul li a:hover{color:#FFF}.my-tet1 ul li:hover{background-color:#0e83a0;color:#FFF;cursor:crosshair}
</style>
<div style="background-color:#CADCEB;color:#c3c3c3;cursor:crosshair;direction:rtl;height:220px;margin:auto;width:auto;">

 <div class="my-tet1">
 
    <h3> <img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> منتديات وادي العرب الجزائري</h3><p><span style="font-weight: bold;">منتدى جزائري تم انشائه سنة 2008 ليعطي اضافة لعالم المنتديات العربية، متنوع في محتواه يعمل على نشر كل ما هو مفيد للمتصفح الجزائري بصفة خاصة و العربي بصفة عامة</span><br></p>
    
        <p><br></p>
        
    </div>
        <div class="my-tet1">
 
      <h3> <img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> خدمات المنتدى<br></h3>
        
            <ul>
 
          <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/h4-page">لوحة مفاتيح عربية<br></a></li>
            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/h3-page">مركز تحميل الملفات</a><a href="#" target="_self"></a></li>
                          
<li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/contact">اتصل بإدارة المنتدى</a><a href="#" target="_self"></a></li>
                                    
    <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/statistics">احصائيات المنتدى</a><a href="#" target="_self"><br></a></li>
                                    
                                </ul>
        </div>
 

        <div class="my-tet1">
 
        <h3><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> فعّاليات المنتدى<br></h3>
        
            <ul>
 
            <li><a href="http://www.wadilarab.com/admin/index.forum?part=modules&amp;sub=portal&amp;mode=edit_index_mod&amp;dest=admin_index_modules&amp;extended_admin=1&amp;tid=222eb9454dcd727142efc17eb9921d0f#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f106-montada">حصريات المنتدى</a></li><li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f144-montada">عيادة وادي العرب</a><a href="#" target="_self"></a></li>
            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f141-montada">اشهر منتداك مجانا</a><a href="#" target="_self"><br></a></li>
                          

                                    
    <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f143-montada">مسابقات المنتدى</a><a href="#" target="_self"></a></li>
                      </ul>
        </div>
 
 
        <div class="my-tet1">
 
      <h3><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> منتديات مهمة<br></h3>
            <ul>
        
 <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/c3-category">التعليم والتربية</a><a href="#" target="_self"><br></a></li>
            
                          
<li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f39-montada">توظيف وعمل</a><a href="#" target="_self"><br></a></li>
                                    
    <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f21-montada">الشبه طبي 2014</a><a href="#" target="_self"><br></a></li>
                                    
                    <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/c12-category">الخياطة والطرز</a></li>
            </ul>
        </div>
</div>

يمكنك تغيير الروابط بما تشاء
ولاكن في المره القادمة
ضع كل سؤال في موضوع جديد
ومنفصل لكل سؤال
حتى يرد عليك باقصى سرعه
من طرف المشرفين
إن وضعت طلبين ف سيتم الرد
على طلبك الاول او الثاني فقط

تمام مشكور أخي الكريم

انا اضفت قسم اخر واصبحو ثلاثة اقسام للروابط الاقسام اتمنى التعديل

هذيه صورة للمشكلة

الكود:

        <style>
        .my-tet1{border-right:1px dashed #666;float:right;padding:10px;width:230px}.my-tet1 h3{background-color:#343636;color:#FFF;font-family:"Arial Black", Gadget, sans-serif;font-size:16px;font-weight:700;margin-bottom:3px;padding-right:10px}.my-tet1 ul li{cursor:crosshair;float:right;list-style-type:none;padding:5px;text-decoration:none}.my-tet1 p{color:#1F1E1E;font-family:Tahoma, Geneva, sans-serif;font-size:12px;text-align:justify}.my-tet1 ul li a{color:#1c6b7f;font-family:Tahoma, Geneva, sans-serif;font-size:12px;text-decoration:none}.my-tet1 ul li a:hover{color:#FFF}.my-tet1 ul li:hover{background-color:#0e83a0;color:#FFF;cursor:crosshair}
        </style>
        <div style="background-color:#CADCEB;color:#c3c3c3;cursor:crosshair;direction:rtl;height:220px;margin:auto;width:auto;">
       
        <div class="my-tet1">
       
            <h3> <img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png">منتديات الطب الجزائري</h3><p><span style="font-weight: bold;">يْرْحْبْ بْڪْمْ مْنْتْدْيْآتْ آلْطْبْ آلْجْزْآئْرْيْ آلْمْوْقْعْ آلْأوْلْ آلْطْبْيْ آلْجْزْآئْرْيْ عْبْرْةْ آلْوْيْبْ لْقْدْ تْمْ إنْشْأﮬ̲̣̐ فْيْ سْنْةْ 2015 مْنْ أجْلْ مْلْتْقْ? آلْطْبْ فْيْ آلْجْزْآئْرْ </span><br></p>
           
                <p><br></p>
               
            </div>
                <div class="my-tet1">
       
              <h3> <img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> خدمات المنتدى<br></h3>
               
                    <ul>
       
                  <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f6-montada">الشكاوي والإقتراحات<br></a></li>
                    <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f12-montada">القوانين والشروحات </a><a href="#" target="_self"></a></li>
                                 
        <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href=http://www.medicinedz.com/f15-montada">الاعلانات والمسابقات</a><a href="#" target="_self"></a></li>
                                           
            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/t1210-topic">الإنضمام للفريق المشرفون</a><a href="#" target="_self"><br></a></li>
                                           
                                        </ul>
                </div>
       
       
                <div class="my-tet1">
       
                <h3><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> فعّاليات المنتدى<br></h3>
               
                    <ul>
       
                    <li><a href="http://www.wadilarab.com/admin/index.forum?part=modules&amp;sub=portal&amp;mode=edit_index_mod&amp;dest=admin_index_modules&amp;extended_admin=1&amp;tid=222eb9454dcd727142efc17eb9921d0f#" target="_self">
                    <img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f9-montada">الطب العام</a></li><li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f13-montada">الطب البديل</a><a href="#" target="_self"></a></li>
                    <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f64-montada">General Medicine</a><a href="#" target="_self"><br></a></li>
                                 
       
                                           
            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f63-montada">Alternative Medicine</a><a href="#" target="_self"></a></li>
                              </ul>
                </div>
       
       
                <div class="my-tet1">
       
              <h3><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png"> منتديات مهمة<br></h3>
                    <ul>
               
        <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f28-montada">منتدى الاستشارات الطبية</a><a href="#" target="_self"><br></a></li>
                   
                                 
        <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f39-montada">دليل الأطباء الجزائريين</a><a href="#" target="_self"><br></a></li>
                                           
            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f21-montada">منتدى التكوين الطبي <a href="#" target="_self"><br></a></li>
                                           
                            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f38-montada">تجاربكم في المستشفيات</a></li>

                <div class="my-tet1">
       
              <h3><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png">منتديات الأخرى <br></h3>
                    <ul>
               
        <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f28-montada">منتدى الاستشارات الطبية</a><a href="#" target="_self"><br></a></li>
                   
                                 
        <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.wadilarab.com/f39-montada">دليل الأطباء الجزائريين</a><a href="#" target="_self"><br></a></li>
                                           
            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f21-montada">منتدى التكوين الطبي <a href="#" target="_self"><br></a></li>
                                           
                            <li><a href="#" target="_self"><img alt="#" src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png"></a><a href="http://www.medicinedz.com/f38-montada">تجاربكم في المستشفيات</a></li>
                    </ul>
                </div>
        </div>

كذالك أريد تعديل قسم الطب العام وقسم الطب البديل يكنو أسفل بعض

هل تقصد انك تريد ان تضعها بجانب بعضها ؟؟

Arabian Star كتب:هل تقصد انك تريد ان تضعها بجانب بعضها ؟؟

  صحيح اخي الكريم الفئة الثالثة الي اضفتها  اريدها تكون جنبها

القوانين ساريه على الجميع, وأنت لست بعضو جديد صديقي:

مرحبآ, كُل طلب بموضوع مُنفصل رجاءآ.