القائمة المنزلقة للعضوية

الكود الكامل للقائمة المنزلقة user bar التي تظهر في شريط header_bar لإستايلات 3.0.2 أسم الخاصية : القائمة المنزلقة للعضو ..




07-05-2017 09:05 مساء
عبدالاله الهذلي
عضـو نشيط
rating
العضو غائب جامعة والله يوفقني
معلومات الكاتب ▼
تاريخ الإنضمام : 23-08-2016
رقم العضوية : 6837
المشاركات : 429
الدولة : الطائف
الجنس : ذكر
تاريخ الميلاد : 1-5-1998
الدعوات : 1
قوة السمعة : 700
عدد الإجابات: 22
اصدار المنتدى : 3.0.2
 offline 
الكود الكامل للقائمة المنزلقة user bar التي تظهر في شريط header_bar لإستايلات 3.0.2
أسم الخاصية : القائمة المنزلقة للعضوية

الكود :


<link rel="stylesheet" href="{$ForumAdress}look/fonts/font-awesome.min.css" />
<link rel="stylesheet" href="{$ForumAdress}look/fonts/fonts.css" />
<script type="text/javascript" src="{$ForumAdress}includes/js/pbboard_toggle.js"></script>
<style>
.header-top-right {
    list-style: none;
    float: right;
    margin: 0px;
    margin-right: 7px;
    padding-right: 3px;  
    padding-left: 3px;  
    }
    
.userbar{
margin-left: 5px;
margin-right: 10px;
padding: 0px;
}
.userbar_icon ,
.userbar{
color:#FFFFFF;
margin-right: 4px;
margin-left: 1px;
margin-top: 0px;
}
#userlink-trigger{
font-family:Droid Arabic Kufi;
font-size: 12px;
color:#FFFFFF;
vertical-align: middle;
}
.usermenu{
color:#FFFFFF;
margin-right: 1px;
margin-left: 1px;
}
.UserPhoto_tiny{
width:33px;
height:15px;
min-height: 20px;
float:right;
padding:1px;
margin-left:6px;
margin-top:1px;
background-color:transparent;
border-radius: 1px;
background-position: center;
background-repeat: no-repeat;
background-size: 26px;
display: block;
border: 0px solid #e4e4e4;
}
.UserPhoto_tiny img{
width:12px;
height:12px;
min-height: 12px;
}

#userlink_menu {
display: none;
position: absolute;
top: 40px;
right: 0px;
z-index: 99102;
margin-right: 33px;
background: #F2F2F2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F2F2));
background-image: -webkit-linear-gradient(top, #fff, #F2F2F2);
background-image: -moz-linear-gradient(top, #fff, #F2F2F2);
background-image: -ms-linear-gradient(top, #fff, #F2F2F2);
background-image: -o-linear-gradient(top, #fff, #F2F2F2);
background-image: linear-gradient(top, #fff, #F2F2F2);
box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
border: 1px solid #e4e4e4;
border-radius: 3px;
padding: 1px;
opacity: 1;
width: 280px;
clear:both;
}
#userlink_menu .element_menu li
{
float:right;
margin-right: 10px;
}
.view_profile
{
margin-top: 10px;
margin-left: -15px;
}
#userlink_menu li{
width: 250px;
margin-top: 2px;
}
#userlink_menu ul{
    width: 250px;
margin-top: 5px;
}
#userlink_menu a{
color:#4C2E2E;
}
#userlink_menu .Menu_item a{
line-height: 20px;
color:#4C2E2E;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 13px;
font-weight: normal;
}
#userlink_menu .Menu_title
{
margin-top: 10px;
padding: 5px;
background:#dfd0ab;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 13px;
font-weight: blod;
color:#4C2E2E;
}
.Menu_sep hr{
    border-top:1px solid #4C2E2E;
}
#userlink_menu .view_profile{
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 13px;
font-weight: bold;
color:#4C2E2E;
position: absolute;
top: 10px;
left: 0px;
text-align:center;
width: 200px;
}
#userlink_menu .view_profile a{
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 10px;
color:#4C2E2E;
}
#userlink_menu .view_profile .user_title{
display:inline-block;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color:#4C2E2E;
margin-top: 10px;
max-width: 137px;
}
#userlink_menu .view_profile .a_view_profile{
margin-top: 5px;
color:#4C2E2E;
font-weight: bold;
}
#userlink_menu .PBB-WBS-Menu {
border-style:solid;
border-width:22px;
border-left-color:transparent;
border-top-style:none;
border-bottom-color:#FFFFFF;
border-right-color:transparent;
float:right;
margin-top: -14px;
}
.UserPhoto_Menu{
border:1px solid #e4e4e4;
width:95px;
height:95px;
min-height: 95px;
float:right;
padding:1px;
margin: 0px;
background-color:transparent;
border-radius: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: 95px;
display: block;
clear:both;
}
</style>

