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

3 مشترك

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

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

مُساهمة من طرف brave-haert90 الجمعة 12 فبراير 2016 - 18:15

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


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

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

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

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

http://cctt.collegesforums.com

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

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

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

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

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

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


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


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

أضغط على 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>

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

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


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

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

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

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

https://3thab.rigala.net/

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

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

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

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

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

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


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


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

أضغط على 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>

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

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


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

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

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

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

https://3thab.rigala.net/

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

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

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

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

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

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


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


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

أضغط على 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>

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

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


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

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

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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

UP
brave-haert90
brave-haert90
 
 

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

http://cctt.collegesforums.com

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

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

مُساهمة من طرف YasirAyad السبت 13 فبراير 2016 - 16: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
YasirAyad
YasirAyad
 
 

ذكر
عدد المساهمات : 10114
معدل النشاط : 15507
السُمعة : 297

http://yasirayad.com/

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

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

مُساهمة من طرف brave-haert90 السبت 13 فبراير 2016 - 16: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

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

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

http://cctt.collegesforums.com

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

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

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

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

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

ذكر
عدد المساهمات : 10114
معدل النشاط : 15507
السُمعة : 297

http://yasirayad.com/

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

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

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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

و أنظروا هذه الصورة أخدتها من منتداي :
كيف أقوم بعمل شريط مابين الأقسام في منتداي به تذكير بالله 996722874
brave-haert90
brave-haert90
 
 

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

http://cctt.collegesforums.com

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

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

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

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

كيف أقوم بعمل شريط مابين الأقسام في منتداي به تذكير بالله 256409951
هل هو صحيح مكانه ؟
وهذا هو قالب 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 -->
brave-haert90
brave-haert90
 
 

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

http://cctt.collegesforums.com

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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

UP
brave-haert90
brave-haert90
 
 

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

http://cctt.collegesforums.com

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

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

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

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

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

http://cctt.collegesforums.com

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

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

مُساهمة من طرف YasirAyad الأحد 14 فبراير 2016 - 15: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;
}
YasirAyad
YasirAyad
 
 

ذكر
عدد المساهمات : 10114
معدل النشاط : 15507
السُمعة : 297

http://yasirayad.com/

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

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

مُساهمة من طرف brave-haert90 الأحد 14 فبراير 2016 - 15: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;
}

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

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

http://cctt.collegesforums.com

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

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

- مواضيع مماثلة

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