منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةأحدث الصورالتسجيلدخول



شاطر

تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب Empty
 

 تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
محمد صبحي
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 479
الدولة : مصر
#1مُساهمةموضوع: تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب   تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I_icon_minitimeالخميس نوفمبر 09, 2017 7:12 am

تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب
الكود هو عبارة عن شكل جديد لاقسام الفرعية في المنتدى

صوره كمثال


نتوجه الى:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

لوحة الاداره >> ادارة عامة >> منتدى >> المنتديات والفائات>>
وندخل الى اى قسم ونضغط على ايقونة تعديل ,
مثال؟


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
     



الكود:
  <table>
                                        
           <tbody>
              <tr>
                                          
                 <td>
                                                    
                    <div class="desc10">
                                                            
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
         font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                          
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                    
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                    
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                        
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
         font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                          
                    </div>
                                                  
                 </td>
                                          
                 <td>
                                                    
                    <div class="desc9">
                                                            
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                        
                       <div class="class1">
                                                 <a href="رابط القسم"><span style="color: #FFFFFF;
         font-weight: bold;"> اسم القسم </span></a><br />                  
                       </div>
                                                      
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                    
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                        
                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>
                                                          
                    </div>
                                                  
                 </td>
                                        
              </tr>
                                      
           </tbody>
        </table

       
ثم نضع الكود التالى
اذا ارت ذيادة عدد الاقسام يمكنك تزويده بهذا الكود



الكود:

                       <div class="class1">
                                                  <a href="رابط القسم"><span style="color: #FFFFFF;
        font-weight: bold;"> اسم القسم </span></a><br />                    
                       </div>


لأن نتوجه الى:

 ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css
    


الكود:
/**تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب**/
          .class1 {
          opacity: 0.8;
          width: 120px;
          margin-bottom: 2px;
          -webkit-transition: all 0.4s linear;
          background-color: #096EA1;
          font-family: bold;
          font-size: 10.5px;
          padding: 2px 0px 2px 10px;
          line-height: 120%;
          border-right: 15px solid #454C1F;
          border-radius: 30px 30px 30px 30px;
          list-style-type: none;
          text-align: right;
        }
            .class1:hover{
            opacity:1;
            border-left:30px solid #454C1F7;/*لون جنب اليسار*/
            background-color:#075A96;/*لون خلفية عند مرور الماوس على اسم القسم */
            border-radius:30px 30px 30px 30px;
            color: #000;
            }
            .desc9 {
          width: 140px;
          height: 80px;
          /* margin-top: -25px; */
          padding: 20px display: block;
          margin-left: 15px;
        }
            .desc10 {
            width: 140px;
            height:54px;
            margin-top: -25px;
            padding: 20px;
            display: block;
            }
            /**تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب**/

الرابط   [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الكود يضع اسم الاقسام بطريقه جميله مقتبسه من الفى بى
» المنتديات الفرعية تظهر بشكل عامودي بدل افقي
» إجعل الأقسام الفرعية بشكل عمودي تلقائيا دون اي تعديلات
» كود حالات الاقسام الثلاثة تحت بعضها كما فى الفى بى
» جعل الاقسام الثانوية تظهر بشكل عامودي بدل افقي

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I-icon-latest-reply_c1a56 الموقع الشامل القديم تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I_icon_minitimeالسبت يناير 13, 2024 4:33 pm من طرف تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I-icon-latest-reply_c1a56 برنامج حسابات مجانى تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:22 am من طرف تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I-icon-latest-reply_c1a56جديد البرامج المهمة تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:16 am من طرف تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I-icon-latest-reply_c1a56سته برامج لحفظ أرقامك الهامة(دليل هاتف)مع بعض المواقع المختصة تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:12 am من طرف تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I-icon-latest-reply_c1a56ملف قنوات لــ ترومان 333/666/777/888/999/2010/190 معالجC سي بتاريخ 7-11-2022 تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب I_icon_minitimeالأربعاء نوفمبر 16, 2022 7:28 pm من طرف

Powered by vBulletin Forums ahlamontada
(Copyright ©2015 - 2024 , phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *