منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t8999
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

BBcode شرح تلوين خلفية النصوص باطارت
omar 22-02-2012 04:41 مساءً
بسم الله الرحمن الرحيم
اقدم لكم كود bbcode اضافة جديد للمحرر
تلوين خلفية النص ووضع ايطار لها
يعتمد هذا الكود على css
اولا مثال على الطريقه
http://www.el-7lm.com/vb/t3699.html

طريقة التركيب
قم بوضع الاكود من لوحة الادارة عن طريقة اضافه كود منتدى جديد
ثم قم بوضه كود css فى اخر ملف ال css فى الاستايل المستخدم
الايقوونات الخاصه بالاكواد تجدوها بلمرفقات
قمت بتجهيز خمس خلفيات
الكود الاول
العنوان خلفية سوداء مع ايطار ازرق
الوصف خلفية سوداء مع ايطار ازرق
وسم BBCode ضع bak1
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk1.png
الاستبدال
CODE
 
<div id="table1"> 
{content} 
   </div> 


كود الـــ css
CODE
 
#table1 
{ 
width: 98%; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
border: 10px solid #0000FF; 
background: #000000; 
} 



الكود الثانى
العنوان خلفية سوداء مع ايطار احمر
الوصف خلفية سوداء مع ايطار احمر
وسم BBCode ضع bak2
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk2.png
الاستبدال
CODE
 
<div id="table2"> 
{content} 
   </div> 


كود الـــ css
CODE
 
#table2 
{ 
width: 98%; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
border: 10px solid #FF0000; 
background: #000000; 
} 



الكود الثالث
العنوان خلفية سوداء مع ايطار سماوى
الوصف خلفية سوداء مع ايطار سماوى
وسم BBCode ضع bak3
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk3.png
الاستبدال
CODE
 
<div id="table3"> 
{content} 
   </div> 


كود الـــ css
CODE
 
#table3 
{ 
width: 98%; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
border: 10px solid #0099FF; 
background: #000000; 
} 



الكود الرابع
العنوان خلفية سوداء مع ايطار لبنى
الوصف خلفية سوداء مع ايطار لبنى
وسم BBCode ضع bak4
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk4.png
الاستبدال
CODE
 
<div id="table4"> 
{content} 
   </div> 


كود الـــ css
CODE
 
#table4 
{ 
width: 98%; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
border: 10px solid #37CDE8; 
background: #000000; 
} 


الكود الخامس
العنوان خلفية سوداء مع ايطار بينك
الوصف خلفية سوداء مع ايطار بينك
وسم BBCode ضع bak5
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk5.png
الاستبدال
CODE
 
<div id="table5"> 
{content} 
   </div> 


كود الـــ css
CODE
 
#table5 
{ 
width: 98%; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
border: 10px solid #FF66FF; 
background: #000000; 
} 


ارجو من استاذنا سليمان تطوير هذه الاكود بحيث يمكن للعضو ان يختار اى لون للخلفيه او الاطار وتكون جزء من المحرر
وايضا اضافه خلفيات عباره عن باترون
هذه الاضافه تعمل على كل المتصفحات
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved