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

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




03-12-2017 11:56 صباحا
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18670
موقعي : زيارة موقعي
عدد الإجابات: 6
اصدار المنتدى : 3.0.2
 offline 
السلام عليكم ورحمة الله،

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

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

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

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

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

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

wd98
a-center


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

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

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

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

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

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

wd80
a-center


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

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

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

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

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

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

wd98
a-center


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

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

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

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

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

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

wd80
a-center


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

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

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

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

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

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

f-details-l
mrgTable
wd50
a-center


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

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

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


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

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

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

f-details-l
mrgTable
wd33-3


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

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

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


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

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

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

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

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

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

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

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

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

f-details-s
mrgTable
wd14


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

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

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

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

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

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

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

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

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


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

<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>


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


<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>



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

<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>

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

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



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

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

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

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

<!--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.ml/index.php?page=change_style&change=1&id=10

 
 
 
  converter.zip   تحميل zip مرات التحميل :(3)
الحجم :(105.891) KB



تم تحرير الموضوع بواسطة :Mr King
بتاريخ:03-12-2017 01:32 مساء


03-12-2017 11:58 صباحا
مشاهدة مشاركة منفردة [1]
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18670
موقعي : زيارة موقعي
عدد الإجابات: 6
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
سيتمّ إرفاق الاستايل الموجود في المثال في هذا الردّ

08-12-2017 10:25 مساء
مشاهدة مشاركة منفردة [2]
rachidrachid99
عضـو مشارك
rating
العضو غائب الدراسة
معلومات الكاتب ▼
تاريخ الإنضمام : 24-03-2012
رقم العضوية : 2098
المشاركات : 81
الجنس : ذكر
تاريخ الميلاد : 23-5-1991
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
السلام عليكم

بارك الله فيك


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

http://www.pbboard.info/forums/t19771
 

09-12-2017 01:03 صباحا
مشاهدة مشاركة منفردة [3]
Soliman
PBB Management
rating
العضو غائب ظروف العمل
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11237
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 51
قوة السمعة : 67026
موقعي : زيارة موقعي
عدد الإجابات: 178
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
شرح متعوب عليه


الله يعطيك العافية اخوي محمد 


10-12-2017 08:16 صباحا
مشاهدة مشاركة منفردة [4]
newghanou
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 30-10-2011
رقم العضوية : 1912
المشاركات : 287
الدولة : الجزائر
الجنس : ذكر
الدعوات : 2
قوة السمعة : 538
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
عمل مميز شكرا لك الاخ


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
استفسار عن تحويل الاستايلات mc nabulsy
1 404 mc nabulsy
[مجابه] مشاكل في توافق الاستايلات القديمة بعد الترقية إلى أحدث اصدار 3.0.2 VVIP
5 819 Soliman
[مجابه] اضافة موضوع جديد لا تعمل في الاستايلات القديمة على النسخة 3.0.2 joou
3 766 Mr King
مشكلة بالاستايلات بالصور abdulmaged
4 621 Soliman
طلب تحويل استايل من الإخوة الكرام اصحاب الخبرة في تحويل الاستايلات nassim.spider
5 683 ezzeldean

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







الساعة الآن 03:00 مساء