عرض مشاركة واحدة
#1  
قديم 2018-07-29, 02:20 AM
صقر متواجد حالياً
Saudi Arabia    
اوسمتي
930 وسام وسام عيد الاضحى المبارك مسابقة معلومة وفائدة عن الحج وسام وسام ملك التوقعات 
 عضويتي » 1
 جيت فيذا » 26-07-2018
 آخر حضور » اليوم (10:37 PM)
آبدآعاتي » 936,929
الاعجابات المتلقاة » 36758
الاعجابات المُرسلة » 128860
 حاليآ في » في قلبها
دولتي الحبيبه » دولتي الحبيبه Saudi Arabia
جنسي  »  Male
آلقسم آلمفضل  » الادبي
آلعمر  » 35سنه
الحآلة آلآجتمآعية  » مرتبط
 التقييم » صقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond reputeصقر has a reputation beyond repute
مشروبك  » مشروبك   fanta
قناتك   » قناتك mbc4
ناديك  » اشجع hilal
مَزآجِي  »
مزاجي:
بيانات اضافيه [ + ]
32 اطارات الاقسام من الـ css فقط



اطارات الاقسام من الـ css فقط
اقتباس:
بسم الله الرحمن الرحيم

قدمت اليكم بخاصية جديده لمنتديات الـ vbulletin وهي وضع اطارات للاقسام والمواضيع وصندوق المتواجدون الان
وغيرها ما يحتاج اطارات
بدلا من الدخول قالب قالب ووضع اكواد الـ html وبعدها تضع الكلاسات في الـ css والغلبه
بمجرد وضع الكود سيتم تلقائي وضع الاطارات على مختلف الاماكن اللازمة
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

مثال على الكود

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
التركيب
لوحة الادارة - الاستايلات والقوالب - التحكم بالاستايل - (اختار القائمة المجاورة للاستايل المراد اضافة الاطار له) - واضغط على css رئيسي
واضف الكود في الصندوق الثاني

الكود
كود PHP:
    ******كود اطار الاقسام*******
    .
tborder {
    
backgroundurl("صورة الاعلى يسار"left top no-repeat,
    
url("صورة الاعلى يمين"right top no-repeat,
     
url(تمدد اعلىcenter top repeat-x,
    
url(صورة الاسفل يسارleft bottom no-repeat,
    
url(صورة الاسفل يمينright bottom no-repeat,
    
url(تمدد اسفلcenter bottom repeat-x,
    
url("تمدد جانبي يسار"left repeat-y,
    
url("تمدد جانبي يمين"right repeat-y;
    
padding65px 46px 35px 40px;}

    ****
inkkor.com**** 
--
الكود في الاعلى مثل الي بالصورة
اذا اردت ان تضيف صورة في المنتصف بالاعلى اضف الكود التالي زيادة على الاسطر
كود PHP:
     url(  صورة اعلى منتصفcenter top no-repeat
واذا اردت ان تضيف صورة بالمنتصف بالاسفل اضف ايضا الكود التالي زيادة على الاسطر

كود PHP:
    url(  صورة اسفل منتصفcenter bottom no-repeat

وبواسطة الابعاد التالية

كود:
     padding: 65px 46px 35px 40px;}

يمكنك التحكم بقرب وبعد الاطارات عن الاقسام بما يناسبك او يناسب المظهر

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

انتهى الشرح
بالتوفيق للجميع

يمنع النقل دون ذكر المصدر
شركة انكور التطويرية
والسلام ختام

الموضوع الاصلي : الان انشئ اطارات لمنتداك باستخدام تقنية css


الموضوع الأصلي: اطارات الاقسام من الـ css فقط |~| الكاتب: صقر |~| المصدر: منتديات بحر الامل

بحر الامل

العاب ، برامج ، سيارات ، هاكات ، استايلات , مسابقات ، فعاليات ، قصص ، مدونات ، نكت , مدونات , تصميم , شيلات , شعر , قصص , حكايات , صور , خواطر , سياحه , لغات , طبيعة , مفاتيح , ستايلات , صيانه , تهيئة , قواعد , سيرفرات , استضافه , مناضر, جوالات





مواضيع : صقر


رد مع اقتباس