ماشی اخی بارك الله بك
تفضل لك ما اردته ,,
اضف هذه الاكواد فى قالب الهيدر ,,
كود بلغة HTML:
<!-- logo -->
<link rel="shortcut icon" href="favicon.ico">
<div id="Header">
 <div class="top-header">
   <div class="cont">
                  <if condition="$show['member']">
<div class="socialnet">
<ul class="list-social">
                <li><a rel="nofollow" class="simptip-position-right simptip-smooth" data-tooltip="لوحة تحكم العضو" id="usercptools" href="$show[nojs_link]#usercptools" rel="nofollow" rel="nofollow" target="_blank"><i class="fa fa-cogs"></i>
                <span></span></a></li>
        <script type="text/javascript">vbmenu_register("usercptools", true); </script>
  <li><a rel="nofollow" class="simptip-position-right simptip-smooth" data-tooltip="المشاركات الجديدة" href="search.php?do=getdaily" rel="nofollow"><i class="fa fa-check-square-o" style="color:#fff;"></i></a></li>
<li><a rel="nofollow" class="simptip-position-right simptip-smooth" data-tooltip="مركز رفع الصور" href="www.kurd-sat.com/up/" rel="nofollow" rel="nofollow" target="_blank"><i class="fa fa-arrow-circle-down" style="color:#fff;"></i></a></li>
 <li><a rel="nofollow" class="simptip-position-right simptip-smooth" data-tooltip="facebook" href="https://www.facebook.com/KurdSat2016/" rel="nofollow" rel="nofollow" target="_blank"><i class="fa fa-facebook" style="color:#fff;"></i></a></li>
  <li><a rel="nofollow" class="simptip-position-right simptip-smooth" data-tooltip="twitter" href="https://twitter.com/kurdsat2015" rel="nofollow" rel="nofollow" target="_blank"><i class="fa fa-twitter" style="color:#fff;"></i></a></li>
    <li><a rel="nofollow" class="simptip-position-left simptip-smooth" data-tooltip="google+" href="https://plus.google.com/u/0/" rel="nofollow" rel="nofollow" target="_blank"><i class="fa fa-google-plus" style="color:#fff;"></i></a></li>
</ul></div>
<div id="usercptools_menu" class="mmmm" style="display: none;">
    <div class="CpUser">
        <div class="CpUserIm">
            <img alt="الصورة الرمزية" border="0" src="image.php?u=$bbuserinfo[userid]" title="الصورة الرمزية" /></div>
        <div class="CpUserName">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong></div>        
                <if condition="$show['member']">
            <div class="CpUserExit">
            <a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
</div>
        </if>
    </div>
    <div class="VbmenuPopupHead">
        إتخاذ إجراء | <a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></div>
    <div class="VbmenuOption2">
        <div class="VbmenuOptionH">
            <a href="profile.php?do=editavatar" rel="nofollow">
            تعديل الصورة الرمزية</a></div>
        <div class="VbmenuOptionH">
            <a href="profile.php?do=editsignature" rel="nofollow">
            تعديل التوقيع</a></div>
    <div class="VbmenuOptionH">
            <a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></div>
        <div class="VbmenuOptionH">
            <a href="profile.php?do=editpassword" rel="nofollow">
            تعديل البريد وكلمة المرور</a></div>
        <div class="VbmenuOptionH">
            <a href="profile.php?do=editprofile" rel="nofollow">
            تعديل بياناتك</a></div>
        <div class="VbmenuOptionH">
            <a href="profile.php?do=editoptions" rel="nofollow">
            تعديل الخيارات</a></div>        
    </div>
    <div class="VbmenuPopupHead">
        الخصوصية |   التواصل</div>
    <div class="VbmenuOption2">
        <div class="VbmenuOptionH">
            <a href="profile.php?do=privacy" rel="nofollow">
            خصوصية ملف الهوية</a></div>
            
        <div class="VbmenuOptionH">
            <a href="profile.php?do=buddylist" rel="nofollow">
            الإتصال / الأصدقاء</a></div>            
        <div class="VbmenuOptionH">
            <a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></div>
        </div>            
