كيف جعل المنتديات الفرعية على الإستايل الافتراضي تنبثق بقائمة بمنسدلة عند مرور الماوس

طلبي هو : اضافة هذه الميزة و هي جعل زر تنبثق منه قائمة المنتديات الفرعية على الستايل الافتراضي كما هو موضح في الصورة قم ..




17-11-2016 07:16 مساء
khalida
عضـو مشارك
rating
العضو غائب ذهبت و لم تعد
معلومات الكاتب ▼
تاريخ الإنضمام : 01-10-2016
رقم العضوية : 6905
المشاركات : 19
الدولة : الجزائر
الجنس : أنثى
تاريخ الميلاد : 4-5-1992
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 

طلبي هو : اضافة هذه الميزة و هي جعل زر تنبثق منه قائمة المنتديات الفرعية على الستايل الافتراضي كما هو موضح في الصورة
قمت بالبحث في مواضيع المنتدى إلا أني وجدت كيفية تنسيق المضهر الافتراضي فقط و لعلي لم أصادف الموضوع المطلوب
أن كان فيه فعلا شرح سابق فأرجوا وضع رابط الموضوع و شكرا .


 
2016-11-17_12-19-50
 


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


17-11-2016 11:58 مساء
مشاهدة مشاركة منفردة [1]
Soliman
PBB Management
rating
العضو غائب ظروف العمل
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11204
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 49
قوة السمعة : 66856
موقعي : زيارة موقعي
عدد الإجابات: 167
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif كيف جعل المنتديات الفرعية على الإستايل الافتراضي تنبثق بقائمة بمنسدلة عند مرور الماوس
افتح قالب : sections_list

وابحث عن :
{if {$forum['is_sub']} and {$_CONF['info_row']['no_sub']}}
<div class="home-sub-forums-lain">
{$lang['forum_sub']}:
</div>
<div class="div-sub-forums-columns">
<ol class="home-sub-forums-columns">
{$forum['sub']}
</ol>
</div>
{/if}


واستبدله بـ :

<!-- start_forum_sub -->
{if {$forum['is_sub']}}
{if {$_CONF['info_row']['no_sub']}}
<style>
.forum_sub{
display:block;
}
.forum_sub li a{
display:block;
background:none repeat scroll 0 0 #4A4E51;
border-radius: 3px;
color:#F8F8F8;
margin: 2px;
padding: 5px;
text-shadow: 0 1px 0 #2e3539;
font-size: 11px;
font-weight: bold;
}
.forum_sub li.menu_dropdown a:hover{
color:#fff;
text-shadow: 0 1px 0 #2e3539;
}

ul.dropdown ul{
position:absolute;
display:none;
background-color:#3A4249;
color:#FFFFFF;
border-radius: 10px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 11px;
padding: 7px;
z-index:99999;
min-width:8em;
margin-top: 7px;
top: 7px;
}

ul.dropdown li:hover>ul{
display:block;
}
ul.dropdown li{
position:relative;
display:block;
font-size:0.9em;
border-radius:4px;
padding-right:5px;
}
ul.dropdown li:hover{
}
ul.dropdown{
font-size:0.9em;
position:relative;
display:inline-block;
padding:0
}

* html ul.dropdown li a{
display:inline-block;
}
ul.dropdown>li{
margin:5px;
}
ul.dropdown a:active,ul.dropdown a:focus{
outline-style:none
}
ul.dropdown a{
font-weight: bold;
padding:2px
}
ul.dropdown ul li{
float:none;
margin:8px 0 0;
color:#FFF
}
ul.dropdown ul a{
text-align:center;
padding:1px;
background-image:none;
border-width:0;
border-radius:4px;
text-decoration:none;
}

ul.dropdown li:hover>a,ul.dropdown li a.pressed{
text-decoration:none
}
ul.dropdown img{
border:0;
vertical-align:middle;
margin-right:10px
}
ul.dropdown span{
overflow:visible;
background-position:right center;
background-repeat:no-repeat;
padding-right:0
}
ul.dropdown ul li:hover>a,ul.dropdown ul li a.pressed{
text-decoration:none;
text-shadow:0 0 0 #FFF
}
ul.dropdown li.topfirst>a{
border-width:0;
border-radius:4px 0 0 4px
}
ul.dropdown li.toplast>a{
border-radius:0 4px 4px 0
}
.SubIcon {
    background:#fef9d2;
    color:#0f6ebf;
    font-size: 12px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    padding: 0 4px;
    margin-top: 5px;
    text-align: center;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}
.forum_sub li.menu_dropdown a:hover{
color:#fff;
text-shadow: 0 1px 0 #2e3539;
}
</style>
<ul class="dropdown topmenu">
<li class="topmenu" title="{$lang['forum_sub']}">
<span class="SubIco">
<i class="SubIc fa fa-folder-open-o fa-2x"></i> {$lang['forum_sub']}
</span>
<ul class="forum_sub" style="width: 200px;">
<li class="menu_dropdown">
<?php

$forum['sub'] = @preg_replace('#<a (.*?) href="(.*?)">(.*?)</a>#i', "{url=$2}$3{/url}", $forum['sub']);
$forum['sub'] = $PowerBB->functions->CleanText($forum['sub']);
$forum['sub'] = $PowerBB->Powerparse->replace($forum['sub']);
$forum['sub'] = @preg_replace('#{url=(.*?)}(.*?){/url}#i', '<a href="$1">$2</a>', $forum['sub']);

echo $forum['sub'];
?>
</li>
</ul>
</li>
</ul>
{/if}
{/if}
<!-- end_forum_sub  -->





ثم احفظ القالب


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
هل إنتهى عصر المنتديات؟ kareem
6 410 عبدالله سامي
مشكلة المنتديات الفرعية عبدالاله الهذلي
2 364 Soliman
مدموج :طلب هاك يضيف روابط في المنتديات cool4tec
3 317 Soliman
لاصحاب المنتديات الجديدة تعرف على البيج رانك وكيف تستفيد منه عبدالله سامي
9 1211 syria talk
عدم ظهور أيقونات المواضيع و المنتديات في استايل al-har 7ason
3 624 ossman

الكلمات الدلالية
مساعدة ، الاساتذة ، الكرام ،







الساعة الآن 08:38 مساء