الوضع الداكن والعادي

2 مشترك

اذهب الى الأسفل

تم الحل الوضع الداكن والعادي

مُساهمة من طرف elmasry8214 الأربعاء 2 أكتوبر 2024 - 20:33

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


ممكن? طريقة لآضافة الوضع الداكن لمنتداي وشكرا ♥


عدل سابقا من قبل elmasry8214 في الجمعة 4 أكتوبر 2024 - 0:26 عدل 1 مرات
elmasry8214
elmasry8214
 
 

ذكر
عدد المساهمات : 670
معدل النشاط : 6994
السُمعة : -2

http://www0.all-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف كونان2000 الأربعاء 2 أكتوبر 2024 - 20:37

وعليكم السلام ورحمة الله وبركاته
اهلا اخي elmasry8214
ماهي نسخة منتداك
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1775
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

elmasry8214 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف elmasry8214 الأربعاء 2 أكتوبر 2024 - 20:52

 phpBB2
elmasry8214
elmasry8214
 
 

ذكر
عدد المساهمات : 670
معدل النشاط : 6994
السُمعة : -2

http://www0.all-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف كونان2000 الخميس 3 أكتوبر 2024 - 19:06

اهلا
اولا ضع الكود التالي بالهيدر
الكود:
<button id="theme-toggle-button">
    المظهر الداكن    
</button>

الكود الثاني جافا واختار جميع الصفحات
Spoiler:


الكود الاخير css
Spoiler:

ربما لن يعمل على جميع الاماكن

لان نسخة phpBB2 هي الاكثر تعقيدا

لهذا يحتاج تركيب الكود في منتداك اولا
ثم نضع التعديلات المناسبة له
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1775
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف elmasry8214 الخميس 3 أكتوبر 2024 - 19:39

مشتغلش Sad
elmasry8214
elmasry8214
 
 

ذكر
عدد المساهمات : 670
معدل النشاط : 6994
السُمعة : -2

http://www0.all-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف كونان2000 الخميس 3 أكتوبر 2024 - 19:42

elmasry8214 كتب:مشتغلش Sad
اهلا اخي
تاكد من تفعيل الجافا في منتداك ؟
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1775
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

elmasry8214 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف elmasry8214 الخميس 3 أكتوبر 2024 - 19:42

حصل  هو اشتغل على الفئات  وخلي  الخلفيه رقم 2 في المنتدى سودة تلقائي
elmasry8214
elmasry8214
 
 

ذكر
عدد المساهمات : 670
معدل النشاط : 6994
السُمعة : -2

http://www0.all-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف كونان2000 الخميس 3 أكتوبر 2024 - 19:45

elmasry8214 كتب:حصل  هو اشتغل على الفئات  وخلي  الخلفيه رقم 2 في المنتدى سودة تلقائي
هذا من كود الcss
انتظر حتى اقوم بالتعديل عليه ليناسب منتداك

clown

كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1775
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

elmasry8214 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف elmasry8214 الخميس 3 أكتوبر 2024 - 20:21

كونان2000 كتب:
elmasry8214 كتب:حصل  هو اشتغل على الفئات  وخلي  الخلفيه رقم 2 في المنتدى سودة تلقائي
هذا من كود الcss
انتظر حتى اقوم بالتعديل عليه ليناسب منتداك

clown

منتظرك
elmasry8214
elmasry8214
 
 

ذكر
عدد المساهمات : 670
معدل النشاط : 6994
السُمعة : -2

http://www0.all-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف كونان2000 الخميس 3 أكتوبر 2024 - 22:27

