السلام عليكم إخواني الغاليين
إن شـاء الله يكون الجميع بألف خير في هـذا الشهر الكريم
بعد الصلاة علي خير خلق الله سيدنـا محمد عليه أفضل الصلاة والسلام
ندخل في الموضوع
هـذا تعديل بسيط لإظهـار قالب template Postbit_legacy بشكل جديد إن شـاء الله ينال إعجابكم
صورة للقالب template بعد التعديل
-------------------
صورة لألوان الأخرى
------------------------
الأن نبدأ على بركة الله
أول شيء حمل مجلد postbit_legacy_skindz إلى مجلد misc الموجود في مجلد images
وليس مجلد ستايل styleك
بعد ذلك
ندخل على لوح تحكم الإدارة
في الستايل style الذي نريد نعدل عليه
نظيف في أخر تعاريف CSS الإضافية
رمز Code:
.haut{ background-image: url(images/misc/postbit_legacy_skindz/postbit-perso_01.png); background-repeat: no-repeat ; width: 185px; height: 43px; } .milieu{ background-image: url(images/misc/postbit_legacy_skindz/postbit-perso_03.png); background-repeat: repeat-y; width: 185px; text-align: center; text-decoration: none; font-family: "Comic Sans MS"; font-style: normal; font: bold; color: white; } .milieu a:link { color:white; text-decoration:none; background-color:; } .milieu a:visited { color:white; text-decoration:none; background-color:; } .milieu a:hover { color:black; text-decoration:underline overline; background-color:; } .milieu a:active { color:black; text-decoration:none; background-color:; } .bas{ background-image: url(images/misc/postbit_legacy_skindz/postbit-perso_05.png); background-repeat: no-repeat ; width: 185px; height: 66px; } #marginpostbit{ margin: 0 10px 0 10px; text-align:center; } #marginpostbit{ margin: 0 12px 0 12px; text-align:center; }
الأن نتجه لقالب template
Postbit_legacy
نبحث عن هذا الكود code
رمز Code:
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"> <div id="postmenu_$post[postid]"> <if condition="$show['profile']"> <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a> <script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script> <else /> $post[musername] </if> </div> <if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if> <if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if> $template_hook[postbit_userinfo_left] <if condition="$show['avatar']"> <div class="smallfont"> <br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a> </div> </if> <div class="smallfont"> <br /> <if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if> <if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if> <if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if> <div> $vbphrase[posts]: $post[posts] </div> $template_hook[postbit_userinfo_right_after_posts] <if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if> <if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if> $template_hook[postbit_userinfo_right] <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div> </div> </td> <if condition="$show['moderated']"> <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> <else /> <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> </if>
وإستبدله بهـذا الكــود
رمز Code:
<td class="alt2" width="190" rowspan="2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"><center> <div class="haut"></div> <div class="milieu"><div id="marginpostbit"> <if condition="$show['profile']"> <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a> <script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script> <else /> $post[musername] </if> <if condition="$post['usertitle']"><div>$post[usertitle]</div></if> <if condition="$post['rank']"><div>$post[rank]</div></if> $template_hook[postbit_userinfo_left] <if condition="$show['avatar']"> <br /> <a href="member.php?$session[sessionurl]u=$post[userid]"><center><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></center></a><br /></if> <if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if> <if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if> <if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if> $vbphrase[posts]: $post[posts] $template_hook[postbit_userinfo_right_after_posts] <if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if> <if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if> $template_hook[postbit_userinfo_right] <div><br />$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon] </div></div></div> <div class="bas"></div></center> </td> <if condition="$show['moderated']"> <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> <else /> <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> </if>
-----------------------
في نفس القالب template نبحث عـن
رمز Code:
<if condition="$post['signature']"> <!-- sig --> <div> __________________<br /> $post[signature] </div> <!-- / sig --> </if> $template_hook[postbit_signature_end] <if condition="$show['postedited']"> <!-- edit note --> <div class="smallfont"> <hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" /> <em> <if condition="$show['postedithistory']"> <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>. <else /> <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>. </if> <if condition="$post['edit_reason']"> $vbphrase[reason]: $post[edit_reason] </if> </em> </div> <!-- / edit note --> </if> </td> </tr>
إستبــدله بــ
رمز Code:
<tr> <td class="alt1" valign="bottom" height="100%"style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> $template_hook[postbit_signature_start] <if condition="$post['signature']"> <!-- sig --> <hr size="1" style="color:$stylevar[tborder_bgcolor]" /> <div valign="bottom"> $post[signature] </div> <!-- / sig --> </if> $template_hook[postbit_signature_end] <if condition="$show['postedited']"> <!-- edit note --> <div class="smallfont"> <hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" /> <em> <if condition="$show['postedithistory']"> <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>. <else /> <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>. </if> <if condition="$post['edit_reason']"> $vbphrase[reason]: $post[edit_reason] </if> </em> </div> <!-- / edit note --> </if> </td> </tr>
الأن إحفظ القالب template ومبروك عليك
--------------
التعديل على حسب الذوق
لتغيير لون الخلفية فقط عليك عمل إستبدال للصور
لتغيير لون الخط
هنـاك لونــان الأسود واللون الأبيض
للإستعمــال اللون الأبيض في الكتـابة
مـاعليك إلى إستبدال كود code Css الأول بهـذا
رمز Code:
background-color:; } .milieu a:visited { color:white; text-decoration:none; background-color:; } .milieu a:hover { color:black; text-decoration:underline overline; background-color:; } .milieu a:active { color:black; text-decoration:none; background-color:; } .bas{ background-image: url(images/misc/postbit_legacy_skindz/postbit-perso_05.png); background-repeat: no-repeat ; width: 185px; height: 66px; } #marginpostbit{ margin: 0 10px 0 10px; text-align:center; } #marginpostbit{ margin: 0 12px 0 12px; text-align:center; }
للإستعمــال اللون الأسود في الكتـابة
مـاعليك إلى إستبدال كود code Css الأول بهـذا
رمز Code:
.haut{ background-image: url(images/misc/postbit_legacy_skindz/postbit-perso_01.png); background-repeat: no-repeat ; width: 185px; height: 43px; } .milieu{ background-image: url(skindz/misc/postbit_legacy_skindz/postbit-perso_03.png); background-repeat: repeat-y; width: 185px; text-align: center; text-decoration: none; font-family: "Comic Sans MS"; font-style: normal; font: bold; color: black; } .milieu a:link { color:black; text-decoration:none; background-color:; } .milieu a:visited { color:black; text-decoration:none; background-color:; } .milieu a:hover { color:#grey; text-decoration:underline overline; background-color:; } .milieu a:active { color:grey; text-decoration:none; background-color:; } .bas{ background-image: url(images/misc/postbit_legacy_skindz/postbit-perso_05.png); background-repeat: no-repeat ; width: 185px; height: 66px; } #marginpostbit{ margin: 0 10px 0 10px; text-align:center; } #marginpostbit{ margin: 0 12px 0 12px; text-align:center; }
*****************************
لحفظ حقوق النـاس هذا التعديل ليس من إختراعي وإنمـا وجدته في إحدى المواقع الأجنبية وبعد تجربته وإعجابي به قررة وضعه بين أيديكم
والله يوفقنـا ويوفقكم جميعــا
أخوكم في الله SkinDz
ظ‚ط§ظ„ط¨ Postbit_legacy ط¨ط´ظƒظ€ظ„ ط¬ط¯ظٹط¯ ظˆط¨ط¹ط¯ط© ط£ظ„ظˆط§ظ†
postbit_legacy.zip (144.0 كيلوبايت, عدد مرات المشاهدة 1325 مرة) [/TR]
رد مع اقتباس
