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

2 مشترك

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

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

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

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


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


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

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

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

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

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

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

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

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

https://anime.forumperso.com/

Vito corleone يعجبه هذا الموضوع

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

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

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

 phpBB2
Vito corleone
Vito corleone
 
 

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

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

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

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

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

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

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


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

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

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

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

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

https://anime.forumperso.com/

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

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

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

مشتغلش Sad
Vito corleone
Vito corleone
 
 

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

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

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

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

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

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

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

https://anime.forumperso.com/

Vito corleone يعجبه هذا الموضوع

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

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

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

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

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

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

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

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

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

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

clown

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

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

https://anime.forumperso.com/

Vito corleone يعجبه هذا الموضوع

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

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

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

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

clown

منتظرك
Vito corleone
Vito corleone
 
 

ذكر
عدد المساهمات : 673
معدل النشاط : 7012
السُمعة : -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
احلى نائب
احلى نائب

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

https://anime.forumperso.com/

Vito corleone يعجبه هذا الموضوع

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

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

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

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

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

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

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

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

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

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

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

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

https://anime.forumperso.com/

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

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

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

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