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

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

السلام عليكم و رحمة الله وبركاته  مساء الخير صيام مقبول على الجميع  بعد التحويل بنجاح جالس أعدل بتصميم المنتدى لكن ظهرت مشكله بعد تقليل عرض المنتدى 



26-03-2023 05:15 مساءً
معلومات الكاتب ▼
انضم في : 17-03-2023
رقم العضوية : 9,488
المشاركات : 54
الجنس :
تاريخ الميلاد : 17-3-1982
قوة السمعة : 100
موقعي : زيارة موقعي
السلام عليكم و رحمة الله وبركاته 
مساء الخير صيام مقبول على الجميع 
بعد التحويل بنجاح جالس أعدل بتصميم المنتدى لكن ظهرت مشكله بعد تقليل عرض المنتدى 
حيث القوائم في الهيدر  تظهر  متباعدة كما هو موضح بالصور  : 
B1l8QeT
AHF7Oue

أيضا ماهو الكود المسؤل عن تغيير لون الهيدر
JsjkHfc

أيضا  كيف يمكن تغير نوع وحجم خط الكتابه  في المحرر 
O4bE7Wq

look/images/icons/i1.gif مشكلة القوائم المنبثقة و الهيدر
  26-03-2023 08:19 مساءً   [1]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,649
الدولة : KSA
الجنس :
الدعوات : 53
قوة السمعة : 74,556
موقعي : زيارة موقعي
وعليكم السلام ورحمة الله وبركاته ،،

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

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

Mzg2OTY3MC45MTApbba2

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


بخصوص  الخط الا فتراضي للمحرر يمكنك تغيره من ملف:
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 غيره الى اي حجم تريده 

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

ODExNjQwLjY3MjMpbba3



وبخصوص تصغير عرض المنتدى
يمكنك اضافة هذا الكود لكلاس 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 من لوحة إدارة المنتدى 
لوحة تحكم الإدارة » التحكم بالإستايلات
NDI0NTEyMC4wMTcstyle_control
 
 


look/images/icons/i1.gif مشكلة القوائم المنبثقة و الهيدر
  26-03-2023 09:58 مساءً   [2]
معلومات الكاتب ▼
انضم في : 17-03-2023
رقم العضوية : 9,488
المشاركات : 54
الجنس :
تاريخ الميلاد : 17-3-1982
قوة السمعة : 100
موقعي : زيارة موقعي
هلا أخوي سليمان
لدي معرفه في طريقة تعديل عن طريق ملف css 
لكن فيه أشياء مثل خلفيه الهيدر الكود الخاث بها ماهو موجود في ملف css 
المشكله ليست في تقليل العرض المشكله في القائمه  المنبثقه تفتح في مكان مختلف
بعد تطبيق الكود :
CSS

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


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


look/images/icons/i1.gif مشكلة القوائم المنبثقة و الهيدر
  26-03-2023 11:13 مساءً   [3]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,649
الدولة : KSA
الجنس :
الدعوات : 53
قوة السمعة : 74,556
موقعي : زيارة موقعي
يمكنك زيادة قيمة 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 او استبدالها بلون مختلف حسب مايناسبك

رد جديد موضوع جديد




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









الساعة الآن 09:50 PM