أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

تحويل الاستايلات - تأطير القوالب

السلام عليكم ورحمة الله، سبق أن وعدت الإخوة بتكويد استايل مخصص للتحويل، وقد تمّ بحمد الله الانتهاء منه عدد القوالب التي تمّ تأطيرها هو 112 قالب



  • [شرح]:
03-12-2017 11:56 صباحاً
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,234
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,910
السلام عليكم ورحمة الله،

سبق أن وعدت الإخوة بتكويد استايل مخصص للتحويل، وقد تمّ بحمد الله الانتهاء منه

عدد القوالب التي تمّ تأطيرها هو 112 قالب

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

قمت بتقسيم التأطير إلى 9 أقسام حسب حجم الإطار وحسب عرض المساحة التي سيتم تأطيرها :
1- خلفيات كبيرة بعرض 98% ،
يتمّ استبدال الوسم التالي
CODE

<!--big98.cadre.start-->


بكود الإطار العلوي الكبير الحجم مع إضافة الكلاسات التالية
CODE

wd98
a-center



ويتمّ استبدال الوسم التالي
CODE

<!--big98.cadre.end-->


بكود الإطار السفلي الكبير الحجم

2- خلفيات كبيرة بعرض 80% ،
يتمّ استبدال الوسم التالي
CODE

<!--big80.cadre.start-->


بكود الإطار العلوي كبير الحجم مع إضافة الكلاسات التالية
CODE

wd80
a-center



ويتمّ استبدال الوسم التالي
CODE

<!--big80.cadre.end-->


بكود الإطار السفلي كبير الحجم

3- خلفيات متوسطة بعرض 98% ،
يتمّ استبدال الوسم التالي
CODE

<!--middle98.cadre.start-->


بكود الإطار العلوي المتوسط الحجم مع إضافة الكلاسات التالية
CODE

wd98
a-center



ويتمّ استبدال الوسم التالي
CODE

<!--middle98.cadre.end-->


بكود الإطار السفلي المتوسط الحجم

4- خلفيات متوسطة بعرض 80% ،
يتمّ استبدال الوسم التالي
CODE

<!--middle80.cadre.start-->


بكود الإطار العلوي متوسط الحجم مع إضافة الكلاسات التالية
CODE

wd80
a-center



ويتمّ استبدال الوسم التالي
CODE

<!--middle80.cadre.end-->


بكود الإطار السفلي متوسط الحجم

5- خلفيات متوسطة بعرض 50% ،
يتمّ استبدال الوسم التالي
CODE

<!--middle50.cadre.start-->


بكود الإطار العلوي متوسط الحجم مع إضافة الكلاسات التالية
CODE

f-details-l
mrgTable
wd50
a-center



ويتمّ استبدال الوسم التالي
CODE

<!--middle50.cadre.end-->


بكود الإطار السفلي متوسط الحجم


6- خلفيات متوسطة بعرض 33% ،
يتمّ استبدال الوسم التالي
CODE

<!--middle33.cadre.start-->


بكود الإطار العلوي متوسط الحجم مع إضافة الكلاسات التالية
CODE

f-details-l
mrgTable
wd33-3



ويتمّ استبدال الوسم التالي
CODE

<!--middle33.cadre.end-->


بكود الإطار السفلي متوسط الحجم


7- خلفيات صغيرة ،
يتمّ استبدال الوسم التالي
CODE

<!--small.cadre.start-->


بكود الإطار العلوي صغير الحجم

ويتمّ استبدال الوسم التالي
CODE

<!--small.cadre.end-->


بكود الإطار السفلي صغير الحجم

8- خلفيات صغيرة بعرض 14% ،
يتمّ استبدال الوسم التالي
CODE

<!--small14.cadre.start-->


بكود الإطار العلوي صغير الحجم مع إضافة الكلاسات التالية
CODE

f-details-s
mrgTable
wd14



ويتمّ استبدال الوسم التالي
CODE

<!--small14.cadre.end-->


بكود الإطار السفلي متوسط الحجم

9- خلفيات مخصصة لتأطير الإعلانات
يتمّ استبدال الوسم التالي
CODE

<!--ads.cadre.start-->


بكود الإطار العلوي

ويتمّ استبدال الوسم التالي
CODE

<!--ads.cadre.end-->


بكود الإطار السفلي


مثال لتكويد إطار ذو خلفيات كبيرة :
لنفترض أنّ تكويد التأطير هو كالآتي
CODE

