منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

4 مشترك

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

تم الحل إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba الأربعاء 30 أغسطس 2017 - 23:08

السلام عليكم و رحمة الله و بركاته أعضاء و خبراء منتدى الدعم و المساعدة لأحلى منتدى. 
أعتقد أن المطلوب واضح من خلال عنوان الموضوع. 

لقد قمتُ بإلغاء صور أزرار كل من "موضوع جديد" و "إضافة رد" و جعلتُها نصية بإضافة تأثيرات CSS. 

و ذلك بالإعتماد على موضوع وجدته خلال بحثي و رابطه هو التالي: من هنــــــــــــــــــا

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

لكن الموضوع لم يتطرق إلى إلغاء الأزرار في صفحة معاينة المواضيع في الأقسام... 
و قد حاولتُ جاهدا و الحمد لله نجح الأمر بعد البحث في كل القوالب... 
و قد نجح الأمر بعد دخولي إلى قالب viewforum body. 
و قمتُ باستبدال 
الكود التالي فيه... 
الكود:
<!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
 <!-- END switch_user_authpost -->

بالكود الآتي: 
الكود:
<!-- BEGIN switch_user_authpost -->
         <tr><div class="topic_en">
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="topic_1">موضوع جديد</a></div></tr>
<!-- END switch_user_authpost -->

و مشكلتي هي: 
أن الزر الأول الموجود في أعلى القسم هو فقط من تغير. 
أما الزر الآخر المتواجد في الأسفل فقد بقي على شكل صورة. 


و يمكنكم معاينة أحد الأقسام في منتداي: مثلا...  من هنــــــا


و قد بحتثُ جاهدا لكن لم ينجح الأمر معي... 
و أرجو مِن مَن يعرف أين يمكنني تغيير الزر الموجود في أسفل القسم فسأكون شاكرا له. 
و بارك الله فيكم. 
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف Kimo Mimo الخميس 31 أغسطس 2017 - 14:33

تم النقل للقسم المُناسب Cool
Kimo Mimo
Kimo Mimo
 
 

ذكر
عدد المساهمات : 6840
معدل النشاط : 20119
السُمعة : 728

https://help.ahlamontada.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba الخميس 31 أغسطس 2017 - 15:21

شكرا لك أخي Kimo Mimo

الحمد لله... 
بعد بحث طويل... ثم حل المشكلة
بحيث أنني في نفس القالب viewforum_body
قمتُ باستبدال هذا الكود 
الكود:
<td align="left" valign="middle" width="50">
 <!-- BEGIN switch_user_logged_in -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
 <!-- END switch_user_logged_in -->
 </td>

بهذا الكود... 
الكود:
<!-- BEGIN switch_user_authpost -->
         <tr><div class="topic_en"><a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="topic_1">موضوع جديد</a></div></tr>
<!-- END switch_user_authpost -->
و نجح الأمر، و تغيرت صورة "موضوع جديد" في أسفل قسم معاينة المواضيع إلى زر بخصائص الــ CSS. (و هي التي كان لدي فيها المشكلة). 


للإضافة... (ظهور مشكلة أخرى...). 

لاحظتُ مشكلة أخرى و هي...
اختفاء أيقونة (أو صورة) "موضوع مغلق" بالنسبة للمواضيع المغلقة. 
فهي لم تعد تظهر و أرجو المساعدة بهذه المشكلة. 


عدل سابقا من قبل ali_baba في الخميس 31 أغسطس 2017 - 21:43 عدل 4 مرات
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba الخميس 31 أغسطس 2017 - 21:04

السلام عليكم و رحمة الله و بركاته
هل من مساعدة من فضلكم جزاكم الله كل الخير. 
أو على الأقل أريد الرمز الخاص بـــ "موضوع مغلق" و في أي قالب سأجده و شكرا. 
نعرف أن الرمز الخاص بـــ "موضوع جديد" هو: 
الكود:
{U_POST_NEW_TOPIC}

و الرمز الخاص بــــ "إضافة رد" هو: 

الكود:
{U_POST_REPLY_TOPIC}

فما هو الرمز الخاص بـــ "موضوع مغلق" و في أي قالب سأجده و شكرا.
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف JoryAbdallah السبت 2 سبتمبر 2017 - 1:36


الزر الآخر المتواجد في الأسفل فقد بقي على شكل صورة.

قم بالبحث مرة اخرى ستجد القالب تحت ايضا بنفس القالب
لقد ذكرت انه مكرر مرتين
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8408
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba السبت 2 سبتمبر 2017 - 16:15

JoryAbdallah

الزر الآخر المتواجد في الأسفل فقد بقي على شكل صورة.

قم بالبحث مرة اخرى ستجد القالب تحت ايضا بنفس القالب
لقد ذكرت انه مكرر مرتين
ألف شكر لك أخي عبد الله على الإهتمام. 
لقد تم حل هذه المشكلة بفضل الله سبحانه و تعالى... 
و قد أشرتُ إلى هذا في أحد ردودي في هذا الموضوع. 


لكن ظهرت مشكلة أخرى و قد أشرتُ إليها أيضا في أحد ردودي و هو الآتي: 
ali_baba كتب:السلام عليكم و رحمة الله و بركاته
هل من مساعدة من فضلكم جزاكم الله كل الخير. 
أو على الأقل أريد الرمز الخاص بـــ "موضوع مغلق" و في أي قالب سأجده و شكرا. 
نعرف أن الرمز الخاص بـــ "موضوع جديد" هو: 
الكود:
{U_POST_NEW_TOPIC}