{if {$_CONF['member_permission']}}
<ul class="header-top-right">
<li class="userbar">
<a id="userlink-trigger" href="#">
{$_CONF['rows']['member_row']['username']}  <i class="usermenu fa fa-caret-down"></i>
<i class="UserPhoto_tiny l-left" style="background-image: url({$avater_path});"></i>
</a>
<div id="userlink_menu">
<div class="PBB-WBS-Menu"></div>
<ul class="element_menu">
<li class="row2 elm">
{if {$avater_change}}
<a href="index.php?page=usercp&control=1&avatar=1&main=1" title="{$lang['Change_avatar']}">
{else}
<a href="index.php?page=profile&show=1&id={$_CONF['rows']['member_row']['id']}" title="{$lang['view_profile']}">
{/if}
<span class="UserPhoto_Menu r-right" style="background-image: url({$avater_path});"></span>
</a>
<div class="view_profile l-left">
<b>{$username_style}</b>
<br />
<span class="user_title">{$_CONF['rows']['member_row']['user_title']}</span>
<br />
<br />
<span class="a_view_profile"><a href="index.php?page=profile&show=1&id={$_CONF['rows']['member_row']['id']}" title="{$lang['view_profile']}">{$lang['view_profile']}</a></span>
</div>
</li>
<li class="Menu_title"> {$lang['settings']} </li>
<li class="Menu_item"><a href="index.php?page=usercp&control=1&setting=1&main=1" title="{$lang['usercp']}">{$lang['usercp']}</a></li>
<li class="Menu_item" data-menuitem="setting security"><a href="index.php?page=privacy&infosecurity=1&main=1" title="{$lang['account_security_settings']}">{$lang['account_security_settings']}</a></li>
<li class="Menu_item" data-menuitem="setting email"><a href="index.php?page=usercp&control=1&email=1&main=1" title="{$lang['Change_email']}">{$lang['Change_email']}</a></li>
<li class="Menu_item" data-menuitem="show last your subjects"><a href="index.php?page=usercp&options=1&subject=1&main=1" title="{$lang['Your_Subjects']}">{$lang['Your_Subjects']}</a></li>
<li class="Menu_item" data-menuitem="Attachments"><a href="index.php?page=usercp&options=1&attach=1&main=1" title="{$lang['Your_Attachments']}">{$lang['Your_attach']}</a></li>
<li class="Menu_item Menu_sep">
<a href="index.php?page=logout&index=1" onclick="return confirm('{$lang['confirm']}')" title="{$lang['logout']}">
<i class="Menu_item fa fa-sign-out"></i> {$lang['logout']} </li> </a>
</ul>
</div>
</li>
</ul>
{/if}


صورة توضيحية للقائمة ..
0b9e35f3df394670a1ebad49a17f7575

المصدر : أضغط هنا

أنتهى ..
 

21-06-2017 04:24 صباحا
مشاهدة مشاركة منفردة [1]
روبي ديزاين
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7315
المشاركات : 4
الجنس : أنثى
تاريخ الميلاد : 15-9-1990
قوة السمعة : 0
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif القائمة المنزلقة للعضوية
بارك الله فيك على روعة الطرح 
شكرا لك 

04-08-2017 01:21 صباحا
مشاهدة مشاركة منفردة [2]
نجوى الروح
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-06-2017
رقم العضوية : 7310
المشاركات : 25
الجنس : أنثى
تاريخ الميلاد : 9-9-1982
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif القائمة المنزلقة للعضوية
كود جميل ممكن نعرف في اي مكان يوضع


04-08-2017 01:25 صباحا
مشاهدة مشاركة منفردة [3]
عبدالاله الهذلي
عضـو نشيط
rating
العضو غائب جامعة والله يوفقني
معلومات الكاتب ▼
تاريخ الإنضمام : 23-08-2016
رقم العضوية : 6837
المشاركات : 429
الدولة : الطائف
الجنس : ذكر
تاريخ الميلاد : 1-5-1998
الدعوات : 1
قوة السمعة : 700
عدد الإجابات: 22
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif القائمة المنزلقة للعضوية
المشاركة الأصلية كتبت بواسطة: نجوى الروح »
كود جميل ممكن نعرف في اي مكان يوضع

اعلى يمين الهايدر

04-08-2017 01:40 صباحا
مشاهدة مشاركة منفردة [4]
نجوى الروح
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-06-2017
رقم العضوية : 7310
المشاركات : 25
الجنس : أنثى
تاريخ الميلاد : 9-9-1982
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif القائمة المنزلقة للعضوية
يعني يوضع في قالب الهيدر؟ او مكان اخر

04-08-2017 01:44 صباحا
مشاهدة مشاركة منفردة [5]
عبدالاله الهذلي
عضـو نشيط
rating
العضو غائب جامعة والله يوفقني
معلومات الكاتب ▼
تاريخ الإنضمام : 23-08-2016
رقم العضوية : 6837
المشاركات : 429
الدولة : الطائف
الجنس : ذكر
تاريخ الميلاد : 1-5-1998
الدعوات : 1
قوة السمعة : 700
عدد الإجابات: 22
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif القائمة المنزلقة للعضوية
المشاركة الأصلية كتبت بواسطة: نجوى الروح »
يعني يوضع في قالب الهيدر؟ او مكان اخر

نعم يمكنكي وضعه في قالب الهيدر اعلى القالب

04-08-2017 01:54 صباحا
مشاهدة مشاركة منفردة [6]
نجوى الروح
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-06-2017
رقم العضوية : 7310
المشاركات : 25
الجنس : أنثى
تاريخ الميلاد : 9-9-1982
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif القائمة المنزلقة للعضوية
مشكور خوي وبارك الله فيك



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
طلب جعل صورة الموضوع تظهر في القائمة الجانبية بدلا من صورة العضو Alashkar
2 271 Alashkar
اضافة ايقونات التواصل الاجتماعي بـ القائمة الجانبية عبدالاله الهذلي
3 728 MrMax
تعديل على القائمة الجانبية - ما الجديد Yasser Elaraby
1 260 Yasser Elaraby
[مشكلة] المنتديات التحت فرعية لا تظهر في القائمة المنسدلة عبد الحميد الأثري
3 539 Soliman
عدم ظهور القائمة الجانبية لصفحة الملف الشخصي في ستايل Matin2 FBRKH
1 383 FBRKH

الكلمات الدلالية
القائمة ، المنزلقة ، للعضوية ،







الساعة الآن 05:09 صباحا