elmasry8214 كتب:منتظرك
اهلا
استبدل الcss السابق بالتالي
الكود:
.dark-mode {
    background: #101010!important;
    color: #d4d4d4!important;
}
body.dark-mode body {
    background: #101010!important;
    color: #d4d4d4!important;
}
.light-mode {
    background: #fff!important;
    color: #222!important; /* لون النص يجب أن يكون مختلفًا بين المظهرين */
}
body.dark-mode .profile-advanced-stats dt {
    color: black !important;
    background: #ffffff2e;
}
body.dark-mode #tabs li:hover, body.dark-mode .tabs li:hover {
    background-color: #868686;
}
body.dark-mode .poster-profile {
    color: #000000 !important;
    background: #ffffffb5;
    margin-bottom: 4px;
}
body.dark-mode .block-login .input,body.dark-mode  .block-modal .input {
    color: azure!important;
}
body.dark-mode .forumline > tbody > tr.post > td,body.dark-mode .forumline td,body.dark-mode .table1 th,body.dark-mode .table1 td,
body.dark-mode .forumline tbody tr,
body.dark-mode .table1 tbody tr,
body.dark-mode #tabs li a, body.dark-mode .tabs li a,
body.dark-mode #tabs ul, body.dark-mode .tabs ul,
body.dark-mode .bodyline,
body.dark-mode .forumline .row1,body.dark-mode .forumline .row2,body.dark-mode .forumline .row3,body.dark-mode .forumline .row3Right,
body.dark-mode .lp,
body.dark-mode .block-topics .block-topics-posts i,body.dark-mode .inkor-sign-box{
    background: #1f1f1f!important;
    color: #d4d4d4!important;
}
body.dark-mode input.post,body.dark-mode  textarea.post,body.dark-mode  select {
    background-color: #363636 !important;
    color: #ffffff !important;
}
body.dark-mode .gen,body.dark-mode  .genmed,body.dark-mode  .gensmall {
    color: #afafaf;
}
body.dark-mode a {
 color: #fffefe !important
}

body.dark-mode .stat-in {
    background-color: #4c4b4b;
}
body.dark-mode .stat-in span {
    color: #ffffff;
}
body.dark-mode .li-ft a {
    background-color: #000000;
}

body.dark-mode a:visited {
    color: #c99686 !important;
}


/* زر التبديل */
#theme-toggle-button {
    background-color: #000; /* لون افتراضي للزر */
    color: #fff; /* لون النص افتراضي */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    background-image: url('moon.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px; /* تغيير البادينج ليتناسب مع الصورة */
    transition: background-color 0.3s, color 0.3s; /* تحويل الانتقالي */
}

/* تغيير لون الزر عند الضغط */
#theme-toggle-button.dark-mode {
    background-color: #777; /* لون الزر في حالة المظهر الداكن */
    color: #000; /* لون النص عند الضغط */
}


/* الستايلات للمظهر العادي */
.light-mode {
    background: #fff!important;
    color: #222!important; /* لون النص يجب أن يكون مختلفًا بين المظهرين */
}

/* زر التبديل */
#theme-toggle-button {
    background-color: #000; /* لون افتراضي للزر */
    color: #fff; /* لون النص افتراضي */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    background-image: url('moon.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px; /* تغيير البادينج ليتناسب مع الصورة */
    transition: background-color 0.3s, color 0.3s; /* تحويل الانتقالي */
}

/* تغيير لون الزر عند الضغط */
#theme-toggle-button.dark-mode {
    background-color: #777; /* لون الزر في حالة المظهر الداكن */
    color: #000; /* لون النص عند الضغط */
}
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1775
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

elmasry8214 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف elmasry8214 الجمعة 4 أكتوبر 2024 - 0:26

انا لما قلت انك مبدع مكذبتش تسلم يا صديقي
elmasry8214
elmasry8214
 
 

ذكر
عدد المساهمات : 670
معدل النشاط : 6994
السُمعة : -2

http://www0.all-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: الوضع الداكن والعادي

مُساهمة من طرف كونان2000 الجمعة 4 أكتوبر 2024 - 17:05

elmasry8214 كتب:انا لما قلت انك مبدع مكذبتش تسلم يا صديقي
شكراً جزيلاً لك اخي elmasry8214 ^^
هذا يعني لي الكثير.

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1775
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى