منتديات بحر الامل

منتديات بحر الامل (http://www.bhralaml.com/vb/index.php)
-   بحر تطوير المواقع و المنتديات (http://www.bhralaml.com/vb/forumdisplay.php?f=56)
-   -   اطارات الاقسام من الـ css فقط (http://www.bhralaml.com/vb/showthread.php?t=34)

صقر 2018-07-29 02:20 AM

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

بسم الله الرحمن الرحيم

قدمت اليكم بخاصية جديده لمنتديات الـ vbulletin وهي وضع اطارات للاقسام والمواضيع وصندوق المتواجدون الان
وغيرها ما يحتاج اطارات
بدلا من الدخول قالب قالب ووضع اكواد الـ html وبعدها تضع الكلاسات في الـ css والغلبه
بمجرد وضع الكود سيتم تلقائي وضع الاطارات على مختلف الاماكن اللازمة
http://upload.traidnt.net/upfiles/qVx26617.png

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

http://upload.traidnt.net/upfiles/wxL26571.png

http://upload.traidnt.net/upfiles/qVx26617.png
التركيب
لوحة الادارة - الاستايلات والقوالب - التحكم بالاستايل - (اختار القائمة المجاورة للاستايل المراد اضافة الاطار له) - واضغط على 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;}

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

http://upload.traidnt.net/upfiles/qVx26617.png

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

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

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


صقر 2018-08-02 01:28 AM

طرح رائع سلمت يداك
على جميل الطرح وروعة الانتقاء ياغلا
يعطيك ربي العافيه ويسعدك بالدارين
بنتظار جديدك بكل شوق

لك مني جزيل الشكر والتقدير

صقر 2018-08-02 02:01 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة ملكة الحنان (المشاركة 229)
طرح رائع سلمت يداك
على جميل الطرح وروعة الانتقاء ياغلا
يعطيك ربي العافيه ويسعدك بالدارين
بنتظار جديدك بكل شوق

لك مني جزيل الشكر والتقدير

اسعدني حضورك ملكة المنتدى
تحياتي
تقهوي
:7eak: :kawaii:

بْحھَہّ عِشّق 2018-08-08 02:24 AM

تسلم الأيـــآدي ع الجلب الرائع
ربي يعطيكـَ الف عـآافيه
لا حرمنـــا جديدكـَ وجهودكـَ
ننتظر جديدكـ ب كل شوق
لروحكـَ بسـآتين اليـآسمين

الجورى 2018-08-11 11:21 PM






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






أميرة 2018-09-06 01:18 PM

تسلم آيدينك على روعة طرحك وآنتقائك آلمميز

آلله يعطيك آلف عآفية

أهْوَاكَ جِدّاً ◄ 2018-09-06 09:25 PM


‘*

انتقاء بآذخ الجمآل ,
بِ إنتظآر المزيد من هذآ الفيض ,
لك من الشكر وافره,~

جميله 2018-09-07 01:09 PM

يعطيك العافيه
على طرحك واختيارك الرائع
ألف شكر لك على مجهــودك
وننتظر جديدك القادم بكل شوق

نبضة عشق 2018-09-10 01:38 AM

بارك الله فيك علـى المـوضوع الجمـيل والطـرح الممـيز

حكايا 2018-09-13 06:16 AM

موضوع في قمة الروعه

لطالما كانت مواضيعك متميزة

لا عدمنا التميز و روعة الإختيار

دمت لنا ودام تألقك الدائم


الساعة الآن 12:37 PM

 »:: تطويرالكثيري نت :: إستضافة :: تصميم :: دعم فني ::»

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
هذا الموقع يستخدم منتجات Weblanca.com
المشاركات المكتوبة والمنشورة لا تعبر عن رأي منتدى بحرالامل ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)