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







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

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



03-12-2017 11:56 صباحا
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18750
موقعي : زيارة موقعي
عدد الإجابات: 7
PBBoard Version : 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.cf/index.php?page=change_style&change=1&id=10

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


03-12-2017 11:58 صباحا
مشاهدة مشاركة منفردة [1]
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18750
موقعي : زيارة موقعي
عدد الإجابات: 7
PBBoard Version : 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
موقعي : زيارة موقعي
PBBoard Version : 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
المشاركات : 11623
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 51
قوة السمعة : 68736
موقعي : زيارة موقعي
عدد الإجابات: 253
PBBoard Version : 3.0.3
 offline 
look/images/icons/i1.gif تحويل الاستايلات - تأطير القوالب
شرح متعوب عليه


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

توقيع :Soliman
تذكر : لكي تتم مساعدتك في استفساراتك وطلباتك يجب عليك الالتزام بتطبيق قوانين الدعم الفني


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




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


 







الساعة الآن 09:18 صباحا