كود ادوات المواضيع بشكل جميل - احلى منتدى

السلام عليكم
مرة أخري مع كود جديد من اكواد التومبلايت . اليوم أقدم لكم كود يقوم بتغيير شكل أدوات المواضيع الى شكل جميل ورائع طبعا فقط من اشتري حق تعديل التومبلايت يستطيع تطبيق الشرح !



طريقة التركيب :
لوحة الادارة > مظهر المنتدى > التومبلايت والقوالب > تعديل viewtopic_body 
ابحث عن الكود الاتي
<td colspan="2">
ضع أسفله الكود الاتي :

<if condition="$show['member']">
<div class="a7la7ekayaa">
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/19675610.jpg"></td>
<td>
<a href="http://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">انشر
 الموضوع </a></td>
</tr>
</table><!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote -->
<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/heart10.png"></td>
<td><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">اضافة تقييم</a></td>
</tr>
</table><!-- END switch_vote --><!-- END switch_vote_active -->

<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/add10.png"></td>
<td><a href="{U_POST_REPLY_TOPIC}" rel="nofollow">الرد على الموضوع</a></td>
</tr>
</table>
<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/flag_r10.png"></td>
<td><a href="post?f=/topic-t{TOPIC_ID}=newtopic">الابلاغ عن الموضوع</a></td>
</tr>
</table>
 
<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/user10.png"></td>
<td><a href="topic-t{TOPIC_ID}.htm?watch=topic">مراقبة هذا الموضوع </a></td>
</tr>
</table>
</div>
</if>

 قم بتغيير رابط منتداك في الكود !
اظغط على +
ثم ادهب الى : لوحة الدارة > مظهر المنتدى > ورقة تصميم css
ضع الكود الاتي :

.AVATAR img {
        height: 220px;
        width: 165px;
    }
 