و الرمز الخاص بــــ "إضافة رد" هو: 

الكود:
{U_POST_REPLY_TOPIC}

فما هو الرمز الخاص بـــ "موضوع مغلق" و في أي قالب سأجده و شكرا.


للإضافة... (ظهور مشكلة أخرى...). 

لاحظتُ مشكلة أخرى و هي...
اختفاء أيقونة (أو صورة) "موضوع مغلق" بالنسبة للمواضيع المغلقة. 
فهي لم تعد تظهر و أرجو المساعدة بهذه المشكلة. 



و هنا أتسائل... ربما الأمر يتعلق بأكواد الجافاسكريبت....؟؟ 
و شكرا لك مرة أخرى. 
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف omarpop23 السبت 2 سبتمبر 2017 - 17:57

مرحبا
لا يوجد رمز خاص بالموضوع مغلق لذلك سأقوم بكتابة كود جافا يمكننا من الوصول الي هذا الزر ووضع له خصائص بواسطة ال CSS وجعله نصي
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف omarpop23 السبت 2 سبتمبر 2017 - 18:22

مرحباً @ali_baba
    انا لا انصح باستخدام هذه الموضوع تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css
لذلك أطلب منك اعادة القوالب كما كانت مع استخدام الكود الذي قمت بكتابته و الذي سوف يقوم بأستبدال ازرار الكتابة من صور الي نصوص

تفضل الكود
الكود:
$(function() {
    $('img[alt*="هذا المنتدى مُقفل"]').replaceWith('<span class="lockedForum">المنتدى مُقفل</span>');
    $('img[alt*="هذا الموضوع مغلق"]').replaceWith('<span class="lockedForum">الموضوع مُغلق</span>');
    $('img[alt*="إرسال مساهمة في موضوع"]').replaceWith('<span class="lockedForum sendReply">رد جديد</span>');
    $('img[alt*="إرسال موضوع جديد"]').replaceWith('<span class="lockedForum sendTopic">موضوع جديد</span>');
// by omarpop23
});

ثم قم بإضافة كود ال CSS التالي في ورقة ال CSS الخاصة بك
الكود:
.lockedForum {
    background: #f00;
    padding: 3px 12px;
    border-radius: 5px;
    color: #FFF;
    transition: 300ms;
}
.sendReply, .sendTopic {
    background: #39c;
}
.lockedForum:hover {
    background: #333;
}


عدل سابقا من قبل omarpop23 في السبت 2 سبتمبر 2017 - 18:44 عدل 2 مرات
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba السبت 2 سبتمبر 2017 - 18:35

omarpop23 كتب:مرحباً @ali_baba
    انا لا انصح باستخدام هذه الموضوع تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css
لذلك أطلب منك اعادة القوالب كما كانت مع استخدام الكود الذي قمت بكتابته و الذي سوف يقوم بأستبدال ازرار الكتابة من صور الي نصوص

تفضل الكود
الكود:
$(function() {
    $('img[alt*="هذا المنتدى مُقفل"]').replaceWith('<span class="lockedForum">المنتدى مُقفل</span>');
    $('img[alt*="هذا الموضوع مغلق"]').replaceWith('<span class="lockedForum">الموضوع مُغلق</span>');
    $('img[alt="إرسال مساهمة في موضوع"]').replaceWith('<span class="lockedForum sendReply">رد جديد</span>');
    $('img[alt="إرسال موضوع جديد"]').replaceWith('<span class="lockedForum sendTopic">موضوع جديد</span>');
');
// by omarpop23
});

ثم قم بإضافة كود ال CSS التالي في ورقة ال CSS الخاصة بك
الكود:
.lockedForum {
    background: #f00;
    padding: 3px 12px;
    border-radius: 5px;
    color: #FFF;
    transition: 300ms;
}
.sendReply, .sendTopic {
    background: #39c;
}
.lockedForum:hover {
    background: #333;
}

شكرا لك أخي الغالي
لقد وجدتني أتسائل مع نفسي إن كان الأمر يتعلق فعلا بأكواد الجافا
و الحمد لله أنك أكدتَ ظني
و شكرا لك مرة أخرى
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba السبت 2 سبتمبر 2017 - 18:44

أهلا بك أخي omarpop23
هل يجب علي إضافة الكود ضمن أكواد الجافاسكريبت؟؟؟؟ 
و شكرا لك
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف omarpop23 السبت 2 سبتمبر 2017 - 19:18

يجب اضافة كود الجافا في المواضيع الثانوية و المواضيع فقط
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف omarpop23 السبت 2 سبتمبر 2017 - 20:33

هل تم الحل ؟
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف ali_baba السبت 2 سبتمبر 2017 - 20:42

omarpop23 كتب:هل تم الحل ؟

تم الحل أخي عُمر ... 
و جزاك الله كل الخير
بارك الله فيك. 
ali_baba
ali_baba

إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.  01010

ذكر
عدد المساهمات : 17
معدل النشاط : 4020
السُمعة : 1

http://achaamel.com

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

تم الحل رد: إلغاء أزرار كتابة موضوع و إضافة رد و جعلها نصية بإضافة تأثيرات CSS.

مُساهمة من طرف JoryAbdallah الأحد 3 سبتمبر 2017 - 19:45

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8408
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

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