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

مشكلة القوائم المنبثقة و الهيدر



26-03-2023 05:15 مساءً
Abu-haron
معلومات الكاتب
السلام عليكم و رحمة الله وبركاته 
مساء الخير صيام مقبول على الجميع 
بعد التحويل بنجاح جالس أعدل بتصميم المنتدى لكن ظهرت مشكله بعد تقليل عرض المنتدى 
حيث القوائم في الهيدر  تظهر  متباعدة كما هو موضح بالصور  : 
مشكلة القوائم المنبثقة و الهيدر
مشكلة القوائم المنبثقة و الهيدر

أيضا ماهو الكود المسؤل عن تغيير لون الهيدر
مشكلة القوائم المنبثقة و الهيدر

أيضا  كيف يمكن تغير نوع وحجم خط الكتابه  في المحرر 
مشكلة القوائم المنبثقة و الهيدر

look/images/icons/i1.gif مشكلة القوائم المنبثقة و الهيدر
  26-03-2023 08:19 مساءً   [1]
Soliman
معلومات الكاتب
وعليكم السلام ورحمة الله وبركاته ،،

سأطلعك على طريقة سهله لتتعلم طريقة التعديل على اي جزء في المنتدى سواء لون او خط او أي امر آخر 
الطريقة هي من المتصفح نفسه انفر بزر الماوس اليمين على الجزء الذي تريد تغيير لونه ولنفس خلفية الهيدر ثم انقر فحص 
شاهد الصور
مشكلة القوائم المنبثقة و الهيدر

سيظهر لك الكلاس الخاص بالخلفية ومكانه ايضاً 

مشكلة القوائم المنبثقة و الهيدر

الطريقة سهله جداً 


بخصوص  الخط الا فتراضي للمحرر يمكنك تغيره من ملف:
look/sceditor/minified/themes/content/default.min.css
من السطر الثالث:
CSS
margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#111;line-height:1.25;overflow:auto


نوع الخط  Verdana,Arial,Helvetica,sans-serif غيره الى اي خط تريده
وحجم الخط  14px غيره الى اي حجم تريده 

يمكنك من نفس الطكريقة التي شرحتها سابقاً تعديل الخطوط ومشاهدتها قبل اعتمادها بالتعديل كتجربه
مثال

مشكلة القوائم المنبثقة و الهيدر



وبخصوص تصغير عرض المنتدى
يمكنك اضافة هذا الكود لكلاس body, .overlay_bg_div  في الاستايل شييت 
ليصبح بهذا الشكل 
CODE

body, .overlay_bg_div {
    background: url(images/background/bg.png) repeat;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}




طريقة تحرير CSS من لوحة إدارة المنتدى 
لوحة تحكم الإدارة » التحكم بالإستايلات
مشكلة القوائم المنبثقة و الهيدر
 

look/images/icons/i1.gif مشكلة القوائم المنبثقة و الهيدر
  26-03-2023 09:58 مساءً   [2]
Abu-haron
معلومات الكاتب
هلا أخوي سليمان
لدي معرفه في طريقة تعديل عن طريق ملف css 
لكن فيه أشياء مثل خلفيه الهيدر الكود الخاث بها ماهو موجود في ملف css 
المشكله ليست في تقليل العرض المشكله في القائمه  المنبثقه تفتح في مكان مختلف
بعد تطبيق الكود :
CSS

body, .overlay_bg_div {
    background: url(images/background/bg.png) repeat;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
مشكلة القوائم المنبثقة و الهيدر

تم تحرير المشاركة بواسطة :Abu-haron بتاريخ:26-03-2023 10:14 مساءً


look/images/icons/i1.gif مشكلة القوائم المنبثقة و الهيدر
  26-03-2023 11:13 مساءً   [3]
Soliman
معلومات الكاتب
يمكنك زيادة قيمة right في كود قائمة العضو لتسحبه لجهه اليسار اكثر
CSS

#userlink_menu {
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    padding: 10px;
    opacity: 1;
    width: 180px;
    position: absolute;
    top: 52px;
    right: 22px;
    z-index: 999;
}
وخلفية الهيدر والستايل بالكامل هي
styles/style_default/images/background/bg.png
يمكنك تغيرها من الـ CSS او استبدالها بلون مختلف حسب مايناسبك



الكلمات الدلالية






الساعة الآن 07:52 PM