vbulletin version-6 style display

تقليص
X
تقليص
 
  • الصفحة لـ 1
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة
السابق template التالي
  • AboAbdulla
    ابوعبدالله

    • 23 - 12 - 2004
    • 5037



    • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
      إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
      اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
      واستودعتك لا إله الا الله فذكرنيها في كل وقت
    #1

    [درس] vbulletin version-6 style display

    vbulletin version-6 styledisplay

    اضغط على الصورة لعرض أكبر.  الإسم: vb6_style_code.png  مشاهدات: 74  الحجم: 218.2 كيلوبايت  الهوية: 2370769
    محرر متغير الستايل Style Variable Editor
    تغيير صورة شعار الموقع Image Paths < TitleImage
    خلفية صفحة الموقع كاملة Page < body_background
    لون خط الروابط في الصفحة Page < body_link_color
    لون خط الروابط بمرور الفأرة Page < body_link_color_hover
    شكل الرابط بمرور الفأرة فوقة Page < body_link_decoration_hover
    تنسيق خلفية الصفحة Page < wrapper_background
    خيار واجهة المنتدى من الهيدر الى الفوتر wrapper_background
    تغيير خط الأقسام الفرعية Global Text Font
    تغيير خط عناوين الأقسام
    (المنتديات ،آخر نشاط ، اشتراكاتي)    		 Global Header Font
    تغيير خط المشاركات: Post Content Font
    Post Controls Font
    Post Label Font
    عناوين المنتديات الرئيسية والفرعية
    (المواضيع ، المشاركات ، آخر مشاركة)    		 Forum List Category Font
    Forum List Forum Font
    Forum List Header Font
    Form Input Font
    الخطوط والألوان في رئس الصفحة (
    Header)    		 Global < Global Header Font
    Global < Global Text Font
    Global < Root Font Size
    Global < Header Subtabbar Font
    التعديل على الأقتباس BB Code < bbcode_code_background
    BB code < bbcode _code_border
    BB Code < bbcode_quote_background
    التعديل على شكل الخط في الأزرة Button Font < button_font
    التعديل على شكل الخطوط ولونها في تذييل الصفحة Footer < footer_copyright_font_style
    Footer < footer_copyright_link_font_style
    Footer < footer_font_style
    التعديل على الخطوط واشكالها في رئس الصفحة (Header) Header < header subtabbar_font
    Header < header_tab_font
    Header < header_tab_font_active
    متغير مظهر لون فاصل المحتوى Miscellaneous < content_divider_color
    متغير الاقتراح التلقائي للخلفية Miscellaneous < autosuggest_background
    متغير القائمة الخلفية للعناصر Miscellaneous < list_item_background
    متغير الاقتراح التلقائي للخلفية النشطة Miscellaneous < autosuggest_background_active
    متغير لون خلفية التلميحات Miscellaneous < tooltip_signature_background
    متغير لون حدود التلميحات Miscellaneous < tooltip_signature_border
    متغير لون خلفية المواضيع المحذوفة Miscellaneous < diff_remove_background
    (Post Editor History Removed Text Background)
    متغير لون خلفية المواضيع المميزة Miscellaneous < diff_add_background
    (Post Editor History Added Text Background)
    متغيرات الأقسام في المنتدى Miscellaneous < forum_list_category_font
    متغيرات عرض خطوط المنتدى Miscellaneous < forum_list_forum_font
    متغيرات أعلى الصفحة (Header) Miscellaneous < forum_list_header_font
    الكلمات الدلالية (Tags): css, style, table, vbulletin
    • AboAbdulla
      ابوعبدالله

      • 23 - 12 - 2004
      • 5037



      • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
        إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
        اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
        واستودعتك لا إله الا الله فذكرنيها في كل وقت
      #2
      القوالب (Templates)
      من خلال - البحث في القوالب (Search inTemplates) - يمكن البحث عن هذه القوالب والتعديل عليها
      قالب إضافة الخطوط (مثل خطوط قوقل) includes_fontawesome
      قالب إضافة كتغيرات المستخدم الجديدة css_additional.css
      قالب المتغيرات العامة للستايل css_global.css
      قالب الأقتباس Templates < bbcode_quote
      قالب عرض محتوى رئس المواضيع display_contenttype_threadview_header
      قالب عرض توقيع المحادثة conversation_signature
      ​

        تعليق

        • AboAbdulla
          ابوعبدالله

          • 23 - 12 - 2004
          • 5037



          • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
            إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
            اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
            واستودعتك لا إله الا الله فذكرنيها في كل وقت
          #3
          من أجل تحويل الجداول من أكسل او MS word إلى BBcode
          يمكن أستخدام الموقع التالي:

          TheEnemy | Table Converter
          https://theenemy.dk/table/

            تعليق

            • AboAbdulla
              ابوعبدالله

              • 23 - 12 - 2004
              • 5037



              • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                واستودعتك لا إله الا الله فذكرنيها في كل وقت
              #4
              عمل الاقسام الفرعي بالترتيب
              لتغيير طريقة عرض الأقسام الفرعية كي تكون جدول تحت بعض
              كود HTML:
              .b-userinfo__additional-info span {
white-space: pre-line;
}
​​
              من أجل تكبير محرر النصوص والمشاركات في المنتدى
              كود HTML:
              .b-editor .cke_inner .cke_contents {
min-height: 200px; }​
              Just a moment...
              https://forum.vbulletin.com/forum/vbulletin-6/feedback-suggestions/4488006-increase-the-default-height-of-editor


              ​
              دليل متغيرات الستايل / الخطوط والخلفيات والألوان
              Just a moment...
              https://forum.vbulletin.com/stylevars


              Just a moment...
              https://forum.vbulletin.com/forum/vbulletin-5-connect/vbulletin-5-connect-questions-problems-troubleshooting/vbulletin-5-tutorials/4186900-stylevars-definitions-full-list


              ​
              اضافة خطوط قوقل وجميع الخطوط الموجودة في مواقع الخطوط يتم وضع أكوادها في في قالب includes_fontawesome​

                تعليق

                • AboAbdulla
                  ابوعبدالله

                  • 23 - 12 - 2004
                  • 5037



                  • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                    إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                    اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                    واستودعتك لا إله الا الله فذكرنيها في كل وقت
                  #5
                  أفكار كثير للتعديلات في القوالب والستايلات ، يمكن تطبيقها
                  [CSS] - How to Center a Div with CSS
                  [CSS] - How to Center a Div with CSS
                  https://www.shecodes.io/athena/1485-how-to-center-a-div-with-css
                  Learn how to center a div with CSS by setting its width to a fixed pixel or percentage value and its margin to auto.



                  لتطبيق المباشر للقوالب

                  Just a moment...
                  https://jsfiddle.net/

                  Centering Percentage Width/Height Elements | CSS-Tricks
                  https://css-tricks.com/centering-percentage-widthheight-elements/
                  If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left

                    تعليق

                    • AboAbdulla
                      ابوعبدالله

                      • 23 - 12 - 2004
                      • 5037



                      • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                        إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                        اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                        واستودعتك لا إله الا الله فذكرنيها في كل وقت
                      #6
                      في تصميم الويب، rem - px - em هي وحدات قياس تستخدم لخصائص CSS وخاصةً لحجم الخطوط والتباعد بينها.

                      px (بكسل): هذه وحدة ثابتة. إذا قمت بتعيين عرض العنصر إلى 100 بكسل، فسيكون عرضه دائمًا 100 بكسل، بغض النظر عن إعدادات المستخدم أو حجم الشاشة. إنها دقيقة ولكنها غير قابلة للتطوير.

                      em: هذه الوحدة نسبية لحجم خط العنصر الأصلي. إذا قمت بتعيين حجم خط العنصر إلى 2em، فسيكون ضعف حجم خط العنصر الأصلي. على سبيل المثال، إذا كان حجم الخط الأصلي 16 بكسل، فإن 2em يساوي 32 بكسل. هذا مفيد لإنشاء تصميمات متجاوبة.

                      rem (جذر em): مشابه لـ em، لكنه نسبي لحجم الخط الجذر (html). يوفر حجمًا أكثر اتساقًا لأنه لا يعتمد على حجم العنصر الأصلي. إذا كان حجم الخط الجذري هو 16 بكسل وقمت بتعيين حجم العنصر إلى 2rem، فسيكون 32 بكسل.

                        تعليق

                        • AboAbdulla
                          ابوعبدالله

                          • 23 - 12 - 2004
                          • 5037



                          • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                            إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                            اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                            واستودعتك لا إله الا الله فذكرنيها في كل وقت
                          #7
                          Miscellaneous
                          هذه المتغيرات التي تتحكم في اشكال الخطوط الظاهرة في اجزاء المنتدى
                          1- Global_Text_Font
                          يتحكم هذا المتغير في عائلة الخط والنمط وارتفاع السطر للنص في جميع أنحاء المنتدى (سابقاً كان أسمه: الخط الصغير). فهو يتحكم في خط (توقيت المشاركة، أسم كاتب المشاركة، وصف الأقسام ، عنوان الموضوع وكذلك الكلمات: ردود ، مشاهدات ، معجبون)
                          ملاحظة: يجب تحري الدقة في ضبط هذا المتغير وذلك للحصول على أفضل النتائج، ويمكن ضبط حجم الخط الإجمالي المطلوب من خلال استخدام المتغير [Root_Font_Size] وكذلك ضبط الجوانب الأخرى للخط هنا.
                          1- Forum_List_Category_Font
                          شكل الخط للأقسام الرئيسية يتحكم في شكل وعائلة الخطوط والحجم والنمط للفئات الموجودة في قائمة المنتدى مثل خط المنتديات الرئيسية.
                          2- Content_List_Text_Color
                          لون نص قائمة المحتوى بما فيه كلمة (مثبت و مغلق) يتحكم في لون النص في قوائم المحتوى المختلفة مثل كلمة (مثبت أو مغلق) وكذلك يقوم على تغيير أسم منشأ الموضوع و التاريخ وعدد (المشاهدات والردود)، بما في ذلك قوائم الموضوعات (علامة التبويب الموضوعات)، وقوائم المنتديات أو القنوات (علامة التبويب المنتديات، وقائمة المنتديات الفرعية، وعلامة التبويب مدونات الأعضاء، وعلامة التبويب المجموعات، وما إلى ذلك) في المنتدى أو المدونة أو المجموعة.
                          3- Forum_List_Forum_Font
                          يتحكم في عائلة الخطوط وحجمها ونمطها لأسماء المنتديات الرئيسية التي تحت الأقسام الرئيسية في قائمة المنتديات.
                          4- Forum_List_Heder_Font
                          الخط في رأس جدول قائمة المنتديات الرئيسية (القسم، المواضيع، المشاركات، آخر مشاركة) يتحكم في عائلة الخطوط وحجمها ونمطها لهيدر رأس قائمة المنتديات الرئيسية (رؤوس الأعمدة) التي تضم الكلمات التالية: (القسم، المواضيع، المشاركات، آخر مشاركة).
                          5- post_content_font (مهم جداً)
                          الخط المستخدم في المشاركات والتعقيبات وهذا الخط الذي يتم استخدامة وعرضة في المواضيع، المشاركات، التعقيبات والمنشورات أخرى في المنتدى.
                          6- Header_Tab_Font ملاحظة:(هذا المتغير وجميع المتغيرات التي أسفل منها)
                          يتحكم في عائلة الخطوط وحجمها ونمطها لعلامات تبويب التنقل الرئيسية [Navigation Tabs] في منطقة رأس المنتدى التي تضم (التقويم ، المشاركات الأخيرة ، مواضيع اليوم ، قائمة الاعضاء) ملاحظ: وذلك في حالتها غير النشطة فقط. وهو مرتبط في المتغير التالي : [Header_Tab_Font_Active] في حال غيرت الأول يجب أن تغير الثاني بنفس أسماء وشكل الخطوط
                          Header_Tab_Font_Active يتحكم في عائلة الخطوط وحجمها ونمطها لعلامات تبويب التنقل الرئيسية [Navigation Tabs] في منطقة رأس المنتدى التي تضم (التقويم ، المشاركات الأخيرة ، مواضيع اليوم ، قائمة الاعضاء) ملاحظة وذلك في حالتها النشطة فقط.
                          Header_Tab_Text_Color_Hover
                          يتحكم في لون النص لعلامات التبويب الرئيسية عند مرور الماوس فوق الروابط في الأعلى والتي تضم (التقويم ، المشاركات الأخيرة ، مواضيع اليوم ، قائمة الاعضاء) .
                          Header_Tab_Text_Decoration_Hover
                          يتبع للمتغيرات السابق، حيث يمكن لك تغيير شكل الخط سواء يكون عريض ، أو تحته خط في حال مرور الماوس فوق الرابط.

                            تعليق

                            • AboAbdulla
                              ابوعبدالله

                              • 23 - 12 - 2004
                              • 5037



                              • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                                إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                                اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                                واستودعتك لا إله الا الله فذكرنيها في كل وقت
                              #8
                              لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى HomePage فقط فيوجد خيارين إما:
                              • الأول من خلال خيارات لوحة تحكم المنتدى ، التعديل على المنتديات ومن ثم تعيين ترتيب العرض إلى (صفر) لكل منتدى فرعي لا تريد ظهورة إطلاقاً.
                              • والخيار الأخر هو إضافة كود في قالب css_additional.css
                              كود HTML:
                              /* لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى */
