منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

طلب كود لوصف القسم

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 14:56

السلام عليكم شباب 

انا اريد كود لجعل وصف القسم يظهر عند مرور الماوس عل القسم انا رئيته منذ فتره معا زميل هنا في المنتدي

وانتم وضعتم له الكود في قالب الاندي بوكس

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 14:59

اخ نسيت اضع القالب للتعديل
قالب index_box
الرمز:
<br/><br/>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="fr_right">
<div class="fr_left">
<div class="fr_top">
<div class="fr_topR">
<div class="fr_topL">
<div class="fr_bottom">
<div class="fr_bottomR">
<div class="fr_bottomL">
<table class="tborder" align="center" border="0" cellpadding="5" cellspacing="1" width="100%">

<tr>
<td class="tcat" colspan="5">


  <span style="width:20px;"><img onClick="i=0;e=this.parentNode.parentNode.parentNode.parentNode.childNodes;while(++i<e.length)if(e[i].tagName=='TR')e[i].style.display=(e[i].style.display=='none')?'':'none';this.src=(this.src=='http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif')?'http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif':'http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif';"src="http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif"align="left"></span>
  <center> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  {catrow.tablehead.L_FORUM}  </div>

 
</center>


 
</td>
</tr>

<tr align="center">
<td class="thead" width="3%"> </td>
<td class="thead" align="right" width="61%">المنتدى</td>
<td class="thead" width="25%">آخر مشاركة</td>
<td class="thead" width="7%">المواضيع</td>
<td class="thead" width="7%">المشاركات</td>
</tr>
 
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
          <!-- BEGIN inc -->


<tr align="center">
    <td style="padding:0;">
       
        <div class="img">
            <div class="top"></div>

            <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
<div class="down"{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="center"> </td>
    </tr>
</div>
        </div>
    </td>

<tbody id="collapseobj_forumbit_5" style="">

    <!-- END cathead -->
    <!-- BEGIN forumrow --> 
<tr align="center">
   <td class="alt2">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<!-- BEGIN inc -->

        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>
        <!-- END inc -->
   <td class="alt1Active" id="f11" align="right">
      <div>
<h{catrow.cathead.LEVEL}>
<fieldset><legend><span class="forumlink">
                    <a class="forumlink"
href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br
 />
                </span></legend>
 
    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></fieldset>
</h{catrow.cathead.LEVEL}>   
      </div>

   <br/>   
<div class="smallfont">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
   </td>
   <td class="alt2">{catrow.forumrow.LAST_POST}</td>
   <td class="alt1">{catrow.forumrow.TOPICS}</td>
   <td class="alt2">{catrow.forumrow.POSTS}</td>

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

</table>

</div></div></div></div></div></div></div></div>
<!--bdayh-->

<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->

<br>

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 15:23

فين الخبراء

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف Ahd allah في الأحد 5 يونيو 2016 - 15:34

أخي : ماذا تقصد ب ( يظهر )
هل تقصد يتغير لون وصف القسم بمرور الماوس عليه أم ماذا ؟

Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2030
معدل النشاط : 3889

http://madany.moontada.net

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 16:01

لا يعني تظهر صفحه منسبقه يوجد فيها وصف القسم

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 16:02

يظهر فيها الوصف و ايقونة القسم فهمتني ياغالي

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 16:08

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

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف Ahd allah في الأحد 5 يونيو 2016 - 16:20

جرب هذا الكود أخي :
يوضع في ورقة التصميم

الرمز:
/*جديد: كود جعل اخر مساهمة واسم القسم ووصف القسم اكثر احترافية  */
ul.topiclist dd.dterm {
 background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 6px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
        }
/*تم التصميم بوسطة {وهبة الساحر}؛*/
a.forumtitle {
  background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 6px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
font-family: Arial;
        font-size: 18px;
        font-weight: bold;
        }

/*تم التصميم بوسطة {وهبة الساحر}؛*/
li.row dd.lastpost {
background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 1px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;

        }
/*تم التصميم بوسطة {وهبة الساحر}؛*/



عدل سابقا من قبل ahd allah في الأحد 5 يونيو 2016 - 16:33 عدل 1 مرات

Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2030
معدل النشاط : 3889

http://madany.moontada.net

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 16:32

ملعش ممكن صوره بس للكود لان انا اتصفح من الجوال مش من الكمبيوتر واعذر مره اخري عل الازعاج

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف Ahd allah في الأحد 5 يونيو 2016 - 16:38

@mazeeka2011 كتب:ملعش ممكن صوره بس للكود لان انا اتصفح من الجوال مش من الكمبيوتر واعذر مره اخري عل الازعاج
شوف حبيبي :
الكود له عدة خصائص منها وصف القسم
ومش فاهم تريد صورة لماذا
وعلي كل حال انتظر فالموضوع مفتوح حتي تصل الي الكمبيوتر .
وقد يدخل الاخ الخبير مصمم الكود ويفهم معني الصورة التي تطلبها
تقديري .

Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2030
معدل النشاط : 3889

http://madany.moontada.net

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 16:39

طيب يسلمو منتظر

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 16:40

بس الكود الي انا طلبه تومبيلات

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف Ahd allah في الأحد 5 يونيو 2016 - 16:42

هذا حبيبي هو المتوفر لدي الان .
ويمكنك الانتظار لدخول احد الاخوة الخبراء .
تقديري

Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2030
معدل النشاط : 3889

http://madany.moontada.net

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 17:52

تسلم ياغالي اوعي حد من المشرفين يغلق الموضوع

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 19:30

انا ملاحظ ان الكود لا يعمل

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف 0marp0p23 في الأحد 5 يونيو 2016 - 20:08

السلام عليكم أخي الكريم,
     قم بالتعديل علي قالب index_box
ابحث عن الكود التالي

الرمز:
<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>

و استبدله بالكود التالي:

الرمز:
<div class="tooltip">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                            <span class="tooltiptext tooltip-bottom">{catrow.forumrow.FORUM_DESC}</span>
                            <style type="text/css">
                            .tooltip {
    position: relative;
    display: inline-block;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltiptext {
    background-color: #555;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    transition: opacity 1s;
    visibility: hidden;
    width: 120px;
    z-index: 1;
}
.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}
.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) transparent #555 transparent;
}
                            </style>
                          </div>