</div>
<div class="Member-Alert"><!--بداية الكلاس-->
<ul>
<li><!--رسائل خاصة-->
<if condition="$bbuserinfo[pmunread]">
<a rel="nofollow" title="الرسائل الخاصة" href="private.php"><span class="EG-MSG"></span></a>
<div title="لديك رسائل خاصة جديدة" class="IF-Noti">$bbuserinfo[pmunread]</div>
<else />
<a rel="nofollow" title="الرسائل الخاصة" href="private.php"><span class="EG-MSG"></span></a>
</if>
</li><!--/رسائل خاصة-->
<li><!--رسائل زوار-->
<if condition="$bbuserinfo[vmunreadcount]">
<a rel="nofollow" title="رسائل الزوار" href="member.php?u=$bbuserinfo[userid]&amp;tab=visitor_messaging"><span class="EG-V-MSG"></span></a>
<div title="لديك رسائل زوار جديدة" class="IF-Noti">$bbuserinfo[vmunreadcount]</div>
<else />
<a rel="nofollow" title="رسائل الزوار" href="member.php?u=$bbuserinfo[userid]&amp;tab=visitor_messaging"><span class="EG-V-MSG"></span></a>
</if>
</li><!--/رسائل زوار-->
<li><!--طلبات صداقة-->
<if condition="$bbuserinfo[friendreqcount]">
<a rel="nofollow" title="طلبات الصداقة" href="profile.php?do=buddylist"><span class="EG-Frnd"></span></a>
<div title="لديك طلبات صداقة جديدة" class="IF-Noti">$bbuserinfo[friendreqcount]</div>
<else />
<a rel="nofollow" title="طلبات الصداقة" href="profile.php?do=buddylist"><span class="EG-Frnd"></span></a>
</if>
</li><!--/طلبات صداقة-->
<li><!--تعليقات-->
<if condition="$bbuserinfo[pcunreadcount]">
<a rel="nofollow" title="تعليقات على الصور" href="album.php?do=unread"><span class="EG-Pic-Com"></span></a>
<div  title="لديك تعليقات جديدة على الصور" class="IF-Noti">$bbuserinfo[pcunreadcount]</div>
<else />
<a rel="nofollow" title="تعليقات على الصور" href="album.php?do=unread"><span class="EG-Pic-Com"></span></a>
</if>
</li><!--/تعليقات-->
<li>
<li><!--الإعجاب-->
<if condition="$vboptions['ls_onoff']">
<if condition="$bbuserinfo[likes_by_ali]"> 
<a rel="nofollow" title="الإعجابات" href="member.php?u=$bbuserinfo[userid]&amp;tab_likes=received#like_share_by_ali"><span class="EG-Like fa-flip-horizontal"></span></a>
<div title="لديك إعجابات جديدة" class="IF-Noti"> $bbuserinfo[likes_by_ali]</div>
<else />
<a rel="nofollow" title="الإعجابات" href="member.php?u=$bbuserinfo[userid]&amp;tab_likes=received#like_share_by_ali"><span class="EG-Like fa-flip-horizontal"></span></a>
</if>
</if>
</li><!--/الإعجاب-->
<li><!--التقييم-->
<if condition="$repcount">
<a rel="nofollow" title="التقييم" href="usercp.php"><span class="EG-Rep"></span></a>
<div  title="لديك تقييم جديد" class="IF-Noti">$repcount</div>
<else />
<a rel="nofollow" title="التقييم" href="usercp.php"><span class="EG-Rep"></span></a>
</if>
</li><!--/التقييم-->
<li><!--تسجيل الخروج-->
<a rel="nofollow" title="تسجيل الخروج" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><span class="EG-Off"></span></a>
</li><!--/تسجيل الخروج-->
</ul>
</div><!--نهاية الكلاس--> 
<div id="login-cp">
<div class="EG-Img">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]"><img alt="" border="0" height="40" src="image.php?u=$bbuserinfo[userid]" style="margin-top: 0px;" title="" width="40"></a></div>
  <div class="FormLogin">
<div class="usernameee">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong>
</div>
<a href="usercp.php" rel="nofollow" rel="nofollow" target="_blank">
  <div class="controll"></div></a>
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><div class="profilee"></div></a>
<div class="infoo">
 </div></div></div><else /> 
<div class="client-area">
</div>
<div class="bottom">
<!-- / login form -->
 <a onclick="document.getElementById('loginshade').style.display = 'block'" class="register"> <span class="fa fa-user" style="color:#58C5C4"></span> تسجيل الدخول
</a>
<a href="register.php" class="register_new" style="color:#B2BCC5"><span class="fa fa-users" style="color:#58C5C4"></span> تسجيل عضوية </a>
<a href="search.php?do=getdaily" class="forget" style="color:#B2BCC5"><span class="fa fa-th" style="color:#58C5C4"></span> مشاركات اليوم </a>
</div>
<div id="loginshade">
<center> 
<div id="loginbox"> 
<div dir="rtl" id="logincontent"><span onclick="document.getElementById('loginshade').style.display = 'none'" class="closelogin" style="float:right;color:#FFF">×</span> 
<div id="loginhead">
<br><img src="helpernt/img/logo.png"></div><br><h3>حسابٌ واحد لجميع خدماتنا !</h3>
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
    <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<input id="navbar_username" accesskey="u" class="logininp" style="font-size: 11px" name="vb_login_username" onfocus="if (this.value == 'أسم العضو ..') this.value = '';" size="10" tabindex="101" type="text" value="أسم العضو ..">
<br> 
<input id="navbar_password" accesskey="u" class="logininp" style="font-size: 11px" name="vb_login_password" onfocus="if (this.value == 'xxxxxxxxx') this.value = '';" size="10" tabindex="102" type="password" value="xxxxxxxxx"> 
<br> 
<div class="LoginButton">
<input type="submit" class="loginbutt" value="تسجيل الدخول" tabindex="104" title="تسجيل الدخول" accesskey="s"><br><label for="cb_cookieuser_navbar"></div>

<input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked">حفظ المعلومات ؟</label>
<input type="hidden" name="s" value=""><input type="hidden" name="securitytoken" value="guest"><input type="hidden" name="do" value="login">
<input type="hidden" name="vb_login_md5password"> 
<input type="hidden" name="vb_login_md5password_utf"> 
 </form>
    <span id="createaccountlogin"><i class="fa fa-lock"></i><a rel="nofollow" href="login.php?do=lostpw"> إستعادة كلمة المرور</a>
<div class="cclogin"> كورد سات - <span>www.kurd-sat.com</span></div>
</div></div></div>
<div class="top-number">
<p><i class="fa fa-clock-o"></i>
<script language="JavaScript">var fixd;function isGregLeapYear(year){return year%4 == 0 && year%100 != 0 || year%400 == 0;}function gregToFixed(year, month, day){var a = Math.floor((year - 1) / 4);var b = Math.floor((year - 1) / 100);var c = Math.floor((year - 1) / 400);var d = Math.floor((367 * month - 362) / 12);if (month <= 12)e = -2;else if (month > 2 && isGregLeapYear(year))e = 1;elsee = -1;return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;}function Hijri(year, month, day){this.year = year;this.month = month;this.day = day;this.toFixed = hijriToFixed;this.toString = hijriToString;}function hijriToFixed(){return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +Math.floor((3 + 11 * this.year) / 30) + 227015 - 0;}function hijriToString(){var months = new Array("محرم","صفر","ربيع أول","ربيع ثانى","جمادى الأولى","جمادى  الثانية","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة");return this.day + " " + months[this.month - 1]+ " " + this.year;}function fixedToHijri(f){var i=new Hijri(1100, 1, 1);i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);var i2=new Hijri(i.year, 1, 1);var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) +1;i.month = Math.min(m, 12);i2.year = i.year;i2.month = i.month;i2.day = 1;i.day = f - i2.toFixed() + 1;return i;}var tod=new Date();var weekday=new Array("الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت");var monthname=new Array("يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليو","اغسطس","سبتمبر","أكتوبر","نونبر","دديسمبر");var y = tod.getFullYear();var m = tod.getMonth();var d = tod.getDate();var dow = tod.getDay();document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);m++;fixd=gregToFixed(y, m, d);var h=new Hijri(1421, 11, 28);h = fixedToHijri(fixd);document.write(" م  - " + h.toString() + "هـ");</script></p>  
</div>
</if></div></div>
<div class="bgheader">
    <div class="cont">
<div class="logo"><a class="simptip-position-left simptip-smooth" data-tooltip="كورد سات" href="index.php"><img src="helpernt/img/logo.png"></a></div>
<div class="link-search">
 <form action="search.php?do=process" method="post">
    <input name="do" value="process" type="hidden">
    <input name="quicksearch" value="1" type="hidden">
    <input name="childforums" value="1" type="hidden">
    <input name="exactname" value="1" type="hidden">
    <input name="s" value="" type="hidden">
    <input name="securitytoken" value="guest" type="hidden">
   <input class="Input-Search" name="query" tabindex="1001" onblur="if(this.value=='')this.value='' " onfocus="if(this.value=='')this.value=''" value="اكتب هنا ماتريد البحث عنه ! " type="text">
    <input class="Box-Search" value="" tabindex="1004" original-title="" type="submit">
  </form>
</div>         
<div class="LinkRigth">
<ul>
</ul>
</div></div></div> 
  
<!-- /logo -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]
وهذه الاكواد فى تعاريف CSS الإضافية/Additional CSS Definitions
كود:
.Member-Alert{float:right;position:absolute;margin:25px 80px 0 0;}
.Member-Alert ul{float:right;list-style:none;}
.Member-Alert li{float:right;list-style:none;padding:0 4px 0 0;}
.Member-Alert li a{display:inline-block;font-size:15px;width:20px;height:17px;border-radius:50%;padding:3px;text-align:center;vertical-align:bottom;color:#34495E;margin:0 5px 0 0;background:#E5EAEE;box-shadow:0px 0px 0px 3px #D3D6E2;border:4px solid #657E98;transition: all 1.5s;}
.Member-Alert li a:hover{box-shadow:0 0 0 3px #6E8AA6;border:4px solid #657E98;color:#818181;transition: all 1.5s;}
.IF-Noti{position:relative;background:#FF0000;border-radius:7px;color:#FFFFFF;width:15px;height:15px;font-size:10px;text-align:center;line-height:14px;bottom:33px;right:26px;padding:0 1px 0 1px;}
.EG-MSG:before{content:"\f0e0";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-V-MSG:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-Frnd:before{content:"\f234";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-Pic-Com:before{content:"\f03e";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-Like:before{content:"\f087";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-Rep:before{content:"\f004";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-Off:before{content:"\f08b";font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 -1px 0 0;}
.EG-Img{border:3px solid #657E98;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:40px;height:40px;float:right;position:relative;margin:5px 30px 0 0;}
.EG-Img:before{content:"";position:absolute;right:100%;top:-3px;border-top:8px solid transparent;border-right:7px solid #657E98;border-bottom:8px solid transparent;}
النتيجة ,,
رد: طلب التعديل على ايقونات التنبيه