.subforum-list {
display: none;
}
                              كود PHP
                              كود PHP:
                              /* لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى */
                              .subforum-list {
                              display: none;
                              }                              ​ 
                              كود عادي
                              كود:
                              /* لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى */
.subforum-list {
display: none;
}​

                                تعليق

                                • AboAbdulla
                                  ابوعبدالله

                                  • 23 - 12 - 2004
                                  • 5037



                                  • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                                    إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                                    اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                                    واستودعتك لا إله الا الله فذكرنيها في كل وقت
                                  #9
                                  المشاركة الأصلية بواسطة AboAbdulla
                                  لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى HomePage فقط فيوجد خيارين إما:
                                  • الأول من خلال خيارات لوحة تحكم المنتدى ، التعديل على المنتديات ومن ثم تعيين ترتيب العرض إلى (صفر) لكل منتدى فرعي لا تريد ظهورة إطلاقاً.
                                  • والخيار الأخر هو إضافة كود في قالب css_additional.css
                                  كود HTML:
                                  /* لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى */
.subforum-list {
display: none;
}
                                  كود PHP
                                  كود PHP:
                                  /* لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى */
                                  .subforum-list {
                                  display: none;
                                  } 
                                  كود عادي
                                  كود:
                                  /* لأخفاء الأقسم الفرعية في الصفحة الرئيسية للمنتدى */
.subforum-list {
display: none;
}​
                                  المتغيرات التي تتحكم في اشكال الخطوط الظاهرة في اجزاء المنتدى

                                    تعليق

                                    • AboAbdulla
                                      ابوعبدالله

                                      • 23 - 12 - 2004
                                      • 5037



                                      • (( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ
                                        إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))
                                        اللهم إني استودعتك قلبي فلا يبقى فيه إلا أنت
                                        واستودعتك لا إله الا الله فذكرنيها في كل وقت
                                      #10
                                      المشاركة الأصلية بواسطة AboAbdulla
                                      الاقتباس - bbcode_quote
                                      الاقتباس - bbcode_quote
                                      استبدال قالب: bbcode_quote بالموجود في المرفقات ← ←
                                      الملفات المرفقة

                                        تعليق

                                        السابق template التالي
                                        يعمل...