<div class="bg-center">
<div class="bg-left">
<div class="bg-right">

<div class="bg-top-center">
<div class="bg-top-left"></div>
<div class="bg-top-right"></div>
</div>

المحتوى هنا

<div class="bg-bottom-center">
<div class="bg-bottom-left"></div>
<div class="bg-bottom-right"></div>
</div>

</div>
</div>
</div>



نضيف الكلاسات الخاصة بعرض الإطار في الوسم الأول ليصير بهذا الشكل

CODE

<div class="bg-center wd98 a-center">
<div class="bg-left">
<div class="bg-right">

<div class="bg-top-center">
<div class="bg-top-left"></div>
<div class="bg-top-right"></div>
</div>

المحتوى هنا

<div class="bg-bottom-center">
<div class="bg-bottom-left"></div>
<div class="bg-bottom-right"></div>
</div>

</div>
</div>
</div>




ثمّ يتمّ تقسيم التكويد إلى قسمين، الجزء العلوي
CODE

<div class="bg-center wd98 a-center">
<div class="bg-left">
<div class="bg-right">

<div class="bg-top-center">
<div class="bg-top-left"></div>
<div class="bg-top-right"></div>
</div>


يتمّ استبداله مع
CODE

<!--big98.cadre.start-->




والجزء السفلي
CODE

<div class="bg-bottom-center">
<div class="bg-bottom-left"></div>
<div class="bg-bottom-right"></div>
</div>

</div>
</div>
</div>


يتمّ استبداله مع
CODE

<!--big98.cadre.end-->



MjQxNTMzMQ77convert

يفضّل التعديل على ملف الاستايل converter_style.xml بمحرّر php ويفضّل لو تكون فيه خاصية استبدال النصوص، مثل
محرر editpadline
أو تركيب الاضافة التالية للمحرر ++notepad المشهورhttp://phdesign.com.au/npptoolbucket/ (طريقة التركيب : فقط انقل الملف NppToolBucket.dll للمجلد plugins الخاص بالمحرر)
أو استخدم خدمة بحث واستبدال النص التي توفّرها بعض المواقع مثل http://textmechanic.com/text-tools/basic-text-tools/find-and-replace-text/

مثال مباشر لتأطير مخصص :http://www.pbboard.cf/index.php?page=change_style&change=1&id=10
 
 
  converter.zip   تحميل zip مرات التحميل :(3)
الحجم :(105.891) KB


look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
  03-12-2017 11:58 صباحاً   [1]
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,234
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,910
سيتمّ إرفاق الاستايل الموجود في المثال في هذا الردّ

look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
  08-12-2017 10:25 مساءً   [2]
معلومات الكاتب ▼
انضم في : 24-03-2012
رقم العضوية : 2,098
المشاركات : 88
الجنس :
تاريخ الميلاد : 23-5-1991
قوة السمعة : 0
موقعي : زيارة موقعي
العضو غائب الدراسة
السلام عليكم

بارك الله فيك


ممكن تحويل هذا الاستايل و جزاك الله خيرا

https://pbboard.info/forums/t19771

look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
  09-12-2017 01:03 صباحاً   [3]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,614
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,376
موقعي : زيارة موقعي
شرح متعوب عليه
الله يعطيك العافية اخوي محمد

look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
  10-12-2017 08:16 صباحاً   [4]
معلومات الكاتب ▼
انضم في : 30-10-2011
رقم العضوية : 1,912
المشاركات : 386
الدولة : الجزائر
الجنس :
الدعوات : 2
قوة السمعة : 598
موقعي : زيارة موقعي
عمل مميز شكرا لك الاخ

رد جديد موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
شرح طريقة ترقية الاستايلات القديمة لتكون متوافقه مع النسخة 3.0.4 بنسبة تقارب 60% Soliman
0 169 Soliman
كيفية تغير مظهر معلومات الكاتب ويصلح للجميع الاستايلات MAHDI H.D
1 363 MAHDI H.D
توافق الاستايلات؟ وعدة اسئلة iSalalah
2 359 iSalalah
التعديل على الاستايلات AbdelbasseT
1 523 AbdelbasseT
استفسار عن تحويل الاستايلات mc nabulsy
1 939 mc nabulsy

الكلمات الدلالية
القوالب ، تأطير ، تحويل ، الاستايلات ،









الساعة الآن 11:57 PM