هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   شرح إضافة رمز قلم صغير لكتابة موضوع جديد - أمام كل قسم (https://www.helpernt.com/vb/showthread.php?t=5128)

هيلبرنت 12-04-2016 10:55 PM

شرح إضافة رمز قلم صغير لكتابة موضوع جديد - أمام كل قسم
 
السلام عليكم ورحمه الله وبركاته
[ اسم الشرح ] : شرح إضافة رمز قلم صغير لكتابة موضوع جديد - أمام كل قسم
[ الوصف ] : تغيير طفيف على قالب node_forum_level_2 في رئيسية المنتدى، لإضافة رمز قلم صغير يفيد في كتابة موضوع جديد مباشرة من الرئيسية
[ يتوافق مع اي اصدار ] : جميع الإصدارات: 1.X
[ موقع مقدم الشرح ] : مجتمع جلسات جزائرية

ندخل أولا على القالب : node_forum_level_2
نبحث عن الكود التالي :

كود:

<div class="nodeText">           
 <h3 class="nodeTitle"><xen:if is="{$watchCheckBoxName}">
 <input type="checkbox" name="{$watchCheckBoxName}" value="{$forum.node_id}" />&nbsp;</xen:if>
 <a href="{xen:link forums, $forum}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$forum.node_id}'}">{$forum.title}</a></h3>

نضيف بعده التالي :

كود:

<a href="{xen:link 'forums/create-thread', $forum}" class=""><i class="fa fa-pencil Tooltip" title="{xen:phrase create_thread}"></i></a>
هنا نتوقف لحظة:
- إذا كنت تريد رمز القلم قبل إسم القسم = أضف الكود الثاني قبل الكود الأول.
- إذا كنت تريد رمز القلم بعد إسم القسم (تحت إسم القسم على اليمين قبل إحصائيات عدد المواضيع والمشاركات) = أضف الكود الثاني بعد الكود الأول.

أخيرا توجه إلى القالب : EXTRA.css

أضف فيه الكود التالي :

كود:

.nodeList .nodeText .fa.fa-pencil {
 float: left; padding-right: 3px; margin-top: 3px;
 }
 .nodeList .nodeText .fa.fa-pencil:hover {
 color: black; transition: all 0.3s ease-in-out;
 }

نتيجة العمل تكون كالتالي :


غاوى مشاكل 12-24-2016 09:49 PM

رد: شرح إضافة رمز قلم صغير لكتابة موضوع جديد - أمام كل قسم
 
شغل عااااالى


الساعة الآن 10:04 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir