أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

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

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



17-11-2016 07:16 مساءً
معلومات الكاتب ▼
انضم في : 01-10-2016
رقم العضوية : 6,905
المشاركات : 19
الدولة : الجزائر
الجنس :
تاريخ الميلاد : 4-5-1992
قوة السمعة : 0
موقعي : زيارة موقعي
العضو غائب ذهبت و لم تعد
طلبي هو : اضافة هذه الميزة و هي جعل زر تنبثق منه قائمة المنتديات الفرعية على الستايل الافتراضي كما هو موضح في الصورة
قمت بالبحث في مواضيع المنتدى إلا أني وجدت كيفية تنسيق المضهر الافتراضي فقط و لعلي لم أصادف الموضوع المطلوب
أن كان فيه فعلا شرح سابق فأرجوا وضع رابط الموضوع و شكرا .






2016-11-17_12-19-50




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


look/images/icons/i1.gif كيف جعل المنتديات الفرعية على الإستايل الافتراضي تنبثق بقائمة بمنسدلة عند مرور الماوس
  17-11-2016 11:58 مساءً   [1]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,772
الدولة : KSA
الجنس :
الدعوات : 54
قوة السمعة : 75,576
موقعي : زيارة موقعي
افتح قالب : sections_list

وابحث عن :
CODE
{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}



واستبدله بـ :

CODE
<!-- 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  -->





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

رد جديد موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
المنتديات العربية Neta Alchamister
0 60 Neta Alchamister
طريقة إستيراد المقالات والمنتديات والأقسام من منتدى موقع قديم إلى منتدى موقع جديد ismail bahammou
3 159 Soliman
التحديات والتحديثات: كيف نعيد عصر المنتديات إلى الواجهة؟ عبدالله سامي
0 158 عبدالله سامي
اريد طريقة تعديل address bar بحيث يتم اظهار جميع المنتديات الفرعية عند الضغط على منتدى فرعي جنرال الحب
3 201 Soliman
الاسكربات والمنتديات muslmasan
4 393 Soliman

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









الساعة الآن 04:24 PM