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

الرئيسيةبحـثاليوميةس .و .جالتسجيلدخول



شاطر | 

 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 446
الدولة : مصر
#1مُساهمةموضوع: تقنية جديدة تجعل الاقسام الفرعية بشكل جذاب   الخميس نوفمبر 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-
انتقل الى:  
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *
اخـرالمواضيــع ريسيفر رويال 777 الاسود الصينى لمبة حمراء الأربعاء نوفمبر 29, 2017 4:13 pm من طرف محمد صبحي strong hd 4992 super الازرق الثلاثاء نوفمبر 28, 2017 12:11 am من طرف محمد صبحي ملف قنوات ريسيفر سترونج-4992-سوبر-hd-mini بتاريخ 30-10-2017 الإثنين نوفمبر 27, 2017 10:12 pm من طرف محمد صبحي اليكم احدث ملف قنوات نايل سات انجليزي ستارسات 2060hd بتاريخ اليوم 2017/8/1 الإثنين نوفمبر 27, 2017 8:04 pm من طرف محمد صبحي افتراضي ملف عربي بتاريخ 25 /11/ 2017 لاجهزة برفكس (8000h1 الابيض والاسمر و A1 و V1 و 7400H الاسود و 8000H و8400H) معالج 6605 والدفعه الجديده V2 معالج 6605S الإثنين نوفمبر 27, 2017 7:46 pm من طرف محمد صبحي ملف قنوات كامكس 7700 شبيه الاسترونج ب زى الوان 3/10/2017 الإثنين نوفمبر 27, 2017 2:09 am من طرف محمد صبحي كود Css خلفيه لاعلانات التي يتم وضعها من خلال التشكيلات العامة من صنعى للنسخه phpBB2 السبت نوفمبر 25, 2017 12:05 am من طرف محمد صبحي كود وضع اطار وخلفية للعناصر المستقلة على الرئيسية مثل منتدى الدعم الجمعة نوفمبر 24, 2017 11:58 pm من طرف محمد صبحي كيفية وضع عناصر البوابة على الرئيسية الجمعة نوفمبر 24, 2017 11:50 pm من طرف محمد صبحي نافذة الدخول السريع المستقلة الجمعة نوفمبر 24, 2017 11:10 pm من طرف محمد صبحي
أختر لغة المنتدى من هنا
الساعة الآن

..........................................................................................................

Powered by vBulletin Forums ahlamontada
(
Copyright ©2000 - 2017, vBulletin phpBB2 subsilver)
*جميع الحقوق محفوظة لـ منتدى المصراوية
Forums ahlamontada ® / (حقوق الطبع والنشر©2017 - 2000)