</h{catrow.forumrow.LEVEL}>

سجل و انشر :plus:
قد تحتاج  الي هذا الشرح لتغير اتجاه الوصف
http://www.w3schools.com/css/css_tooltip.asp
tongue

0marp0p23
 
 

ذكر
عدد المساهمات : 746
معدل النشاط : 2528

http://cocss.arab.st

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

رد: طلب كود لوصف القسم

مُساهمة من طرف JAR7 في الأحد 5 يونيو 2016 - 21:20

اهلا بك اخي العزيز
تم عمل القالب تفضل
الرمز:

<style>
 a:hover, a:active, body_ahover {
    color: rgb(64, 160, 213);
    text-decoration: none;
}
.forumCategoryRight {
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    line-height: 15px;
    margin: 4px;
    padding: 4px;
    text-decoration: none;
    white-space: nowrap;
    width: 50%;
}

 
.tip, .tipClick {
    display: inline-block;
    position: relative !important;
}
.tip > .tooltipL, .tip > .tooltipR, .tipClick > .tooltipL, .tipClick > .tooltipR {
    display: none !important;
}
.tip:hover > .tooltipL, .tip:hover > .tooltipR, .tipClick > a:focus + .tooltipL, .tipClick > a:focus + .tooltipR {
    display: block !important;
}
.tooltipL, .tooltipR {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    cursor: default;
    font-family: Droid Arabic Kufi;
    font-size: 11px;
    font-weight: lighter;
    line-height: 1.8em;
    padding: 6px 10px;
    white-space: nowrap;
    z-index: 15000;
}
.tooltipL::before, .tooltipR::before {
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.tooltipL {
    margin-right: 12px;
    margin-top: -23px;
    position: absolute;
    right: 100%;
    text-align: right;
    white-space: normal;
    width: 350px;
}
.tooltipL::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.6);
    right: -12px;
    top: 9px;
}
.tooltipR {
    left: 100%;
    margin-left: 12px;
    margin-top: -25px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
}
.tooltipR::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: -12px;
    top: 8px;
}

</style>
<br/><br/>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="fr_right">
<div class="fr_left">
<div class="fr_top">
<div class="fr_topR">
<div class="fr_topL">
<div class="fr_bottom">
<div class="fr_bottomR">
<div class="fr_bottomL">
<table class="tborder" align="center" border="0" cellpadding="5" cellspacing="1" width="100%">

<tr>
<td class="tcat" colspan="5">


  <span style="width:20px;"><img onClick="i=0;e=this.parentNode.parentNode.parentNode.parentNode.childNodes;while(++i<e.length)if(e[i].tagName=='TR')e[i].style.display=(e[i].style.display=='none')?'':'none';this.src=(this.src=='http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif')?'http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif':'http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif';"src="http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif"align="left"></span>
  <center> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  {catrow.tablehead.L_FORUM}  </div>

 
</center>


 
</td>
</tr>

<tr align="center">
<td class="thead" width="3%"> </td>
<td class="thead" align="right" width="61%">المنتدى</td>
<td class="thead" width="25%">آخر مشاركة</td>
<td class="thead" width="7%">المواضيع</td>
<td class="thead" width="7%">المشاركات</td>
</tr>
 
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
          <!-- BEGIN inc -->


<tr align="center">
    <td style="padding:0;">
       
        <div class="img">
            <div class="top"></div>

            <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
<div class="down"{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="center"> </td>
    </tr>
</div>
        </div>
    </td>

<tbody id="collapseobj_forumbit_5" style="">

    <!-- END cathead -->
    <!-- BEGIN forumrow --> 
<tr align="center">
  <td class="alt2">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<!-- BEGIN inc -->

        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>
        <!-- END inc -->
  <td class="alt1Active" id="f11" align="right">

<div class="tip">
  <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<blockquote class="tooltipL">{catrow.forumrow.FORUM_DESC}</blockquote>
<br/>
  </div>
  <br/> 
<div class="smallfont">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
  </td>
  <td class="alt2">{catrow.forumrow.LAST_POST}</td>
  <td class="alt1">{catrow.forumrow.TOPICS}</td>
  <td class="alt2">{catrow.forumrow.POSTS}</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 -->

</table>

</div></div></div></div></div></div></div></div>
<!--bdayh-->

<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->

<br>

JAR7
احلى مساعد
احلى مساعد

انثى
عدد المساهمات : 2806
معدل النشاط : 4301

http://taqnyiat.ahlamontada.com/

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

رد: طلب كود لوصف القسم

مُساهمة من طرف mazeeka2011 في الأحد 5 يونيو 2016 - 22:13

شكرا ياجوري

mazeeka2011
 
 

ذكر
عدد المساهمات : 497
معدل النشاط : 1185

http://muhammed-nabina.yoo7.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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