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

منتدى شروحات ودروس منتديات PBBoard

محرر الكتابة بشكل جديد !!

: محرر الكتابة بشكل جديد !!

12-08-2011 02:12 صباحاً

محمد الصاوي

السلام عليكم ورحمة الله وبركاته،،

الآن تم تجهيز محرر كتابة الباور بورد بأزرار مختلفة تشبه محرر الـ hoteditor اليكم صور المحرر الكامل و محرر الرد السريع على الترتيب ,,

طريقة التركيب:

أولا تبديل الازرار:

قم بتنزيل المرفق editor.zip ثم قم برفعه داخل المجلد images بداخل مجلد الاستايل المطلوب.
قم بفك الضغط ليقوم باستبدال جميع الصور مباشرة .. أو استخدم برنامج ftp لتنزيل محتويات المجلد صورة صورة..

ثانياً تعديلات بالـ css :

1- افتح محرر الـ css المتقدم للاستايل المطلوب.

2- اضف الكلاس الآتي:

CODE


.editorbutton
{
    background-image: url(images/editor/button_background.gif);
    border: 1px solid #CBEAFF;
}

3- ابحث عن

CODE


.editorbutton,
.editortoolbar
{
    padding: 2px;
    align: right;
}

و استبدله بـ

CODE

.editortoolbar
{
    padding: 2px;
    align: right;
}

4- ابحث عن

CODE


.oover
{
    border: 1px solid #316ac5;
    background: #f1f6f8;
    padding: 1px;
}

و استبدله بـ

CODE


.oover
{
    background-color: #FCEEC1;
    background-image: url(images/editor/button_over.gif);
    border: 1px solid #FFBD69;
    cursor: pointer;
}

5- ابحث عن الكلاس .editorselect و اضف فيه هذا السطر بين القوسين المعكوفين { }:

CODE


	   margin-bottom: 16px;

و بهذا ينتهي التركيب..

و السلام عليكم و رحمة الله و بركاته,,

: تم تحرير الموضوع بواسطة :محمد الصاوي بتاريخ: 12-08-2011 02:45 مساءً

  newEditor.png تحميل png مرات التحميل :(634)
الحجم :(24.797) KB

  newEditor2.png تحميل png مرات التحميل :(612)
الحجم :(16.081) KB

  editor.zip تحميل zip مرات التحميل :(246)
الحجم :(51.713) KB