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

اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في السبت 13 فبراير 2016 - 1:15

أنا دخلت على هذا المنتدى :


و شهدت هذا الشريط الذي بين أقسام المنتدى :


و عند وضع المؤشر الماوس على الصورة تتقرب
أدخلوا على الموقع وجربوا بأنفسكم
فا بالله عليكم ساعدوني في عمل مثل هذا في منتداي وشكرا لكم مقدما
avatar
brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف {عذآب} في السبت 13 فبراير 2016 - 7:50

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

لوحة الاداره >> مظهر المنتدى >> التومبلايت >> إدارة عامة
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>

الكود بالمكان المشروح

اضغط سجل ومن ثم اعتمد الخاصية الجديدة




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

ارجوا ان اكون افدتكم
انتهي الموضوع
avatar
{عذآب}
 
 

ذكر
عدد المساهمات : 3814
معدل النشاط : 7609
السُمعة : 294

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف {عذآب} في السبت 13 فبراير 2016 - 7:51

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

لوحة الاداره >> مظهر المنتدى >> التومبلايت >> إدارة عامة
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>

الكود بالمكان المشروح

اضغط سجل ومن ثم اعتمد الخاصية الجديدة




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

ارجوا ان اكون افدتكم
انتهي الموضوع
avatar
{عذآب}
 
 

ذكر
عدد المساهمات : 3814
معدل النشاط : 7609
السُمعة : 294

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في السبت 13 فبراير 2016 - 10:51

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">

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في السبت 13 فبراير 2016 - 23:04

UP
avatar
brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف YasirAyad في السبت 13 فبراير 2016 - 23:18

تستطيع استعمال الكود التالي
الكود:
<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>
بدل الكود الموجود في الشرح أعلى وكما تريده Laughing
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11127
معدل النشاط : 13115
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في السبت 13 فبراير 2016 - 23:23

@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>
بدل الكود الموجود في الشرح أعلى وكما تريده Laughing

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف YasirAyad في السبت 13 فبراير 2016 - 23:40

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

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

ذكر
عدد المساهمات : 11127
معدل النشاط : 13115
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 2:51

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

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

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 2:53

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 2:59

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


هل هو صحيح مكانه ؟
وهذا هو قالب 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 -->
avatar
brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 12:58

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 15:50

UP
avatar
brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 21:41

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف YasirAyad في الأحد 14 فبراير 2016 - 22:07

بخصوص ميزه التقريب استعمل الكود التالي في ورقة 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;
}
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11127
معدل النشاط : 13115
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف brave-haert90 في الأحد 14 فبراير 2016 - 22:47

@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;
}

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1423
السُمعة : 0

http://cctt.collegesforums.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى