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

  1. الرئيسية
  2. مشاكل وحلول الاستايلات

في أستايل ماتين2


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif [مشكلة] في أستايل ماتين2 [V3.0.2]
  24-09-2016 03:32 مساءً  
صورة عبدالاله الهذلي الشخصية
عبدالاله الهذلي
معلومات الكاتب
لم ينجح الحل أستاذي ، أو أنا غلط الله أعلم



تفضل قالب footer وقالب


header

و headinclud



اكواد القالب فوتر

CODE 
{if {$_CONF['info_row']['sidebar_list_active']} and {$on_sidebar_list_thes_page}}
<style type="text/css">
div.pbb_main {
width: 99.9%;
float: right;
}
</style>
</div>
<div class="sbp_show">
<a class="sbp_buton sbp_foot" style="margin-top: -17px; float: {$_CONF['info_row']['sidebar_list_align']};" title="{$lang['sbplus_sidebarac']}">{$lang['hide_blocks']}</a>
<a class="sbp_tbuton sbp_tfoot" style="margin-top: -17px; float: {$_CONF['info_row']['sidebar_list_align']};" title="{$lang['sbplus_sidebarkapat']}">{$lang['show_blocks']}</a>
</div>
<div class="sbp_sbar" style="float: {$_CONF['info_row']['sidebar_list_align']};width: {$_CONF['info_row']['sidebar_list_width']}%;">
{info_row}sidebar_list_content{/info_row}
</div>
</div>
{/if}

<!-- acqqtion_find_adeedons_1 -->
<!-- AdsensesList_Start -->
{Des::while}{AdsensesList}
{if {$AdsensesList['downfoot']} == '1'}
<div align="center">
{$AdsensesList['adsense']}

</div>
{/if}
{/Des::while}
<!-- AdsensesList_End -->
 <div class="time">
{$lang['timer']}
 {$timer}
 </div>
 <!-- end_pbboard_body -->
 <?php $PowerBB->functions->get_hooks_template("footer_top")?>
 
 <div class="footer_bar" align="center">
<span class="r-right">
             {if {$StylesNo} > 1}
             <select onchange="location='index.php?page=change_style&change=1&id=' + this.value" size="1" name="style">
                   {Des::while}{StyleList}<option value="{$StyleList['id']}" {if {$StyleList['id']} == {$_CONF['rows']['style']['id']}}selected="selected" style="background : #EEEEEE"{/if}>{$StyleList['style_title']}</option>
             {/Des::while}
             </select>
             {/if}
             {if {$LangsNo} > 1}
             {if {$_CONF['member_permission']}}
                <select onchange="location='index.php?page=change_lang&change=1&id=' + this.value" size="1" name="lang">
                   {Des::while}{LangList}
                   <option value="{$LangList['id']}" {if {$LangList['id']} == {$_CONF['member_row']['lang']}}selected="selected" style="background : #EEEEEE"{/if}>{$LangList['lang_title']}</option>
             {/Des::while}
             </select>
             {else}
                <select onchange="location='index.php?page=change_lang&change=1&id=' + this.value" size="1" name="lang">
                   {Des::while}{LangList}<option value="{$LangList['id']}" {if {$LangList['id']} == {$VisitorLang}}selected="selected" style="background : #155C99"{/if}>{$LangList['lang_title']}</option>
             {/Des::while}
             </select>
             {/if}
             {/if}
<!-- actilon_find_alddons_3 -->
</span>
<span class="l-left">
<!-- action_finhd_addons_4 -->
               {if {$_CONF['info_row']['active_archive']} == '1'}
                <span class="footer_bar_links">
                <a href="archive.html">{$lang['archive']}</a>
                </span>
                {/if}
                {if {$_CONF['info_row']['sitemap']} == '1'}
                <span class="footer_bar_links">
                {$lang['forummap']}  (<a href="sitemap.htm">Html</a> - <a href="sitemap.xml">Xml</a>)
                </span>
                {/if}
                 {if {$_CONF['info_row']['active_subject_today']} == '1'}
                <span class="footer_bar_links"><a href="today_topics">{$lang['subject_today']}</a>
                ({$subject_today_nm})
                </span>
                {/if}
                 {if {$_CONF['info_row']['active_send_admin_message']} == '1'}
                <span class="footer_bar_links"><a href="contact.html">{$lang['send_message']}</a></span>
                {/if}

                 {if {$_CONF['info_row']['active_team']} == '1'}
                <span class="footer_bar_links"><a href="team.html">{$lang['team']}</a></span>
                {/if}
                <span class="footer_bar_links"><a onclick="self.scrollTo(0, 0); return false;" href="#top">{$lang['UP']}</a></span>
                {if {$_CONF['rows']['group_info']['admincp_allow']}}
                <span class="footer_bar_links"><a href="{$admincpdir}">
                {$lang['cp_admin']}</a></span>
                {/if}
                {if {$_CONF['info_row']['active_rss']} == '1'}
                  <a href="rss.xml">
                <img border="0" alt="rss" class="full_image" src="{$image_path}/rss.gif"
                title="{$lang['rss_subject']}" /></a>
                {/if}
</span>
</div>
 <?php $PowerBB->functions->get_hooks_template("footer_bottom")?>
                    </div>
                    <!-- end c-content-center-center -->

                    <!-- actiodfn_find_addons_5 -->
                </div>
</div></div>
                <!-- end b-b-content-center -->   
            <div class="b-footer">    
            <div class="z-clear"></div>
                <!-- start z-clear-->
<div class="z-clear">
<div id="copyright">
<!--copyright-->
</div>
</div>
                <!-- end z-clear -->            

</div>
</div>
    </div>    
        <!-- end a-all-content -->
    
</body>
</html>




أكواد قالب الهايدر

CODE 
<div id="a-all-content">
<!-- start b-header -->
<div class="b-header">
                
<!-- start b-b-header -->
<div class="b-b-header">
    {if !{$_CONF['member_permission']}}
<!-- start c-login-area-1 -->
    <div class="c-login-area-1">                                                
    <form method="post" action="index.php?page=login&login=1">
    <input type="text" class="login_input" name="username" value="{$lang['username']}" onfocus="if (this.value == '{$lang['username']}') this.value = '';" size="12"  />
    <input type="password" class="login_input" name="password" value="{$lang['password']}" onfocus="if (this.value == '{$lang['password']}') this.value = '';" size="12"/>
    <input type="submit" class="submit_login" value="" />
    <input type="checkbox" class="checkbox_login" name="temporary" value="on" id="fp1" />
    <span>{$lang['Temp_login']}</span>
    </form>
    </div>
    <!-- end c-login-area-1 -->
    {else}
    <div class="c-welcome-area-1">
    <span class="welcomelink">مرحبآ</span>
    <span class="username_link">
    <a href="u{$_CONF['rows']['member_row']['id']}" title="{$lang['Last_visit']}{$lastvisit}">
    {$username_style}</a>
    </span>
    {if {$_CONF['info_row']['pm_feature']}}
    {if {$_CONF['rows']['group_info']['use_pm']} == 1}
    <span class="memberlink">
    <img src="http://c.top4top.net/p_231ldx11.png">  <a href="index.php?page=pm_list&list=1&folder=inbox">{$lang['Private_Messages']}</a> <img src="http://d.top4top.net/p_231i3fi2.png">
    <a href="index.php?page=usercp&index=1" title="{$lang['usercp']}">{$lang['usercp']}  </a>
<img src="http://e.top4top.net/p_231klja3.png">      <a href="index.php?page=logout&index=1" onclick="return **('{$lang['**']}')" title="{$lang['logout']}">{$lang['logout']}</a>
    {/if}
    {/if}
    {if {$_CONF['rows']['member_row']['usergroup']} == 5}
    <span class="memberlink">
    <a href="active_user.html">{$lang['send_active_code']}
</a>
    </span>
    {/if}  
    </div>
    {/if}
<!-- start c-search-area -->
<div class="c-search-area">
<form name="search" action="index.php?page=search" method="get">
<input type="hidden" name="page" value="search" />
<input type="hidden" name="start" value="1"/>
<input type="hidden" name="search_only" value="1" />
<input type="hidden" name="sort_order" value="DESC" />
<input type="hidden" name="section" value="all" />
<input type="text" name="keyword" id="main_search" value="أدخل كلمة البحث" onfocus="if (this.value == 'أدخل كلمة البحث') this.value = '';" dir="rtl" />
<input type="submit" class="submit_input" title="ابحث" tabindex="6" value="" />
</form>
</div>
<!-- start c-logo-->
<div class="c-logo">
                    
<a href="{$ForumAdress}" title="{$_CONF['info_row']['title']}"></a>
                    
</div>
<!-- end c-logo -->
                
<!-- start z-clear-->
<div class="z-clear"></div>
<!-- end z-clear -->
                
<!-- start c-top-menu-->
<div class="c-top-menu">
     
<ul>
<<li><a href="http://board.mt2nb.com/portal.html"><span style="color: 0F17FF; text-shadow: 0px 0px 5px #FF4040; background: url(http://i.imgur.com/0VHzDvJ.gif)">البوابة</span></a></li>
<li><a href="http://board.mt2nb.com/"><span style="color: 0F17FF; text-shadow: 0px 0px 5px #FF4040; background: url(http://i.imgur.com/0VHzDvJ.gif)">المنتدى</span></a></li>
<li><a href="http://www.mt2nb.com/"><span style="color: 0F17FF; text-shadow: 0px 0px 5px #FF4040; background: url(http://i.imgur.com/0VHzDvJ.gif)">موقع اللعبة</span></a></li>
<li><a href="http://board.mt2nb.com/register.html"><span style="color: 0F17FF; text-shadow: 0px 0px 5px #FF4040; background: url(http://i.imgur.com/0VHzDvJ.gif)">التسجيل</span></a></li>
<li><a href="http://board.mt2nb.com/members-list/"><span style="color: 0F17FF; text-shadow: 0px 0px 5px #FF4040; background: url(http://i.imgur.com/0VHzDvJ.gif)">الاعضاء</span></a></li>
<li><a href="http://board.mt2nb.com/team.html"><span style="color: 0F17FF; text-shadow: 0px 0px 5px #FF4040; background: url(http://i.imgur.com/0VHzDvJ.gif)">فريق العمل </span></a></li>
</ul>
     
</div>
<!-- end c-top-menu -->
                
</div>
<!-- end b-b-header -->
            
</div>
<!-- end b-header -->
            
<!-- start z-clear-->
<div class="z-clear"></div>
<!-- end z-clear -->
            
<!-- start b-content-center -->
<div class="b-content-center">
                
<!-- start b-b-content-center -->
<div class="b-b-content-center">
                    
                    
<!-- start c-nav-bar -->
<div class="c-nav-bar">
                        
<div class="d-nav-bottom">
                            
<div class="e-nav-bottom-right">
<ul>

<div class="info" style="background-color:#600; border-color:#600; color:#000;">
            <p><style type="text/css">
#global_announcement {
    width: 825px;
    height: 215px;
    border: 1px solid black;
    color: #eace9c;
    font-family: Calibri;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#menu_button_holder {
    background-color: black;
    float: left;
    width: 114px;
    text-align: center;
}

#menu_button_holder a {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -225px;
    color: #eace9c;
    display: block;
    font-size: 16px;
    height: 30px;
    padding-top: 6px;
    text-decoration: none;
}

#menu_button_holder a:hover {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -276px;
}

#menu_button_holder a:active {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -327px;
}

#events {
    cursor: default;
}

#events_menu {
    float: left;
    width: 114px;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: -1px;
    visibility: hidden;
    z-index: 1000;
}

#events_menu a {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -276px;
    color: #eace9c;
    display: block;
    font-size: 16px;
    height: 30px;
    padding-top: 6px;
    text-decoration: none;
}

#events_menu a:hover {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -327px;
}

#content_holder {
    height: 100%;
    float: left;
    width: calc(100% - 114px);
    position: relative;
}

#content_top_row, #content_bottom_row {
    background-color: black;
    display: block;
    height: 50%;
    width: 100%;
}

#content_top_row a, #content_bottom_row a{
    color: #eace9c;
}

.block {
    background: url('http://gf1.geo.gfsrv.net/cdnd0/860492c351bee9880e27974934f1d3.jpg');
    float: left;
    height: 107px;
    width: 236px;
    margin-left: 1px;
    position: relative;
    overflow: hidden;
}

.block img {
    opacity: 0.8;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#merge a {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -276px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    width: 206px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 5px 15px 5px 15px;
    text-decoration: none;
}

#merge a:hover {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -327px;
}

#merge a:active {
    background: url("//gf3.geo.gfsrv.net/cdn8f/9941368e0f3a8fd669f35109f7a6fa.png") 0 -327px;
}

.black_overflow {
    background: rgba(0,0,0,0.7);;
    position: absolute;
    bottom: 0px;
    width: 236px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.visible {
    display: inline;
}

.invisible {
    display: none;
}

.big {
    font-size: 20px;
}

.medium {
    font-size: 16px;
}

.small {
    font-size: 13px;
    font-weight: bold;
}

.margin_bottom_5px {
    margin-bottom: 5px;
}

.margin_bottom_10px {
    margin-bottom: 10px;
}

</style>
</p><div id="global_announcement">
    <div id="menu_button_holder">
        <a href="http://board.mt2nb.com/f12" target="_blank">أخبار اللعبة</a>
        <a href="http://board.mt2nb.com/f48" target="_blank">متجر البنود</a>
        <a href="http://board.mt2nb.com/f16" target="_blank">قوانين اللعبة</a>
        <a href="http://board.mt2nb.com/f16" target="_blank">قوانين المنتدى</a>
        <a href="#">المسابقات</a>
        <a id="events">الدعم الفني</a>
    </div>
    <div id="content_holder">
        <div id="events_menu" style="visibility: hidden;">
            <a href="http://board.mt2nb.com/f24">طلبات الحظر</a>
            <a href="http://board.mt2nb.com/f24">شكوى على مراقب</a>
            <a href="http://board.mt2nb.com/f24">شكوى على لاعب</a>

        </div>
        <div id="content_top_row">
            <div class="block">
                <!-- Champions League afbeelding bewaren, aangezien deze vaker gebruikt moet gaan worden -->
                <!-- <img src="http://metin2wiki.de/images/0/0a/Fu%C3%9Fballevent.png" style="margin-top: -100px; margin-left: -300px;"/> -->
                <!-- Einde van Champions League afbeelding -->
                <img src="https://image.board.gameforge.com/uploads/metin2/de/announcement_metin2_de_602647b2072a424788c6d4d691152700.png" style="margin-top: -25px; margin-left: -220px; transform: scale(1);">
                <div class="black_overflow">
                    <div class="visible medium" style="display: inline;">حالة الخادم</div>
                    <div class="invisible" style="display: none;">
                        <div class="big"><a href="">يعمل الأن</a></div>

                    </div>
                </div>
            </div>
            <div class="block">
                <img src="http://metin2.jecool.net/wp-content/uploads/7veins.jpg" style="margin-top: -120px; margin-left: -310px; transform: scale(1);">
                <div class="black_overflow">
                    <div class="visible medium" style="display: inline;">طلبات الترشيح لرقابة</div>
                    <div class="invisible" style="display: none;">
                        <div class="small"></div>
                        <div class="big"><a href="">اللعبة : مغلق</a></div>
                        <div class="big"><a href="">المنتدى : مغلق</a></div>
                    </div>
                </div>
            </div>
            <div class="block">
                <!-- <img src="http://board.nl.metin2.gameforge.com/wcf/images/m2reworked/m2_default_headerbg.png" style="margin-top: -40px; margin-left: -880px;"/> -->
                <img src="http://image.board.gameforge.com/uploads/metin2/de/announcement_metin2_de_20dd241ff74d5bbadad82a067b89db3c.png" style="margin-top: -140px; margin-left: -130px; transform: scale(1);">
                <div class="black_overflow">
                    <div class="visible medium" style="display: inline;">فريق العمل</div>
                    <div class="invisible" style="display: none;">
<div class="small"><a href="http://board.mt2nb.com/team.html">فريق العمل</a></div>

                    </div>
                </div>
            </div>
        </div>
        <div id="content_bottom_row">
            <div class="block">
                <!-- <img src="http://wiki.metin2.co.uk/images/7/72/Dark_Dragons_Update_Header.png" style="margin-top: -140px; margin-left: -250px;"/> -->
                <img src="http://img.webme.com/pic/b/bab-hunk/npcresima.png" style="margin-top: -100px; margin-left: -90px; transform: scale(1);">
                <div class="black_overflow">
                    <div class="visible medium" style="display: inline;">دليل اللعبة<font color="green"></font></div>
                    <div class="invisible" style="display: none;">
                        <div class="small"><a href="http://board.mt2nb.com/f28">دليل اللعبة</a></div>

                    </div>
                </div>
            </div>
            <div class="block">
                <img src="http://image.board.gameforge.com/uploads/metin2/de/announcement_metin2_de_5ed420f134fb15389ac00045e7fa45a6.png" style="margin-top: -80px; margin-left: -100px;">
                <div class="black_overflow">
                    <div class="visible medium">جدول الاحداث و المسابقات</div>
                    <div class="invisible">
                        <div class="small"><a href="#">مشاهدة الجدول</a></div>

                    </div>
                </div>

            </div>
            <div class="block">
                <img src="http://images.mmosite.com/space/upload/070628/biggish/3692b49c747a.jpg" style="margin-top: -150px; margin-left: -550px;">
                <div class="black_overflow">
                    <div class="visible medium">الابطال</div>
                    <div class="invisible">
                        <div class="medium margin_bottom_10px"><a href="#">أبطال الخادم ديسق</a></div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
document.getElementById("events").onmouseover = function() {
    document.getElementById("events_menu").style.visibility = "visible";
}

document.getElementById("events").onmouseleave = function() {
    document.getElementById("events_menu").style.visibility = "hidden";
}

document.getElementById("events_menu").onmouseover = function() {
    document.getElementById("events_menu").style.visibility = "visible";
}

document.getElementById("events_menu").onmouseleave = function() {
    document.getElementById("events_menu").style.visibility = "hidden";
}

addGlobalAnnouncementEventListeners();
function addGlobalAnnouncementEventListeners() {
    var elements = document.getElementsByClassName("block");
    for (var i = 0; i < elements.length; i += 1) {
        elements[i].addEventListener('mouseenter', (function(i) {
            return function(e) {
                e.target.children[0].style.transform = "scale(1.02)";
                e.target.children[1].children[0].style.display = "none";
                e.target.children[1].children[1].style.display = "inline";
            }
        })(i), false);
    }

    for (var i = 0; i < elements.length; i += 1) {
        elements[i].addEventListener('mouseleave', (function(i) {
            return function(e) {
                e.target.children[0].style.transform = "scale(1.0)";
                e.target.children[1].children[0].style.display = "inline";
                e.target.children[1].children[1].style.display = "none";
            }
        })(i), false);
    }
}
</script><p></p>
        </div>

                                
</div>
                            
</div>                
</div>

<!-- end c-nav-bar -->

كود قالب headinclud

CODE 
<!doctype html>
<html dir="{$_CONF['info_row']['content_dir']}" itemscope="" itemtype="http://schema.org/WebPage" lang="{$_CONF['info_row']['content_language']}">
<head>


<meta http-**="Content-Type" content="text/html; charset={$_CONF['info_row']['charset']}" />
<meta http-**="Content-Language" content="{$_CONF['info_row']['content_language']}" />
{if {$index}}
<meta name="keywords" content="{$keywords}" />
{else}
<meta name="keywords" content="{Des::while}{tags}{$tags['tag']},{/Des::while}keyword" />
{/if}
<meta name="description" content=" {$description}" />
<!--[if gte IE 7]><meta http-**="X-UA-Compatible" content="IE=EmulateIE7" /><![endif]-->
<!--[if gte IE 9]><meta http-**="X-UA-Compatible" content="IE=9" /><![endif]-->
<link rel="stylesheet" href="likeit/css.css">
<link rel="shortcut icon" href="{$ForumAdress}favicon.ico" />
<link rel="stylesheet" href="{$ForumAdress}look/fonts/font-awesome.min.css" />
<link rel="stylesheet" href="{$ForumAdress}applications/core/colorbox-master/colorbox.css" />
<link rel="stylesheet" href="{$ForumAdress}
{$style_path}" />
<link rel="alternate" type="application/rss+xml" title="{$lang['rss_subject']}" href="
{$ForumAdress}rss.xml" />                                                                                         
<script type="text/javascript" src="{$ForumAdress}includes/js/pbboardCode.js"></script>
<script type="text/javascript" src="{$ForumAdress}includes/js/pbboard_global.js"></script>
<script type="text/javascript" src="{$ForumAdress}includes/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="{$ForumAdress}includes/js/jquery-ui.js"></script>
<script type="text/javascript" src="{$ForumAdress}includes/js/jquery.save.js"></script>
<script type="text/javascript" src="{$ForumAdress}includes/js/shCore.js"></script>
<script type="text/javascript" src="{$ForumAdress}includes/js/shBrushPhp.js"></script>
<script type="text/javascript">SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all();</script>
<script type="text/javascript" src="{$ForumAdress}applications/core/colorbox-master/jquery.colorbox.js"></script>
{if {$_CONF['info_row']['resize_imagesAllow']} == 1}
{template}imgs_resize{/template}
{/if}
<style type="text/css">.shakeimage{position:relative}</style>
<script type="text/javascript" src="{$ForumAdress}applications/core/jwplayer/jwplayer.js"></script>
<script type="text/javascript" src="{$ForumAdress}applications/core/jwplayer/jwplayer.trigger.js"></script>
<title>{$title}
{if {$_CONF['info_row']['allowed_powered']} == 1}
 - {$lang['powered']}
{/if}</title>

<style type="text/css">
.follow_b
{
background-color: #ffffff;
color: #3399FF;
font-family: "tahoma";
font-size: 10pt;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;
}
.remove_b
{
background-color: #3399FF;
color: #ffffff;
font-family: "tahoma";
font-size: 10pt;
font-weight:bold;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;

}
span.remove_b:before{
content:"مُتابَع";
}
span.remove_b:hover:before {
content:"إلغاء المتابعة";
}
.remove_b:hover{
color: #FFFFFF;
background-color:#FF0000;
border:1px solid #dbdbdb;
}
.remove_b a{
color:#FF0000;
background-color:#FF0000;
}
.follow_byw
{
background-color: #ffffff;
color: #3399FF;
font-family: "tahoma";
font-size: 10pt;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;
margin-right:30px;
}
.remove_byw
{
background-color: #3399FF;
color: #ffffff;
font-family: "tahoma";
font-size: 10pt;
font-weight:bold;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;
margin-right:30px;
}
span.remove_byw:before{
content:"مُتابَع";
}
span.remove_byw:hover:before {
content:"إلغاء المتابعة";
}
.remove_byw:hover{
color: #FFFFFF;
background-color:#FF0000;
border:1px solid #dbdbdb;
}
.remove_byw a{
color:#FF0000;
background-color:#FF0000;
}
ul.followlist, .followlist ul
{
list-style:none;
margin:1px;
padding: 1px;
}
.ProfileNav-stat {
    height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0 solid;
    display: block;
    line-height: 1;
    padding: 1px 15px 7px;
    transition: all .15s ease-in-out;
}
.u-textCenter {
    text-align: center!important;
}
.ProfileNav-item.is-active .ProfileNav-stat, .ProfileNav-stat:hover, .ProfileNav-stat:focus {
    border-bottom-width: 4px;
}
.ProfileNav-stat--link:hover, .ProfileNav-stat--link:focus {
    text-decoration: none;
}
.ProfileNav-value {
    font-family: "tahoma";
    font-size: 18px;
    padding-top: 3px;
    font-weight: 500;
    transition: color .15s ease-in-out;
}
.ProfileNav-label {
    color: #66757f;
    font-family: "tahoma";
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: uppercase;
    transition: color .15s ease-in-out;
}
.ProfileNav-label, .ProfileNav-value {
 display: block;
}
ul.followlist, .followlist ul
{
list-style:none;
padding-bottom:0;
margin-bottom:0;
}
.follower_br {
padding-bottom:10px;
margin-bottom:10px;
}
</style>
<script type="text/javascript">
function AjaxFollow()
{
$(".follow").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&follow=1",
   data: info,
   success: function(){}
 });
    $("#follow"+I).fadeOut(200).hide();
    $("#remove"+I).fadeIn(200).show();
    return false;
});

$(".follow_y").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&follow=1",
   data: info,
   success: function(){}
 });
    $("#follow_y"+I).fadeOut(200).hide();
    $("#remove_y"+I).fadeIn(200).show();
    return false;
});

$(".follow_c").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&follow=1",
   data: info,
   success: function(){}
 });
    $("#follow_c"+I).fadeOut(200).hide();
    $("#remove_c"+I).fadeIn(200).show();
    return false;
});


$(".remove").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&remove=1",
   data: info,
   success: function(){}
 });
    $("#remove"+I).fadeOut(200).hide();
    $("#follow"+I).fadeIn(200).show();
return false;
});
}
</script>
<script type="text/javascript">
$(document).ready(AjaxFollow);
</script>



<style type="text/css">
.follow_b
{
background-color: #ffffff;
color: #3399FF;
font-family: "tahoma";
font-size: 10pt;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;
}
.remove_b
{
background-color: #3399FF;
color: #ffffff;
font-family: "tahoma";
font-size: 10pt;
font-weight:bold;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;

}
span.remove_b:before{
content:"مُتابَع";
}
span.remove_b:hover:before {
content:"إلغاء المتابعة";
}
.remove_b:hover{
color: #FFFFFF;
background-color:#FF0000;
border:1px solid #dbdbdb;
}
.remove_b a{
color:#FF0000;
background-color:#FF0000;
}
.follow_byw
{
background-color: #ffffff;
color: #3399FF;
font-family: "tahoma";
font-size: 10pt;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;
margin-right:30px;
}
.remove_byw
{
background-color: #3399FF;
color: #ffffff;
font-family: "tahoma";
font-size: 10pt;
font-weight:bold;
display:inline-block;
white-space:nowrap;
text-align: center;
padding: 5px 25px;
border: 1px solid;
border-color: #3399FF;
border-radius: 3px;
margin-right:30px;
}
span.remove_byw:before{
content:"مُتابَع";
}
span.remove_byw:hover:before {
content:"إلغاء المتابعة";
}
.remove_byw:hover{
color: #FFFFFF;
background-color:#FF0000;
border:1px solid #dbdbdb;
}
.remove_byw a{
color:#FF0000;
background-color:#FF0000;
}
ul.followlist, .followlist ul
{
list-style:none;
margin:1px;
padding: 1px;
}
.ProfileNav-stat {
    height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0 solid;
    display: block;
    line-height: 1;
    padding: 1px 15px 7px;
    transition: all .15s ease-in-out;
}
.u-textCenter {
    text-align: center!important;
}
.ProfileNav-item.is-active .ProfileNav-stat, .ProfileNav-stat:hover, .ProfileNav-stat:focus {
    border-bottom-width: 4px;
}
.ProfileNav-stat--link:hover, .ProfileNav-stat--link:focus {
    text-decoration: none;
}
.ProfileNav-value {
    font-family: "tahoma";
    font-size: 18px;
    padding-top: 3px;
    font-weight: 500;
    transition: color .15s ease-in-out;
}
.ProfileNav-label {
    color: #66757f;
    font-family: "tahoma";
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: uppercase;
    transition: color .15s ease-in-out;
}
.ProfileNav-label, .ProfileNav-value {
 display: block;
}
ul.followlist, .followlist ul
{
list-style:none;
padding-bottom:0;
margin-bottom:0;
}
.follower_br {
padding-bottom:10px;
margin-bottom:10px;
}
</style>
<script type="text/javascript">
function AjaxFollow()
{
$(".follow").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&follow=1",
   data: info,
   success: function(){}
 });
    $("#follow"+I).fadeOut(200).hide();
    $("#remove"+I).fadeIn(200).show();
    return false;
});

$(".follow_y").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&follow=1",
   data: info,
   success: function(){}
 });
    $("#follow_y"+I).fadeOut(200).hide();
    $("#remove_y"+I).fadeIn(200).show();
    return false;
});

$(".follow_c").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&follow=1",
   data: info,
   success: function(){}
 });
    $("#follow_c"+I).fadeOut(200).hide();
    $("#remove_c"+I).fadeIn(200).show();
    return false;
});


$(".remove").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
 $.ajax({
   type: "POST",
   url: "index.php?page=plugin&main=1&control=1&remove=1",
   data: info,
   success: function(){}
 });
    $("#remove"+I).fadeOut(200).hide();
    $("#follow"+I).fadeIn(200).show();
return false;
});
}
</script>
<script type="text/javascript">
$(document).ready(AjaxFollow);
</script>

</head>
<body>
{template}header{/template}
{if {$_CONF['info_row']['notif_receive_new_like']}}
<?php
$userid = $PowerBB->_CONF['member_row']['id'];
$likes_List = $PowerBB->DB->sql_query("SELECT * FROM " . $PowerBB->prefix."liked" . " WHERE writerid = '$userid' AND notif <>0 AND likes >0 ");
$likes_num = 0;
while ($getnotif_row = $PowerBB->DB->sql_fetch_array($likes_List))
{    $likes_num= $likes_num + $getnotif_row['notif'];}
if ($likes_num) {
print '<div class="note"><span class="like_notif">'.$likes_num.'</span><a href="index.php?page=likes&my_new_likes=1"><img id="topicPreview" src="likeit/pbb_like2.png" title="'.$PowerBB->_CONF['template']['_CONF']['lang']['likes'].'" alt="Preview" style="cursor:pointer;" /></a></div>';
}
?>
{/if}


الساعة الآن 05:01 AM