.postbitbox
{
    background-color: #f4fcfe;
    border-top: solid 2px #f4fcfe;
    border-left: solid 2px #f4fcfe;
    border-right: solid 2px #f4fcfe;
    border-bottom: solid 2px #f4fcfe;
    padding:2px;
    color:#000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 0 6px #137e9c;
    -webkit-box-shadow: 0 0 6px #137e9c;
    box-shadow: 0 0 6px #137e9c;
}
.pbit {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f4fcfe;
border-top: 1px solid #99dff3;
border-left: 2px solid #99dff3;
border-right: 1px solid #99dff3;
border-bottom: 2px solid #99dff3;
margin-bottom: 3px;
}
.pbit:hover{background-color: #e5f7fc;}
 
.content {
    width:700px;
    margin:10px;
    float:right;
}
 
.a7la7ekayaa {
    width:200px;
    margin:10px;
    float:left;
padding: 5px;
}
 
 
.a7la7ekaya {
        border: 1px solid #D1D1E1;
border-right: 2px solid #D1D1E1;
    width:200px;
background: #fbfbfb url(images/misc/alts.gif) repeat-x;
padding: 5px;
}
 
 
.clear {
    clear:both;
}
وأخيــــــــــرا اظغط قدم !!
إقرأ المزيد RésuméBlogCodeSite

كود اطار حول وصف المنتدى - أحلى منتدى

السلام عليكم
كود تومبلايت يقوم بوضع اطار و خلفية لوصف المنتدى و بعد وضع الماوس عليه تتغير خلفية الوصف :d كود جميل و سهل وبسيط


طريقة التركيب :
لوحة الادارة > مظهر المتدى > التومبلايت والقوالب > تعديل INDEX_BOX > نبحث و نحدف الكود الاتي
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
ثم نضع هدا الكود :
              <span class="genmed"><div class="hima-ahlamontadaa">{catrow.forumrow.FORUM_DESC}</div></span> 
قم اظغط +  وهكدا انتهينا من شرح طريقة وضع اطار حول وصف المنتديات باستعمال كود تومبلايت !
انتهى .. !
إقرأ المزيد RésuméBlogCodeSite

كود Template تسجيل الدخول - احلى منتدى

السلام عليكم
اليوم أقدم لكم كود جديد بمظهر جميل و رائع . كود تسجيل الدخول بتقنية Template طبعا فقط من يستطيع تطبيق الشرح من له حق تعديل التومبلايت :D . معاينة للكود الجديد !




طريقة التركيب :
لوحة الادارة > مظهر المنتدى > التومبلايت والقوالب > ادارة عامة > تعديل overall_header > ضع الكود الاتي

  
  <!-- BEGIN switch_user_logged_out -->

  <script src="http://adminstar20.3rab.pro/16462.js"></script>
<script
src="http://adminstar20.3rab.pro/17545.js"></script><div
id="ssgs"  style="position: fixed; width: 225px;left : -200px;top:
40px;z-index: 10;height: auto;">
<table border="0" width="100%" cellspacing="0" cellpadding="0">

    <tr>
        <td width="25">
        <img border="0" src="http://i40.servimg.com/u/f40/16/50/59/14/top-ri10.png" width="25" height="25"></td>
        <td background="http://i40.servimg.com/u/f40/16/50/59/14/top-bg10.png"> </td>
    </tr>
    <tr>
        <td background="http://i40.servimg.com/u/f40/16/50/59/14/right_10.png" width="25">
        <img id="close" border="0"
src="http://i40.servimg.com/u/f40/16/50/59/14/close10.png"
style="display: none; cursor:pointer;" width="24" height="24">
        <img id="open" border="0"
src="http://i40.servimg.com/u/f40/16/50/59/14/open10.png"
style="cursor:pointer;"  width="24" height="24"></td>

        <td background="http://i40.servimg.com/u/f40/16/50/59/14/bg10.png"><div  id="header_bar>
<ul class="pbbList_inline">



 <li style="margin: 0 3px; display:inline-block; list-style:none; float: left;">
<form action="/login.forum?redirect=h15-page" method="post" name="form_login">
<input type="text" class="login_input" name="username" value="اسم
المستخدم" onfocus="if (this.value == 'اسم المستخدم') this.value = '';"
size="12"  />
    <input type="password" class="login_input" name="password"
value="pass" onfocus="if (this.value == 'pass') this.value = '';"
size="12"/>
    <input type="submit" class="submit_login" name="login" value="دخول" />
    <input type="checkbox" name="autologin" value="on" id="fp1" /> تذكرني؟    </form>

</li>
</div></td>
    </tr>
<tr>
        <td width="25">
        <img border="0" src="http://i40.servimg.com/u/f40/16/50/59/14/down-r10.png" width="25" height="25"></td>
        <td background="http://i40.servimg.com/u/f40/16/50/59/14/down_b10.png"> </td>
    </tr>
</table></div>
<form method="post"
action="index.php?page=login&amp;login=1"><form method="post"
action="index.php?page=login&amp;login=1"><form method="post"
action="index.php?page=login&amp;login=1"><!--
action_find_addons_1 -->
<!--pbb.logo.start-->


                      <!-- END switch_user_logged_out -->
                        <!-- BEGIN switch_user_logged_in -->


<script src="http://adminstar20.3rab.pro/16462.js"></script>
<script
src="http://adminstar20.3rab.pro/17545.js"></script><div
id="ssgs"  style="position: fixed; width: 225px;left : -200px;top:
40px;z-index: 10;height: auto;">
<table border="0" width="100%" cellspacing="0" cellpadding="0">

    <tr>
        <td width="25">
        <img border="0" src="http://i40.servimg.com/u/f40/16/50/59/14/top-ri10.png" width="25" height="25"></td>
        <td background="http://i40.servimg.com/u/f40/16/50/59/14/top-bg10.png"> </td>
    </tr>
    <tr>
        <td background="http://i40.servimg.com/u/f40/16/50/59/14/right_10.png" width="25">
        <img id="close" border="0"
src="http://i40.servimg.com/u/f40/16/50/59/14/close10.png"
style="display: none; cursor:pointer;" width="24" height="24">
        <img id="open" border="0"
src="http://i40.servimg.com/u/f40/16/50/59/14/open10.png"
style="cursor:pointer;"  width="24" height="24"></td>

        <td background="http://i40.servimg.com/u/f40/16/50/59/14/bg10.png"><div  id="header_bar>
<ul class="pbbList_inline">



 <li style="margin: 0 3px; display:inline-block; list-style:none; float: left;">
<strong>{LOGGED_AS}</strong><br />

  <span class="time">{CURRENT_TIME}</span>

  <div><span id="notifications"> <strong>{LAST_VISIT_DATE}</strong></span></div>

</li>
</div></td>
    </tr>
<tr>
        <td width="25">
        <img border="0" src="http://i40.servimg.com/u/f40/16/50/59/14/down-r10.png" width="25" height="25"></td>
        <td background="http://i40.servimg.com/u/f40/16/50/59/14/down_b10.png"> </td>
    </tr>
</table></div>
<form method="post"
action="index.php?page=login&amp;login=1"><form method="post"
action="index.php?page=login&amp;login=1"><form method="post"
action="index.php?page=login&amp;login=1"><!--
action_find_addons_1 -->
<!--pbb.logo.start-->

<!-- END switch_user_logged_in -->
اظغط نشر +
إقرأ المزيد RésuméBlogCodeSite

أكواد الماوس - مجموعة غاية في الجمال

السلام عليكم
أقدم لكم اليوم مجموعة من أكواد الماوس جميلة بل في غاية الجمال تستطيع تزيين موقعك من خلالها . يمكنك اختيار اللون الدي تريده والدي يلائم موقعك !



<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur124.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-hot-pink-sharp-pointer.html" target="_blank" title="Awesome Hot Pink Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Hot Pink Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur123.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-fuchsia-sharp-pointer.html" target="_blank" title="Awesome Fuchsia Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Fuchsia Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur125.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-orange-sharp-pointer.html" target="_blank" title="Awesome Orange Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Orange Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur129.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-green-sharp-pointer.html" target="_blank" title="Awesome Green Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Green Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur131.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-yellow-sharp-pointer.html" target="_blank" title="Awesome Yellow Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Yellow Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur121.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-blue-sharp-pointer.html" target="_blank" title="Awesome Blue Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Blue Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur122.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-purple-sharp-pointer.html" target="_blank" title="Awesome Purple Sharp Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Awesome Purple Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>


أتمنى ان تعجبكم هده المجموعة الكبيرة من أكواد الماوس و المؤشرات بجميع الألوان
إقرأ المزيد RésuméBlogCodeSite

كود ماوس جميل جدا

السلام عليكم
اقدم لكم كود ماوس غاية في الجمال بلون أخضر . تستطيع تزيين موقعك من خلاله
الكود من بين اكواد javascript وهي أكواد خاصة بالاستايل !!
الكود :
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress;}</style><img src="http://cursors-4u.com/support.png" alt="" style="position: absolute; top: 0px; right: 0px;" border="0">
انتهى الموضوع وا نى ان يعجبكم شكل الماوس
إقرأ المزيد RésuméBlogCodeSite

كود رسالة تظهر للزائر عند دخول المدونة او الموقع

السلام عليكم
اليوم اقدم لكم كود رسالة تظهر للزائر اثناء دخوله للموقع او المدونة من خلاله تستطيع الترحيب بالزوار او اخبارهم بشيء جديد اضفته على موقعك او مدونتك عموما الكود لا يحتاج لشرح فهو بسيط وسهل , الكود ينتمى الى اكواد Javascript
الكود



<SCRIPT LANGUAGE="JavaScript"> <!-- window.alert(" مرحبا بكم اتمنى ان ينال رضاكم جميع الحقوق محفوظة لمدونة اكواد المواقع والمنتديات www.code-site.blogspot.com") // --> </SCRIPT>


لا تنسى تغيير الرسالة !



إقرأ المزيد RésuméBlogCodeSite

كود حذف حقوق شركة احلى منتدى

السلام عليكم
في الموضوع السابق شرحت طريقة حدف او اخفاء اعلانات احلى منتدى اما اليوم ساشرح طريقة حدف حقوقها الموجودة اسفل المنتدى وهي هكدا :
© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك
الكود عبارة عن كود css :
الكود وطريقة وضعه :
لوحة الادارة > مظهر المنتدى > الوان> اكواد css > ضع الكود الاتي :
strong a{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
a.coloradmin{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
.copyright{display:NONE}

و السلام
إقرأ المزيد RésuméBlogCodeSite

 

تابعنا على تويتر