AbOoOd Seven مؤسس المنتدي
الديانة : الجنس : النادي المفضل : البلد : المهنة : المزاج : عدد المساهمات : 2237 عــدد آلـتـقـيـمآت : 5007 نقاط : 9423 تاريخ التسجيل : 27/11/2010 العمر : 32
| موضوع: شرح طريقة وضع كود التقييم الخاص بمنتدى أشهار, على طبق من ذهب الخميس ديسمبر 29, 2011 4:29 am | |
| أهلا بجميع زوار وأعضاء منتديات صمت الأنين الكرامكما سبق وتم وعدكم بوضع جميع أكوادنا التي تعجبكم لكم هنا بالمجان, فلقد وفينا بوعدنا ولا خير في كاتم العلم.شرحنا اليوم هو طريقة وضع كود التقييم المتناسق كما هو الحال بمنتدى صمت الأنين.للمعاينة الحية:-أدخل على أي موضوع بأي قسم في منتديات صمت الأنين وليكن هذا الموضوع وسترى الكود بأعلى اليمن.للمعاينة عبر صورة للكود:-الأن نأتي للشرح:-خاص فقط لمن يمتلك حق التعديل على التومبلايتلوحة الاداره >> مظهر المنتدى >> التومبلايت >> إدارة عامةviewtopic_bodyواحذف هذا الكود:- - الكود:
-
<!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active --> ثم نبحث عن هذا الكود: - الكود:
-
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> ونضع بأسفلة تمامآ هذا الكود:- - الكود:
-
<!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar"><img src="http://i63.servimg.com/u/f63/13/93/90/70/tlf2310.gif" width="45" height="45"></div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img alt="" src="http://i63.servimg.com/u/f63/13/93/90/70/2w9kz10.gif" width="45" height="45"></a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
ثم سجلبإمكانكم تغيير الصور بتغيير الرابط هذا من الكود السابق:- - اقتباس :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ثم ندخللوحة الاداره >> مظهر المنتدى >> ألوان >> ورقة تصميم css ونضع هذا الكود: - الكود:
-
/*----- التقييم -----*/ .vote { float : right; }
| |
|