معهد دعم اتش فى اى بى اس لحلول الويب - Powered by vBulletin


 
 
النتائج 1 إلى 1 من 1

الموضوع: تغير الازرار فى صندوق اضافة المواضيع

  1. #1
    عضو جديد


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 7
    المشاركات: 2,181
    HVIPS5 غير متواجد حالياً

    Stqou 8671cb4b51 تغير الازرار فى صندوق اضافة المواضيع


    تغير الازرار فى صندوق اضافة المواضيع



    أحبتي

    أقدم لكم درس بسيط وسهل عن كيفية تغيير أزرار المحرر الإفتراضي إلى صور

    الإصدار : [3.0.6]

    ==============
    الأستايل : subsilver2
    ==============

    عند الإنتهاء من عمل الدرس , ستكون النتيجة كالآتي :
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    أولاً : --[ ملفات مضافه ]-- ( بالمرفق أدناه )

    styles/subsilver2/theme/images/editor

    ملاحظة : قوم بإضافة المجلد editor في المرفق إلى مجلد الصور في الثيم , أيضاً يمكنك تغير المسار إلى مسار آخر تريده ولكن يجب عليك تغيير المسار في الخطوة الاخيرة من هذا الدرس.


    ثانياً : --[ الخطوات ]--

    --[ افتح ]--

    styles/subsilver2/template/posting_buttons.html


    --[ ابحث عن ]--

    كود PHP:
    <!-- IF S_BBCODE_ALLOWED -->
           <
    input type="button" class="btnbbcode" accesskey="b"  name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;"  onclick="bbstyle(0)" onmouseover="helpline('b')"  onmouseout="helpline('tip')" />
          <
    input type="button"  class="btnbbcode" accesskey="i" name="addbbcode2" value=" i "  style="font-style:italic; width: 30px;" onclick="bbstyle(2)"  onmouseover="helpline('i')" onmouseout="helpline('tip')" />
           <
    input type="button" class="btnbbcode" accesskey="u"  name="addbbcode4" value=" u " style="text-decoration: underline; width:  30px;" onclick="bbstyle(4)" onmouseover="helpline('u')"  onmouseout="helpline('tip')" />
          <!-- IF 
    S_BBCODE_QUOTE -->
              <
    input type="button" class="btnbbcode" accesskey="q"  name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)"  onmouseover="helpline('q')" onmouseout="helpline('tip')" />
          <!-- ENDIF -->
           <
    input type="button" class="btnbbcode" accesskey="c"  name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)"  onmouseover="helpline('c')" onmouseout="helpline('tip')" />
           <
    input type="button" class="btnbbcode" accesskey="l"  name="addbbcode10" value="List" style="width: 40px"  onclick="bbstyle(10)" onmouseover="helpline('l')"  onmouseout="helpline('tip')" />
          <
    input type="button"  class="btnbbcode" accesskey="o" name="addbbcode12" value="List="  style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')"  onmouseout="helpline('tip')" />
          <
    input type="button"  class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]"  style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')"  onmouseout="helpline('tip')" />            
          <!-- IF 
    S_BBCODE_IMG -->
              <
    input type="button" class="btnbbcode" accesskey="p"  name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)"  onmouseover="helpline('p')" onmouseout="helpline('tip')" />
          <!-- ENDIF -->
          <!-- IF 
    S_LINKS_ALLOWED -->
              <
    input type="button" class="btnbbcode" accesskey="w"  name="addbbcode16" value="URL" style="text-decoration: underline; width:  40px" onclick="bbstyle(16)" onmouseover="helpline('w')"  onmouseout="helpline('tip')" />
          <!-- ENDIF -->
          <!-- IF 
    S_BBCODE_FLASH -->
              <
    input type="button" class="btnbbcode" accesskey="d"  name="addbbcode18" value="Flash" onclick="bbstyle(18)"  onmouseover="helpline('d')" onmouseout="helpline('tip')" />
          <!-- ENDIF --> 
    --[ استبدل بـ ]--

    كود PHP:
    <!-- IF S_BBCODE_ALLOWED -->
           <
    input type="button" class="btnbbcode bt1" accesskey="b"  name="addbbcode0" style="font-weight:bold; width: 20px;"  onclick="bbstyle(0)" onmouseover="helpline('b')"  onmouseout="helpline('tip')" />&nbsp;
          <
    input  type="button" class="btnbbcode bt2" accesskey="i" name="addbbcode2"  style="font-style:italic; width: 20px;" onclick="bbstyle(2)"  onmouseover="helpline('i')" onmouseout="helpline('tip')" />&nbsp;
           <
    input type="button" class="btnbbcode bt3" accesskey="u"  name="addbbcode4" style="text-decoration: underline; width: 20px;"  onclick="bbstyle(4)" onmouseover="helpline('u')"  onmouseout="helpline('tip')" />&nbsp;
          <!-- IF 
    S_BBCODE_QUOTE -->
              <
    input type="button" class="btnbbcode bt4" accesskey="q"  name="addbbcode6" style="width: 20px" onclick="bbstyle(6)"  onmouseover="helpline('q')" onmouseout="helpline('tip')" />&nbsp;
          <!-- ENDIF -->
           <
    input type="button" class="btnbbcode bt5" accesskey="c"  name="addbbcode8" style="width: 20px" onclick="bbstyle(8)"  onmouseover="helpline('c')" onmouseout="helpline('tip')" />&nbsp;
           <
    input type="button" class="btnbbcode bt6" accesskey="l"  name="addbbcode10" style="width: 20px" onclick="bbstyle(10)"  onmouseover="helpline('l')" onmouseout="helpline('tip')" />&nbsp;
           <
    input type="button" class="btnbbcode bt7" accesskey="o"  name="addbbcode12" style="width: 20px" onclick="bbstyle(12)"  onmouseover="helpline('o')" onmouseout="helpline('tip')" />&nbsp;
           <
    input type="button" class="btnbbcode bt8" accesskey="t"  name="addlitsitem" value="" style="width: 20px" onclick="bbstyle(-1)"  onmouseover="helpline('e')" onmouseout="helpline('tip')" />&nbsp;
          <!-- IF 
    S_BBCODE_IMG -->
              <
    input type="button" class="btnbbcode bt9" accesskey="p"  name="addbbcode14" style="width: 20px" onclick="bbstyle(14)"  onmouseover="helpline('p')" onmouseout="helpline('tip')" />&nbsp;
          <!-- ENDIF -->
          <!-- IF 
    S_LINKS_ALLOWED -->
              <
    input type="button" class="btnbbcode bt10" accesskey="w"  name="addbbcode16" style="width: 20px" onclick="bbstyle(16)"  onmouseover="helpline('w')" onmouseout="helpline('tip')" />&nbsp;
          <!-- ENDIF -->
          <!-- IF 
    S_BBCODE_FLASH -->
              <
    input type="button" class="btnbbcode bt11" accesskey="d"  name="addbbcode18" style="width: 20px" onclick="bbstyle(18)"  onmouseover="helpline('d')" onmouseout="helpline('tip')" />&nbsp;
          <!-- ENDIF --> 
    --[ افتح ]--

    styles/subsilver2/template/theme/stylesheet.css

    --[ ابحث عن ]--

    كود PHP:
    .memberdata {
            
    BORDER-RIGHT#6a581c 1px dotted; 
          
    BORDER-TOP#6a581c 1px dotted; 
          
    BORDER-LEFT#6a581c 1px dotted; 
          
    COLOR#000000; 
          
    BORDER-BOTTOM#6a581c 1px dotted; 
          
    BACKGROUND-COLOR#fffffd;

    --[ أضيف قبل ]--


    كود PHP:
    /* BBCode photos
     ------------ */
    .bt1 {
            
    background-imageurl('./images/editor/text_bold.gif');
    }

    .
    bt2 {
            
    background-imageurl('./images/editor/text_italic.gif');
    }

    .
    bt3 {
            
    background-imageurl('./images/editor/strike.gif');
    }

    .
    bt4 {
            
    background-imageurl('./images/editor/quote.gif');
    }

    .
    bt5 {
            
    background-imageurl('./images/editor/code.gif');
    }

    .
    bt6 {
            
    background-imageurl('./images/editor/text_list_bullets.gif');
    }

    .
    bt7 {
            
    background-imageurl('./images/editor/text_list_numbers.gif');
    }

    .
    bt8 {
            
    background-imageurl('./images/editor/list_item.gif');
    }

    .
    bt9 {
            
    background-imageurl('./images/editor/photo.gif');
    }

    .
    bt10 {
            
    background-imageurl('./images/editor/link_add.png');
    }

    .
    bt11 {
            
    background-imageurl('./images/editor/flash.gif');

    ==============
    الاستايل : البروسيلفر
    ==============

    أولاً : --[ ملفات مضافه ]-- ( بالمرفق أدناه )

    styles/prosilver/theme/images/editor
    styles/prosilver/template/theme/imagebbcode.css

    ملاحظة : قوم بإضافة المجلد editor في المرفق إلى مجلد الصور في الثيم , أيضاً يمكنك تغير المسار إلى مسار آخر تريده ولكن يجب عليك تغيير المسار في الخطوة الاخيرة من هذا الدرس.


    ثانياً : --[ الخطوات ]--

    --[ افتح ]--

    styles/prosilver/template/posting_buttons.html

    --[ ابحث عن ]--

    كود PHP:
    <div id="format-buttons">
        <
    input type="button" class="button2" accesskey="b"  name="addbbcode0" value=" B " style="font-weight:bold; width: 30px"  onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
       <
    input  type="button" class="button2" accesskey="i" name="addbbcode2" value=" i "  style="font-style:italic; width: 30px" onclick="bbstyle(2)"  title="{L_BBCODE_I_HELP}" />
       <
    input type="button"  class="button2" accesskey="u" name="addbbcode4" value=" u "  style="text-decoration: underline; width: 30px" onclick="bbstyle(4)"  title="{L_BBCODE_U_HELP}" />
       <!-- IF 
    S_BBCODE_QUOTE -->
           <
    input type="button" class="button2" accesskey="q"  name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)"  title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
        <
    input type="button" class="button2" accesskey="c" name="addbbcode8"  value="Code" style="width: 40px" onclick="bbstyle(8)"  title="{L_BBCODE_C_HELP}" />
       <
    input type="button"  class="button2" accesskey="l" name="addbbcode10" value="List"  style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}"  />
       <
    input type="button" class="button2" accesskey="o"  name="addbbcode12" value="List=" style="width: 40px"  onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
       <
    input  type="button" class="button2" accesskey="t" name="addlitsitem"  value="[*]" style="width: 40px" onclick="bbstyle(-1)"  title="{L_BBCODE_LISTITEM_HELP}" />
       <!-- IF 
    S_BBCODE_IMG -->
           <
    input type="button" class="button2" accesskey="p"  name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)"  title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF 
    S_LINKS_ALLOWED -->
           <
    input type="button" class="button2" accesskey="w"  name="addbbcode16" value="URL" style="text-decoration: underline; width:  40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF 
    S_BBCODE_FLASH -->
           <
    input type="button" class="button2" accesskey="d"  name="addbbcode18" value="Flash" onclick="bbstyle(18)"  title="{L_BBCODE_D_HELP}" />
       <!-- ENDIF --> 
    --[ استبدل بـ ]--

    كود PHP:
    <div id="format-buttons">
        <
    input type="button" class="bt1" accesskey="b" name="addbbcode0"  value="" style="font-weight:bold; width: 25px" onclick="bbstyle(0)"  title="{L_BBCODE_B_HELP}" />
       <
    input type="button"  class="bt2" accesskey="i" name="addbbcode2" value=""  style="font-style:italic; width: 25px" onclick="bbstyle(2)"  title="{L_BBCODE_I_HELP}" />
       <
    input type="button"  class="bt3" accesskey="u" name="addbbcode4" value=""  style="text-decoration: underline; width: 25px" onclick="bbstyle(4)"  title="{L_BBCODE_U_HELP}" />
       <!-- IF 
    S_BBCODE_QUOTE -->
           <
    input type="button" class="bt4" accesskey="q" name="addbbcode6"  value="" style="width: 25px" onclick="bbstyle(6)"  title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
        <
    input type="button" class="bt5" accesskey="c" name="addbbcode8"  value="" style="width: 25px" onclick="bbstyle(8)"  title="{L_BBCODE_C_HELP}" />
       <
    input type="button"  class="bt6" accesskey="l" name="addbbcode10" value="" style="width:  25px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
        <
    input type="button" class="bt7" accesskey="o" name="addbbcode12"  value="" style="width: 25px" onclick="bbstyle(12)"  title="{L_BBCODE_O_HELP}" />
       <
    input type="button"  class="bt8" accesskey="t" name="addlitsitem" value="" style="width:  25px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
       <!-- IF 
    S_BBCODE_IMG -->
           <
    input type="button" class="bt9" accesskey="p"  name="addbbcode14" value="" style="width: 25px" onclick="bbstyle(14)"  title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF 
    S_LINKS_ALLOWED -->
           <
    input type="button" class="bt10" accesskey="w"  name="addbbcode16" value="" style="text-decoration: underline; width:  25px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF 
    S_BBCODE_FLASH -->
           <
    input type="button" class="bt11" accesskey="d"  name="addbbcode18" value="" style="width: 25px" onclick="bbstyle(18)"  title="{L_BBCODE_D_HELP}" />
       <!-- ENDIF --> 
    --[ افتح ]--

    styles/prosilver/theme/colours.css

    --[ في آخر الملف أضف ]--

    <span class="postlink-local">
    كود PHP:
    /* BBCode photos
    ------------ */
    input.bt1 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/text_bold.gif");
    }

    input.bt2 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/text_italic.gif");
    }

    input.bt3 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/strike.gif");
    }

    input.bt4 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/quote.gif");
    }

    input.bt5 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/code.gif");
    }

    input.bt6 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/text_list_bullets.gif");
    }

    input.bt7 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/text_list_numbers.gif");
    }

    input.bt8 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/list_item.gif");
    }

    input.bt9 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/photo.gif");
    }

    input.bt10 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/link_add.png");
    }

    input.bt11 {
            
    background-imageurl("{T_THEME_PATH}/images/editor/flash.gif");

    --[ افتح ]--

    styles/prosilver/theme/forms.css

    --[ في آخر الملف أضف ]--

    كود PHP:
    input.bt1input.bt2input.bt3input.bt4input.bt5input.bt6input.bt7input.bt8input.bt9input.bt10input.bt11 {
       
    padding-top1px;
       
    padding-bottom1px;
       
    font-family"Lucida Grande"VerdanaHelveticaArialsans-serif;
       
    color#000;
       
    background#FAFAFA none no-repeat top;

    --[ افتح ]--

    styles/prosilver/theme/tweaks.css

    --[ في آخر الملف أضف ]--

    كود PHP:
    *  html input.bt1, * html input.bt2, * html input.bt3, * html input.bt4, *  html input.bt5, * html input.bt6, * html input.bt7, * html input.bt8, *  html input.bt9, * html input.bt10, * html input.bt11 {
       
    padding-bottom0;
       
    margin-bottom1px;




    شكراً للاخ TheIlluminative لضبط ملفات css

    الملفات المرفقه يجب رفعها الى المسار /

    styles/xxxx/theme/images/edito
    الملفات المرفقة

 

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •