كيف أقوم بعمل شريط مابين الأقسام في منتداي به تذكير بالله

اهلا اخي تفضل الطريقة

السلام عليكم ورحمة الله وبركاتة
هاذا شرح بسيط جد لطريقة عمل صورة
او اي شيء بين الأقسام بالتلاعب على التومبلايت
الأن نتوجة للشرح
---------------
خاص فقط لمن يمتلك حق التعديل على التومبلايت

لوحة الاداره >> مظهر المنتدى >> التومبلايت >> إدارة عامة
index_box









أضغط على CTRL + F

ابحث عن الكود التالي

الكود:

<!-- END tablefoot --><!-- END catrow --

قبلة بسطر ضع الكود الذي تريدة
ان يظهر بين الفئات

وللتسهيل عليكم هذا كود هدية مني لكم

الكود:

<img src="{SPACER}" alt="" height="5" width="1" />
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td><div align="center"><a href="هنا رابط الوصلة المراد الأنتقال اليها">
    <img border="0" src="هنا رابط الصورة" width="العرض" height="الطول"></a></div></td>
    </tr>

الكود بالمكان المشروح
اضغط سجل ومن ثم اعتمد الخاصية الجديدة




ومبروووك عليك

ارجوا ان اكون افدتكم
انتهي الموضوع

اهلا اخي تفضل الطريقة

السلام عليكم ورحمة الله وبركاتة
هاذا شرح بسيط جد لطريقة عمل صورة
او اي شيء بين الأقسام بالتلاعب على التومبلايت
الأن نتوجة للشرح
---------------
خاص فقط لمن يمتلك حق التعديل على التومبلايت

لوحة الاداره >> مظهر المنتدى >> التومبلايت >> إدارة عامة
index_box









أضغط على CTRL + F

ابحث عن الكود التالي

الكود:

<!-- END tablefoot --><!-- END catrow --

قبلة بسطر ضع الكود الذي تريدة
ان يظهر بين الفئات

وللتسهيل عليكم هذا كود هدية مني لكم

الكود:

<img src="{SPACER}" alt="" height="5" width="1" />
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td><div align="center"><a href="هنا رابط الوصلة المراد الأنتقال اليها">
    <img border="0" src="هنا رابط الصورة" width="العرض" height="الطول"></a></div></td>
    </tr>

الكود بالمكان المشروح
اضغط سجل ومن ثم اعتمد الخاصية الجديدة




ومبروووك عليك

ارجوا ان اكون افدتكم
انتهي الموضوع

AbuIdris كتب:اهلا اخي تفضل الطريقة

السلام عليكم ورحمة الله وبركاتة
هاذا شرح بسيط جد لطريقة عمل صورة
او اي شيء بين الأقسام بالتلاعب على التومبلايت
الأن نتوجة للشرح
---------------
خاص فقط لمن يمتلك حق التعديل على التومبلايت

لوحة الاداره >> مظهر المنتدى >> التومبلايت >> إدارة عامة
index_box









أضغط على CTRL + F

ابحث عن الكود التالي

الكود:

<!-- END tablefoot --><!-- END catrow --

قبلة بسطر ضع الكود الذي تريدة
ان يظهر بين الفئات

وللتسهيل عليكم هذا كود هدية مني لكم

الكود:

<img src="{SPACER}" alt="" height="5" width="1" />
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td><div align="center"><a href="هنا رابط الوصلة المراد الأنتقال اليها">
    <img border="0" src="هنا رابط الصورة" width="العرض" height="الطول"></a></div></td>
    </tr>

الكود بالمكان المشروح
اضغط سجل ومن ثم اعتمد الخاصية الجديدة




ومبروووك عليك

ارجوا ان اكون افدتكم
انتهي الموضوع

بارك الله فيك و في والديك و شكرا جزيلا لك...
و لكن يا أخي ليس كما أريد أنا
لأنه أنظر إلى هذا الكود عندما دخلت للموقع و ضغطت على  Inspect ظهر لي هذا الكود :

الكود:

<img border="1" class="zoom" src="http://i48.servimg.com/u/f48/11/58/90/14/eaeia110.png" width="856" height="40">

هل هو نفسه ؟
يعني هل عندما أقوم بالضغط على الشريط يقرب و بعد ما أباعد المؤشر يرجع يصغر ؟
أدخل للموقع و جرب بنفسك أخي الغالي و العزيز

UP

تستطيع استعمال الكود التالي

الكود:

<div align="center"><img border="1" class="zoom" src="http://i48.servimg.com/u/f48/11/58/90/14/eaeia110.png" width="856" height="40"></div>

بدل الكود الموجود في الشرح أعلى وكما تريده

new.moon كتب:تستطيع استعمال الكود التالي

الكود:

<div align="center"><img border="1" class="zoom" src="http://i48.servimg.com/u/f48/11/58/90/14/eaeia110.png" width="856" height="40"></div>

بدل الكود الموجود في الشرح أعلى وكما تريده

أين أقوم بوضعه في منتداي ياريت تشرح لي الطريقة لو سمحت

نفس الشرح في الرابط التالي
https://help.ahlamontada.com/t1082480-topic#4904235
الذي وضعه الاخ AbuIdris

فقط استبدل هذه الكود بالكود الذي قام بأدراجه في الشرح الذي ذكر انه هديه

new.moon كتب:نفس الشرح في الرابط التالي
https://help.ahlamontada.com/t1082480-topic#4904235
الذي وضعه الاخ AbuIdris

فقط استبدل هذه الكود بالكود الذي قام بأدراجه في الشرح الذي ذكر انه هديه

أخي الغالي و العزيز مع الأسف الصورة خرجت لي و لكن لم تاتيني في المنتصف و خاصية التقريب لا تشتغل عند وضع المؤشر على الصورة
أدخل على منتداي للمعاينة
http://cctt.collegesforums.com

و أنظروا هذه الصورة أخدتها من منتداي :

أوكي أنا قمت بتوسيطها و لكن ميزة التقريب لا تريد أن تشتغل
وهذا هو مكان الكود أنظروا :


هل هو صحيح مكانه ؟
وهذا هو قالب index_box الخاص بي انا :

الكود:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->

   <!-- BEGIN tablefoot -->
<div align="center"><img border="1" class="zoom" src="http://i48.servimg.com/u/f48/11/58/90/14/eaeia110.png" width="856" height="40"></div>
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

الرجاء المساعدة في أقرب وقت و شكرا لكم

UP

لماذا لم يعد منتدى الدعم مثل قبل و يتم المساعدة في الحل ؟؟

بخصوص ميزه التقريب استعمل الكود التالي في ورقة CSS المنتدى

الكود:

.zoom:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    box-shadow: 0px 0px 0px gray;
}
.zoom {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

new.moon كتب:بخصوص ميزه التقريب استعمل الكود التالي في ورقة CSS المنتدى

الكود:

.zoom:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    box-shadow: 0px 0px 0px gray;
}
.zoom {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

بارك الله فيك و في والديك و الله يكثر من أمثالك و يجازيك كل خير يا أخي الغالي و العزيز 
الحمد الله
تم الحل