المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [ تـمـ الـحـل ] طلب التعديل على هيدر


FOR SAT
2017-01-01, 06:55 PM
السلام عليكم
ولو قلت لن اطلب شئ تاني لكني لم اصل لمبتغاي باي موقع كما هنا فبارك الله بكم واذا كان الطلب صعب سوف افهم الامر لكن هذا ليس تصميم او تكويد اخي العزيز بل تعديل ... فقد حصلت على القالب لكن به بعض النواقص فأتمنى التعديل عليه...
هذا الهيدر شبيه لترايدنت لكن به بعض النواقص اتمنى التعديل عليها
اولا صورة الهيدر
http://a.top4top.net/p_366r5qyz1.png
اخذ الروابط الى اقصى اليمين
اخذ خانة البحث الى اقصى اليسار
لاتظهر ايقونات المواقع الاجتماعية مثل الفيسبوك بجنب خانة البحث
حذف الخط المؤشر بالسهم الاحمر
تقريب المسافة بين اللوكو و الصورة الرمزية و أخذهما الى اقصى اليمين
الهيدر
<!-- logo -->
<div id="HeaderMain">
<div class="HeaderLinkMain">
<div class="LinkMain">
<div class="LinkRigth">
<ul>
<li>
<a href="f130" target="_blank" title="الدعم الفني">
الدعم الفني</a></li>
<li>
<a href="domainsearch.php" target="_blank" title="البحث عن دومين">
البحث عن دومين</a></li>
<li>
<a href="colors.php" target="_blank" title="أكواد الالوان">
أكواد الالوان</a></li>
<li>
<a href="Generator.php" target="_blank" title="زخرفة الأسماء">
زخرفة الأسماء</a></li>
<li>
<a href="marquee.php" target="_blank" title="أكواد marquee">
أكواد marquee</a></li>
<li>
<a href="stc.php" rel="nofollow" target="_blank" title="خدمات STC">
خدمات STC</a></li>
</ul>
</div>
<div class="LinkLeft">
<div class="LinkSearch" style="display:inline-block;">
<form action="http://www.google.com/cse" target="_blank">
<input type="hidden" name="cx" value="001825168661170533435:p0njte3cptg" />
<input type="hidden" name="ie" value="windows-1256" />
<input class="InputSearch" name="query" size="25" tabindex="1001" type="text" value="البحث داخل الموقع .." onfocus="if (this.value == 'البحث داخل الموقع ..') this.value = '';" />
<input class="ButtonSearch" tabindex="1004" type="submit" value="بحث" />
</form>
</div>
<div style="display:inline-block;">
<a class="icon-twitter-squared tooltipsG" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>twitter</span></a></div>
<div style="display:inline-block;">
<a class="icon-facebook-squared-1 tooltipsG" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span></a></div>
<div style="display:inline-block;">
<a class="icon-googleplus-rect tooltipsG" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>googleplus</span></a></div>
<div style="display:inline-block;">
<a class="icon-youtube-squared tooltipsG" href="http://www.youtube.com/" rel="nofollow" target="_blank">
<span>youtube</span></a></div>
</div>
</div>
</div>
<div class="CounctNavBar">
<div class="WebCounct">
<div id="GoustLogin">
<table style="width: 100%">
<tr>
<td width="250">
<div class="CounctLogo">
<a href="$vboptions[bburl]$session[sessionurl_q]">
<img src="$stylevar[titleimage]" title="شبكة المطور" border="0" alt="" /></a></div>
</td>
<if condition="$show['member']">
<td width="50">
<div class="ImgUsers">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]" class="tooltipsB"><img alt="" border="0" height="50" src="image.php?u=$bbuserinfo[userid]" style="margin-top: 0px;" title="" width="50"><span>الصورة الرمزية لـ $bbuserinfo[username]</span></a></div>
</td>
<td class="alt2" nowrap="nowrap" style="background-color:#ffffff">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<div class="control-header">
<div class="control-header1">
<a class="header-usercp tooltipsB" id="usercptools" href="$show[nojs_link]#usercptools" rel="nofollow" target="_blank">
<span>لوحة التحكم الخاصة بكـ</span></a>
<script type="text/javascript">vbmenu_register("usercptools"); </script>
<a class="header-subscription tooltipsB" href="subscription.php?do=viewsubscription" rel="nofollow"><span>اشتراكاتكـ</span>
</a>
<a class="header-today tooltipsB" href="search.php?$session[sessionurl]do=getdaily" rel="nofollow"><span>مشاركات اليوم</span>
</a>
<a class="header-exit tooltipsB" title="" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" rel="nofollow"><span>الخروج من الموقع</span>
</a>
</div>
</div>
</div>
</td>
<else />
<td class="FormLogin" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<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>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" style="background: none repeat scroll 0 0 #e5eaee;float: right;margin: 3px 10px 0 0;padding: 8px;width: auto;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;">
<tr>
<td width="42" class="logousername" title="إسم المستخدم"></td>
<td><input type="text" class="PassName" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td width="42" class="logopass" title="كلمة المرور"></td>
<td><input type="password" class="PassName" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
<td>
<div class="RegPass">
<div class="LostPass">
<div class="LinkPass">
<div class="IconPass">
</div>
<a href="login.php?do=lostpw" rel="nofollow">أستعادة كلمة المرور</a></div>
</div>
<div class="RegisterNew">
<div class="LinkRegister">
<div class="IconRegister">
</div>
<a href="register.php">تسجيل عضو جديد</a></div>
</div>
</div>
</td>
</if>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- قائمة لوحة التحكم -->
<div id="usercptools_menu" class="VbmenuPopup" style="margin-top: 3px; position: absolute; z-index: 50; clip: rect(auto auto auto auto); left: 1067.203125px; top: 118px; display: none; width:300px">
<div class="CpUser">
<div class="CpUserIm">
<img alt="الصورة الرمزية" border="0" src="image.php?u=$bbuserinfo[userid]" title="الصورة الرمزية" /></div>
<div class="CpUserName">
<phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></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="VbmenuOption">
<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="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="VbmenuOption">
<div class="VbmenuOptionH">
<a href="profile.php?do=privacy" rel="nofollow">
خصوصية ملف الهوية</a></div>
</div>
<div class="VbmenuPopupHead">
التواصل</div>
<div class="VbmenuOption">
<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 class="VbmenuPopupHead">
آخرى</div>
<div class="VbmenuOption">
<div class="VbmenuOptionH">
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></div>
<div class="VbmenuOptionH">
<a href="forumdisplay.php?$session[sessionurl]do=markread&amp;markreadhash=$bbuserinfo[securitytoken]" rel="nofollow">$vbphrase[mark_forums_read]</a></div>
<br />
<div class="VbmenuOptionH">
<a href="subscription.php" rel="nofollow">
المواضيع المشترك بها</a> |
<a href="subscription.php?do=editfolders" rel="nofollow">
تعديل المجلدات</a> </div>
</div>
</div>

<!-- /logo -->
<div style="margin-right: auto; margin-left: auto; width: 93%;">
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]
مختصر ان يكون مرتب مثل ترايدنت

WRONG WAY
2017-01-01, 07:44 PM
هات ملف الـ css طيب ,,

FOR SAT
2017-01-01, 08:00 PM
هات ملف الـ css طيب ,,


اتفضل صديقي
@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/pEbpp8gu02JrI5SDG9jj6g.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/HMJQmrx81Oxu4RWT1mOXDg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F 000}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/LFe3mB-q6jNXyAcQ2iPxARTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/GGsKokbvGBQnZ182Vk7qiRTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/0BGKjb5TxeNM_vPrpoWDWBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F 000}#gallery a img:hover{-webkit-filter:none}
@font-face{font-family:"Droid Arabic Kufi";font-style:normal;font-weight:700;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format("embedded-opentype"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format("woff2"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format("woff"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format("truetype")}@font-face{font-family:"GE SS Two Light";src:local("☺"),url(fonts/GE_SS_Two_Light.otf) format("truetype")}
/* forumhome */
.tr1 {
-border: 1px solid #C0C0C0;
padding: 4px;
overflow: hidden;
background-color: #FFFFFF;
margin-bottom: 3px;
border-radius: 5px;
}
.tr2 {
border: 1px solid #e0e0e0;
-padding: 4px;
overflow: hidden;
background-color: #f5f5f5;
margin-bottom: 3px;
border-radius: 5px;
}
.tr2 a:link {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#0f5065;
text-decoration:none;
}
.tr2 a:hover {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#1aa6c0;
text-decoration:underline;
}
.tr2 a:visited {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#0f5065;
text-decoration:none;
}
.tr-viewing {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#def0d0;
-background-image:url('images/viewing.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#75944a;
}
.tr-threadcount {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#d7eeee;
-background-image:url('images/threadcount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#2f8787;
}
.tr-replycount {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#d7eeee;
-background-image:url('images/replycount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#2f8787;
}
.tr-info-sup {
padding: 3px;
overflow: hidden;
background-color:#ffddb1;
-background-image:url('images/replycount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
}
.tr-info-sup:hover {
background-color:#d7eeee;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#140000;
}
.tr-info-sup a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#c07b32;
}
.tr-info-sup a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#140000;
}
.tborder2 {
background-color: #ecf7fa;
border: 1px solid #d3e6eb;
border-radius: 5px 5px 0px 0px;
}
.tborder3 {
border: 1px solid #d3e6eb;
overflow: hidden;
background-color: #ecf7fa;
margin-bottom: 3px;
border-radius: 0px 0px 5px 5px;
}
.tcat:hover {
background-color:#58c5c4;
}
.tcat2 {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tcat2 a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tcat2 a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#1aa6c0;
text-decoration:underline;
}
.tcat2 a:visited {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.smallfont2 {
font: 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color: #49a2b3;
text-decoration:none;
}
.smallfont2 a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.smallfont2 a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#1aa6c0;
text-decoration:underline;
}
.smallfont2 a:visited {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tborder4 {
border: 1px solid #ffdbbf;
overflow: hidden;
padding: 8px;
background-color: #FFE7D5;
border-radius: 5px;
background-image: url('TR/category-23px-light.png');
background-repeat: repeat-x;
}
.tborder5 {
border: 1px solid #ffdbbf;
overflow: hidden;
padding: 3px;
background-color: #FFE7D5;
border-radius: 5px 5px 0px 0px;
background-image: url('TR/category-23px-light.png');
background-repeat: repeat-x;
color:#e29505;
}
.tborder6 {
border: 1px solid #EEEEEE;
padding: 4px;
overflow: hidden;
background-color: #f9f9f9;
margin-bottom: 3px;
border-radius: 0px 0px 5px 5px;
}

.post1 {
background-color: #fbfbfb;
border-color: #58c5c4 #dedede #dedede;
border-left: 1px solid #e8e8e8;
border-radius: 25px 25px 5px 5px;
-moz-border-radius: 25px 25px 5px 5px;
-webkit-border-radius: 25px 25px 5px 5px;
border-right: 1px solid #e8e8e8;
border-style: solid;
border-width: 10px 1px 1px;
-webkit-box-shadow: 0 0 3px #e7e7e7;
-moz-box-shadow: 0 0 3px #e7e7e7;
box-shadow: 0 0 3px #e7e7e7;
clear: both;
margin: 0 5px;
padding: 10px;
}
.post_message {
font:bold 16px Arial;
color:#000;
}
.tborder2 {
background: none repeat scroll 0 0 #cde0ed;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.88em;
font-weight: lighter;
padding: 8px 10px 0 0;
text-shadow: 0 1px 0 #fff;
margin: 0 0 15px 0;
height: auto;
min-height: 42px;
overflow: hidden;
}
.quote2 {
border-bottom: 1px solid #f8eabb;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
}
.quote3 {
padding: 10px 7px 7px 7px;
font-weight: lighter;
margin-bottom: 8px;
margin-right: 2px;
margin-left: 2px;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
font-family: tahoma;
font-size: 12px;
}
.Signature {
background: none repeat scroll 0 0 #e4efef;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.63em;
font-weight: lighter;
margin: 18px -18px;
padding: 5px 20px;
text-shadow: 0 1px 1px #fff;
border-top: 1px solid #8ebecc;
border-bottom: 1px solid #8ebecc;
}
.IconTitle {
background: none repeat scroll 0 0 #d2e9e9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #388685;
font: 10px 'Exo 2', 'Droid Arabic Kufi';
margin: 5px 0;
padding: 5px;
text-shadow: 0 1px 0 #fff;
}
.TraiMessage {
border-color: #d2e9e9 transparent transparent;
border-style: solid;
border-width: 15px 10px 0;
height: 0;
margin-right: 30px;
margin-top: -5px;
width: 0;
}
.info_post {
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.65em;
font-weight: lighter;
line-height: 16px;
}
.time_post {
background: none repeat scroll 0 0 #5e7081;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 3px #eee;
-moz-box-shadow: 0 0 3px #eee;
box-shadow: 0 0 3px #eee;
float: left;
font-family: 'Exo 2', 'Droid Arabic Kufi';
font-size: 11px;
font-weight: bold;
margin: 3px;
padding: 6px 3px 0 4px;
text-shadow: 0 1px 1px #000;
color: #fff;
}
.time_post:hover {
background:#58c5c4;
}
.time_post_link:link {
color:#ffeda4;
}
.ActivityUser {
width:200px;
background: none repeat scroll 0 0 #fffbe3!important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-color: #a45124!important;
color: #b75124;
float: right;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.7em;
font-weight: lighter;
margin-right: 15px;
margin-top: 0;
padding: 0 10px;
border: 1px solid #ecd8a8;
}
.ActivityUser a {
color: #b75124;
}
.UserTitleName {
color: #209caf;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.69em;
font-weight: lighter;
line-height: 16px;
}
.button:hover {
background: none repeat scroll 0 0 #d3dbe2;
border: 1px solid #8da4b9;
box-shadow: 0 0 3px #000000;
-webkit-box-shadow: 0 0 3px #000000;
-moz-box-shadow: 0 0 3px #000000;
color:#ffffff;
}
.button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #58c5c4;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.button:hover, .button:focus, .button:active {
color: #000;
box-shadow: 0 0 3px #000000;
}
.button:hover:before, .button:focus:before, .button:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* END Button */
.replay a:link {
float: right;
padding: 1px 5px;
height: 30px;
width: 120px;
text-align: center;
text-decoration: none;
margin-top:5px;
}
.replay a:hover {
color:#fff;
}
.controls a:link {
float: right;
padding: 1px 5px;
height: 25px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#0f5065;
}
.controls a:hover {
color:#fff;
}
.controls2 a:link {
float: right;
padding: 1px 5px;
height: 25px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#ff0000;
}
.newreplay {
background: none repeat scroll 0 0 #fdfdfd;
border: 1px solid #8da4b9;
box-shadow: 0 0 3px #a3b8cc;
float: right;
padding: 1px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 30px;
width: 125px;
text-align: center;
text-decoration: none;
}
.quote2 {
border-bottom: 1px solid #f8eabb;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
color:#c6611a;
text-decoration:none;
}
.quote22 a:link {
font: bold 11px 'Exo 2', "Droid Arabic Kufi";
color:#c6611a;
text-decoration:none;
}
.quote22 a:hover {
width:auto;
background-color:#646c74;
border-bottom: 1px solid #f8eabb;
font: bold 11px 'Exo 2', "Droid Arabic Kufi";
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
color:#c6c9cf;
text-decoration:none;
border-radius: 5px;
}
.quote3 {
padding: 10px 7px 7px 7px;
font-weight: lighter;
-margin-bottom: 8px;
-margin-right: 2px;
-margin-left: 2px;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
font-family: tahoma;
font-size: 12px;
}
.img1 {
-webkit-transition: -webkit-transform .5s ease-in-out;
-ms-transition: -ms-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.img1:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.img2 {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.img2:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border: 5px #7695b3 solid;
box-shadow: 0 0 0 10px #eee;
}
.avatar {
float: right;
overflow: hidden;
min-height: 10px;
}
.avatar img {
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.avatar img:hover {
height: auto;
width: auto;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* showthread */
.vbmenu_control2 {
background: #5e7081;
color: #c2ced9;
border-top: 1px solid #5e7081;
}
.VbmenuPopup {
background: none repeat scroll 0 0 #3a4249;
opacity: 0.93;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
padding: 10px;
}
.VbmenuPopup a {
color: #FFFFFF;
text-decoration: none;
}
.VbmenuPopup a:hover {
color: #1AA6C0;
text-decoration: underline;
}
.VbmenuPopup a:visited {
color: #FFFFFF;
text-decoration: none;
}
.VbmenuPopup2 {
background: none repeat scroll 0 0 #3a4249;
opacity: 0.93;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
padding: 3px;
}
/* NOTE */
#NoticPage {
background: none repeat scroll 0 0 #fef9d2;
border: 1px solid #e9d09a;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
margin: 10px 0;
padding: 5px;
color: #ad542d;
}
#NoticPage .NoticCounct {
background: none repeat scroll 0 0 #fff;
border: 1px solid #f3dfb4;
font: bold 10px 'Exo 2', 'Droid Arabic Kufi', Tahoma;
margin: 5px;
padding: 5px;
}
#NoticPage .NoticHead {
font-size: 0.9em;
}
.FooterAttention {
background: none repeat scroll 0 0 #ffeee2;
border: 5px solid #fff;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
font-family: "Exo 2", "Droid Arabic Kufi";
font-size: 8px;
-font-weight: lighter;
padding: 8px;
}
.TagListCell {
background: #c9dfee;
overflow: hidden;
padding: 2px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.TagListCell:hover {
background: #b8d0e1;
overflow: hidden;
padding: 2px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.showthread1 {
color: #2c60a5;
text-decoration: none;
font: 16px/35px "Exo 2","Droid Arabic Kufi";
}
.showthread1 a:link {
background: #b9dbe2;
padding: 5px;
border-radius: 5px;
color:#708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.showthread1 a:visited {
background: #b9dbe2;
padding: 5px;
border-radius: 5px;
color: #708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.showthread1 a:hover {
background: #c5dfe4;
padding: 5px;
border-radius: 5px;
color: #708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#FromHome {
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
min-height: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
margin: 10px 0;
}
.F-HomeMain {
left: auto;
margin: 5px -24px 8px -7px;
right: auto;
}
.F-HomeMainRight {
background-color: #4b8b8a;
border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-moz-border-radius: 0 10px 0 0;
float: right;
height: 4px;
margin-right: 10px;
margin-top: -4px;
width: 5px;
}
.F-HomeMainTitle {
background-color: #47a5a4;
-webkit-radius: 5px 0 5px 5px;
-moz-radius: 5px 0 5px 5px;
border-radius: 5px 0 5px 5px;
box-shadow: none !important;
font-family: "Droid Arabic Kufi";
font-size: 14px;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 4px;
padding-right: 0;
padding-top: 4px;
text-align: center;
}
.F-HomeMainTitle a:link {
color:#fff;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle a:hover {
color:#cafffe;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle a:visited {
color:#fff;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle:hover {
color:#fff;
text-decoration: none;
background-color:#58c5c4;
}
.thead2 {
background: #d9ebeb;
color: #268180;
font-size: 11px;
text-shadow: 0 1px 0 #fff;
border-top: 1px solid #afd4d3;
border-bottom: 1px solid #afd4d3;
}
.ForumJump {
background: none repeat scroll 0 0 #d9ebeb;
border: 5px solid #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
display: table;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
margin: 0 auto;
padding: 5px;
color: #268180;
}
/* footer */
#FooterHome {
background: none repeat scroll 0 0 #3a4249;
border-top: 4px solid #708190;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
min-height: 10px;
overflow: hidden;
}
.FooterCounct {
margin: 10px auto;
width: 72%;
}
.FooterLeft {
float: left;
}
.FooterLogo {
float: left;
}
.FooterCopy2 {
color: #ccc;
float: right;
font-size: 11px;
font-weight: lighter;
margin-bottom: 15px;
}
.FooterRIcon {
background: none repeat scroll 0 0 #323b42;
border-color: #292e32 #4c555c #4c555c #292e32;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-style: solid;
border-width: 1px;
color: #6f7b85;
float: right;
font-size: 55px;
margin-left: 10px;
padding: 5px;
text-shadow: 0 2px 0 #000;
}
.FooterRigthCounct {
color: #c1cdd5;
float: right;
}
.FooterRigth {
color: #c1cdd5;
float: right;
}
.FooterRigth ul {
font-size: 0.7em;
font-weight: lighter;
margin: 0;
padding: 0 0 5px;
}
.FooterRigth li {
list-style: outside none none;
padding: 0 8px;
-webkit-transform: rotate(360deg);/* ميلان الخط */
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.FooterRigth li a {
color: #6ad1d0;
}
.FooterRigth li:hover {
background: none repeat scroll 0 0 #206261;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 0 3px #2e363d;
-moz-box-shadow: 0 0 3px #2e363d;
box-shadow: 0 0 3px #2e363d;
color: #fff;
}
.FooterRigth a:hover {
color: #fff;
text-decoration: none;
}

.FooterCopy {
background: none repeat scroll 0 0 #323b42;
border-color: #292e32 #4c555c #4c555c #292e32;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-style: solid;
border-width: 1px;
clear: both;
color: #eee;
font-family: tahoma;
font-size: 11px;
font-weight: lighter;
margin-bottom: 15px;
overflow: hidden;
padding: 8px;
}
.IconFooterMain {
background: #fff;
margin: 10px 0 18px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.IconFooterCounct {
width: 72%;
margin: 0 auto;
}
.IconFooterCounct ul {
margin: 0;
padding: 25px;
}
.IconFooterCounct li {
display:inline-block;
border: 5px #b7cee4 solid;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-box-shadow: 0 0 0 5px #eee;
-moz-box-shadow: 0 0 0 5px #eee;
box-shadow: 0 0 0 5px #eee;
font-size: 48px;
height: 62px;
margin: 0 10px;
padding: 13px 15px 0;
text-align: center;
width: 45px;
}
.ForumBits {
background: none repeat scroll 0 0 #fff;
border: 5px solid #d3e7e7;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 15px 5px;
padding: 5px;
}
.BoxShadow {
-moz-box-shadow: 0 0 3px #ddd;
-webkit-box-shadow: 0 0 3px #ddd;
box-shadow: 0 0 3px #ddd;
}
.ThreadReply {
background-color: #e4f1f1 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 11px;
font-weight: lighter;
line-height: 18px !important;
padding: 2px;
width: 200px;
}
.Tborderforum {
background: #fbfbfb;
border: 1px solid #dbe2e6;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.75em;
margin: 5px;
overflow: hidden;
padding: 4px;
}
.logo_footer{height:69px;width:200px;display:block ;float:right;transition:.35s;-webkit-transition:.35s;background:url(TR/logo_footer.png) no-repeat}.logo_footer:hover{border:0;transition:.15s ;-webkit-transition:.15s;background:url(TR/logo_footer.png) no-repeat 0 -71px}

.ftgr{width:200px;height:35px}.ftgr1{float:none}.f tgr1 a{margin-left:15px;padding:0}.fac{height:35px;width:35px;di splay:block;float:right;background:url(images/social/facebook.png) no-repeat}.fac:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/facebook.png) no-repeat 0 -35px}.tw{height:35px;width:35px;display:block;floa t:right;background:url(images/social/twitter.png) no-repeat}.tw:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/twitter.png) no-repeat 0 -35px}.go{height:35px;width:35px;display:block;floa t:right;background:url(images/social/googlep.png) no-repeat}.go:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/googlep.png) no-repeat 0 -35px}.rs{height:35px;width:35px;display:block;floa t:right;background:url(images/social/rss.png) no-repeat}.rs:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/rss.png) no-repeat 0 -35px}
/* header */
#HeaderMain {
background: none repeat scroll 0 0 #fff;
}
#HeaderMain .HeaderLinkMain {
background: none repeat scroll 0 0 #47a5a4;
padding: 10px 0;
width: 100%;
overflow: hidden;
min-height: 20px;
}
#HeaderMain .HeaderLinkMain .LinkMain {
margin: 0 auto;
width: 76%;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth {
float: right;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth a {
color: #fff;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth a:hover {
border-bottom: 4px solid #dee9f2;
color: #fff;
padding-bottom: 8px;
text-decoration: none;
transition: all 0.4s ease-in-out 0s;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth ul {
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.85em;
font-weight: lighter;
margin: 0;
padding: 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth li {
display: inline;
padding: 0 5px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft {
float: left;
-margin-left: 100px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft a {
color: #d5eded;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft a:hover {
color: #fff;
text-shadow: 0 1px 1px #000;
}

#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch {
float: left;
margin-right: 10px;
padding: 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .InputSearch {
background-color: #47515a;
border: medium none;
border-radius: 0 5px 5px 0;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.87em;
height: 28px;
padding: 1px 3px;
transition: all 0.5s ease-out 0s;
width: 140px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .InputSearch:focus {
background-color: #47515a;
color: #fff;
transition: all 0.5s ease-out 0s;
width: 180px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .ButtonSearch {
background: none repeat scroll 0 0 #47515a;
border: medium none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.87em;
font-weight: bold;
height: 30px;
margin-right: -5px;
padding: 0 3px;
transition: all 0.2s ease 0s;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .ButtonSearch:hover {
background-color: #257f7e;
color: #fff;
transition: all 0.2s ease 0s;
}
#HeaderMain .CounctNavBar {
background: none repeat scroll 0 0 #fff;
display: table;
padding: 18px 0px 5px;
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
#HeaderMain .CounctNavBar .WebCounct {
margin: auto;
width: 80%;
}
#HeaderMain .CounctNavBar .WebCounct .CounctLogo {
float: right;
}
#HeaderMain .CounctNavBar .WebCounct .CounctLogo img {
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers {
float: right;
margin: 0px 15px;
width: 280px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ImgUsers {
background: none repeat scroll 0px 0px #F9F9F9;
border: 3px solid #F0F0F0;
border-radius: 6px;
box-shadow: 0px 0px 3px #AAA;
float: right;
height: 50px;
margin-left: 10px;
width: 50px;
text-align: center;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers {
color: #708190;
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.8em;
margin-left: 15px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers a {
color: #708190;
text-decoration: none;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers a:hover {
color: #59c5c4;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser {
float: right;
padding-bottom: 10px;
padding-left: 10px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser ul {
margin: 4px 0 12px 0;
padding: 0 0 0 40px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li {
display: inline-block;
font-size: 21px;
border: 1px solid #CCC;
border-radius: 5px;
height: auto;
width: auto;
padding: 0px 3px;
margin: 0px;
background: none repeat scroll 0% 0% #F5F5F5;
color: #708190;
box-shadow: 0px 0px 1px #CCC;
text-shadow: 0px 1px 0px #FFF;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li a {
color: #8da3b6;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li Img {
display: none;
}
.navbar2 {
background: none repeat scroll 0 0 #d9ebeb;
border: 1px solid #afd4d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #268180;
font-size: 0.89em;
font-weight: bold;
padding: 4px 6px;
text-shadow: 0 1px 0 #fff;
margin: 6px 45px 6px 0;
font:bold 14px 'Exo 2', 'Droid Arabic Kufi';
}
.navbar2:hover {
background: none repeat scroll 0 0 #d9ebeb;
-webkit-box-shadow: 1px 2px 10px #ccc;
-moz-box-shadow: 1px 2px 10px #ccc;
box-shadow: 1px 2px 10px #ccc;
}
.navbar3 {
background-color:#FFF;
border: 1px solid #cccccc;
border-radius: 5px;
}
.navbar4 {
background-color:#e1e1e1;
border: 2px solid #e0e0e0;
border-radius: 5px;
}
#GoustLogin {
min-height: 10px;
min-width: 50px;
}
#GoustLogin .FormLogin {
background: none repeat scroll 0 0 #e5eaee;
float: right;
margin: 3px 10px 0 0;
padding: 8px;
width: auto;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#GoustLogin .FormLogin .UserNameLogin {
background: none repeat scroll 0 0 #fff;
border: 3px solid #a3bace;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #a3bace;
float: right;
font-size: 24px;
height: 42px;
margin-left: 5px;
padding-top: 4px;
text-align: center;
width: 34px;
}
#GoustLogin .FormLogin .PassLogin {
background: none repeat scroll 0 0 #fff;
border: 3px solid #a3bace;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #a3bace;
float: right;
font-size: 24px;
height: 30px;
margin-left: 5px;
padding-top: 4px;
text-align: center;
width: 34px;
}
#GoustLogin .FormLogin .Namein {
float: right;
margin-left: 5px;
margin-top: 4px;
}
#GoustLogin .FormLogin .Passin {
float: right;
margin-left: 5px;
margin-top: 4px;
}
#GoustLogin .FormLogin .RememberCheck {
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 12px;
font-weight: lighter;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
}
#GoustLogin .FormLogin .LoginButton {
float: right;
margin-top: 4px;
}
#GoustLogin .FormLogin .ButtonIn:hover {
background: none repeat scroll 0 0 #c3d0db;
text-shadow: 0 1px 0 #dfe7ee;
}
#GoustLogin .FormLogin .PassName {
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #a3bace;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #ccc;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.90em;
padding: 0 5px;
transition: all 0.5s ease-out 0s;
width: 130px;
}
#GoustLogin .FormLogin .ButtonIn {
background: none repeat scroll 0 0 #fff;
border: 1px solid #a3bace;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #708190;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
}
#GoustLogin .FormLogin .PassName:focus {
width: 160px;
background: #fff;
-webkit-box-shadow: 0 0 5px #47c9e5;
-moz-box-shadow: 0 0 5px #47c9e5;
box-shadow: 0 0 5px #47c9e5;
border: 1px solid #fff;
}
.logousername {
background-image:url('TR/logousername.gif');
background-repeat:no-repeat;
height: 41px;
}
.logopass {
background-image:url('TR/logopass.gif');
background-repeat:no-repeat;
}
.ForumInfo {
background: none repeat scroll 0 0 #f6dacb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #c1633a;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.85em;
font-weight: lighter;
margin: 5px 0 10px;
padding: 5px;
text-shadow: 0 1px 0 #ffeee7;
}
.ForumInfo:hover {
background: none repeat scroll 0 0 #fbc9b5;
}
.ForumInfo a {
color: #ae3f0e;
}
.ForumInfo a:hover {
background: none repeat scroll 0 0 #ffcdb7;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-decoration: none;
}
.SearchSub {
background: none repeat scroll 0 0 #f6edcb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 1.2em;
font-weight: lighter;
margin: 0;
padding: 5px;
text-align: center;
text-shadow: 0 1px 0 #f9ffe6;
width: 75px;
}
.SearchSub a:hover {
color: #c1670f !important;
text-decoration: none;
}
.SearchSub a {
color: #b47b22!important;
}
.SearchSub img {
display: none;
}
.SearchSub:hover {
background: none repeat scroll 0 0 #fcefbd;
}
.IconControls {
display: table;
margin: 5px;
width: 100%;
}
/* control-header */
.ImgUsers {
background: none repeat scroll 0px 0px #F9F9F9;
border: 3px solid #F0F0F0;
border-radius: 6px;
box-shadow: 0px 0px 3px #AAA;
float: right;
height: 50px;
margin-left: 10px;
width: 50px;
text-align: center;
}
.control-header {
width: 200px;
height: 35px;
}
.control-header1 {
float: none;
}
.control-header1 a {
margin-left: 3px;
padding: 0;
}
.header-usercp {
background-image: url('images/header-usercp.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-subscription {
background-image: url('images/header-subscription.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-today {
background-image: url('images/header-today.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-exit {
background-image: url('images/header-exit.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
/*قائمة لوحة تحكم العضو */
.VbmenuOption {
background: none repeat scroll 0 0 #479f9e;
font-size: 0.8em;
font-weight: lighter;
padding: 5px;
min-height: 10px;
overflow: hidden;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
}
.VbmenuOption a {
color: #fff;
}
.VbmenuOption a:hover {
color: #94dad9;
}
.VbmenuOptionH {
background: none repeat scroll 0 0 #3a4249;
border: 1px solid #4a5560;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
font-size: 0.78em;
margin-left: 4px;
margin-top: 3px;
padding: 0 3px;
-width: 96%;
}
.VbmenuOptionS {
background: none repeat scroll 0 0 #53a5a4;
border: 1px solid #4a5560;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
font-size: 0.78em;
margin-left: 4px;
margin-top: 3px;
padding: 0 3px;
width: 96%;
}
.VbmenuOptionS a:link {
color: #FFF;
background: none repeat scroll 0 0 #53a5a4;
border-radius: 4px;
padding: 0 3px;
}
.VbmenuOptionS a:hover {
color: #94dad9;
}
.VbmenuOptionS a:visited {
color: #FFF;
}
.VbmenuPopupHead a {
color: #a3faff;
}
.CpUser {
background: none repeat scroll 0 0 #333;
border-color: #000 #444 #444 #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-style: solid;
border-width: 1px;
min-height: 10px;
overflow: hidden;
padding: 4px;
}
.CpUserName {
font-size: 11px;
font-weight: lighter;
}
.CpUserName a {
color: #79d1d0;
}
.CpUserIm img {
border: 3px solid #479f9e;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
float: right;
margin-left: 5px;
width: 40px;
}
.CpUserInfo {
float: right;
font-size: 10px;
margin-left: 8px;
}
.CpUserInfo a {
color: #f8c345;
}
.CpUserExit a {
color: #ffae72;
}
.CpUserExit {
float: left;
font-size: 10px;
font-weight: lighter;
}
.RegPass {
float: right;
margin: 8px 0;
}
.RegPass .LostPass {
background: none repeat scroll 0 0 #fed4bf;
border: 3px solid #fef2ec;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
color: white;
float: left;
margin-right: 10px;
padding: 3px 5px;
width: auto;
}
.RegPass .LostPass:hover {
background: none repeat scroll 0 0 #febe9d;
border: 3px solid #fff;
}
.RegPass .LostPass .LinkPass {
bottom: 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.RegPass .LostPass .LinkPass a {
color: #ee7c43;
text-decoration: none;
text-shadow: 0 1px 0 #feeae0;
}
.RegPass .LostPass .LinkPass .IconPass {
color: #fff3e3;
font-size: 24px;
position: relative;
text-shadow: 0 1px 1px #a44a01;
top: 4px;
}
.RegPass .RegisterNew {
background: none repeat scroll 0 0 #59c5c4;
border: 3px solid #bfebeb;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
color: #fff;
float: left;
padding: 3px 5px;
width: auto;
}
.RegPass .RegisterNew .LinkRegister {
bottom: 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.RegPass .RegisterNew .LinkRegister .IconRegister {
color: #caeded;
font-size: 24px;
margin-left: 5px;
position: relative;
text-shadow: 0 1px 1px #3a454f;
top: 4px;
}
.RegPass .RegisterNew:hover {
background: none repeat scroll 0 0 #47a5a4;
border: 3px solid #fff;
}
.RegPass .RegisterNew a {
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0 #333;
}
.IconPass {
background-image:url('TR/IconPass.png');
background-repeat: no-repeat;
width: 21px;
height: 23px;
display: block;
float: right;
}
.IconRegister {
background-image:url('TR/IconRegister.png');
background-repeat: no-repeat;
width: 21px;
height: 23px;
display: block;
float: right;
}
.IconControlsColor {
background: none repeat scroll 0 0 #428bca;
border: 1px solid #366fa0;
color: #fff !important;
text-shadow: 0 1px 0 #000;
}
.IconControlsColor:hover {
background: none repeat scroll 0 0 #559bd8 !important;
border: 1px solid #366fa0;
text-shadow: 0 1px 0 #000 !important;
}
.IconControlsColor a:hover {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
text-decoration:none;
}
.IconControlsColor a {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
text-decoration:none;
}
.button2 {
background: none repeat scroll 0 0 #428bca;
border: 1px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 0 3px #a3b8cc;
-moz-box-shadow: 0 0 3px #a3b8cc;
box-shadow: 0 0 3px #a3b8cc;
color: #ffffff;
display: inline-block;
-margin: 2px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.controls3 a:link {
float: right;
padding: 1px 5px;
height: 24px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#ffffff;
}
.iconsearch {
background-image:url('TR/search.gif');
background-repeat: no-repeat;
width: 52px;
height: 24px;
display: block;
-background: none repeat scroll 0 0 #40b4b0;
border: 1px solid #369a96;
text-align: center;
text-shadow: 0 1px 0 #000 !important;
}
textarea:focus, .bginput:focus {
background: #FFF;
}
.controlbar:focus {
background: none repeat scroll 0 0 #FFFFFF;
}
/* tooltip LEFT*/
a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
position: absolute;
white-space: nowrap;
color: #FFFFFF;
background: #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
padding: 0px 5px;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
width: 0; height: 0;
border-left: 8px solid #000000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
right: 100%;
top: 50%;
margin-top: -15px;
margin-right: 15px;
z-index: 999;
}
/* tooltip RIGHT*/
a.tooltipsR {
position: relative;
display: inline;
}
a.tooltipsR span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #000;
background: #b7cee4;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltipsR span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #b7cee4;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltipsR span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
z-index: 999;
}
/* tooltip TOP */
a.tooltipsT {
position: relative;
display: inline;
}
a.tooltipsT span {
position: absolute;
width:180px;
color: #FFFFFF;
background: #445b90;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsT span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-top: 8px solid #445b90;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsT span {
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: 80%;
margin-left: -98px;
z-index: 999;
}
/* tooltip bottom */
a.tooltipsB {
position: relative;
display: inline;
}
a.tooltipsB span, li.tooltipsB span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #FFFFFF;
background: #5b5b5b;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsB span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #5b5b5b;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsB span {
visibility: visible;
opacity: 0.8;
top: 35px;
left: 65%;
margin-left: -76px;
z-index: 999;
}

/* tooltip bottom footer */
a.tooltipsBF {
position: relative;
display: inline;
}
a.tooltipsBF span {
position: absolute;
width:140px;
color: #FFFFFF;
background: #5b5b5b;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsBF span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #5b5b5b;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsBF span {
visibility: visible;
opacity: 0.8;
top: 2px;
left: 50%;
margin-left: -70px;
z-index: 999;
}
/* tooltip bottom footer Icon */
a.tooltipsBFI {
position: relative;
display: inline;
}
a.tooltipsBFI span {
position: absolute;
width:140px;
color: #000;
background: #b7cee4;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsBFI span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #b7cee4;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsBFI span {
visibility: visible;
opacity: 0.8;
top: 40px;
left: 50%;
margin-left: -70px;
z-index: 999;
}
.subforum {
display: none;
margin-left: -150px;
margin-top: 15px;
}
/* alm6wer2015 ActivityUser */
.icon-thumbs-up, .icon-fire, .icon-location-outline, .icon-warning-empty {
font-size: 20px;
}
.icon-thumbs-up:hover, .icon-location-outline:hover {
color: #73a61b;
}
.icon-fire:hover, .icon-warning-empty:hover {
color: #FF0000;
}
.icon-trophy-1 {
font-size: 15px;
}
a.icon-home-6 {
font-size: 25px;
color: #58c5c4;
}
a.icon-facebook-squared-1 {
font-size: 25px;
color: #2183b0;
}
a.icon-twitter-squared {
font-size: 25px;
color: #32c2e6;
}
a.icon-youtube-squared {
font-size: 25px;
color: #e15344;
}
a.icon-googleplus-rect {
font-size: 25px;
color: #73a61b;
}
.icon-lightbulb {
font-size: 25px;
}
.on, .on:hover {
color: #73a61b;
font-size: 25px;
}
.off, .off:hover {
color: #ccc;
font-size: 25px;
}
/* quote */
.icon-quote-right-1 {
color: #cd8a33;
font-size: 35px;
}
/* showthread */
a.icon-lock-alt {
font-size: 13px;
}
.icon-tag-7 {
-height: 50px;
font-size: 35px;
color: #668ea9;
margin-top: 20px;
}
/* forumhome */
.icon-resize-small-1 {
color: #c07b32;
font-size: 12px;
}
.icon-thumbs-up-5 {
font-size: 40px;
}
/* الايقونات الاجتماعية في الهيدر */
.LinkLeft div {
display:inline-block;
}
/* tooltip RIGHT G */
a.tooltipsG {
position: relative;
display: inline;
}
a.tooltipsG span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #fff;
background: #364949;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 12px;
}
a.tooltipsG span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #364949;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltipsG span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
z-index: 999;
}
.LinkLeft .icon-twitter-squared, .LinkLeft .icon-facebook-squared-1, .LinkLeft .icon-youtube-squared {
font-size: 30px;
}
.LinkLeft .icon-googleplus-rect {
font-size: 25px;
}
a.icon-bullseye .off, a.icon-bullseye .on {
font-size: 20px;
}
/* الظل */
.shadowGoogle1{-moz-box-shadow: 0 0 10px #373637; -webkit-box-shadow: 0 0 10px #373637; box-shadow: 0 0 10px #373637; width:728px; height:90px}
.shadowGoogle4{-moz-box-shadow: 0 0 10px #373637; -webkit-box-shadow: 0 0 10px #373637; box-shadow: 0 0 10px #373637; width:160px; height:600px}
a.icon-home-6,a.icon-mail-alt, a.icon-sitemap, a.icon-hammer {
color: #b7cee4;
}
.warning {
color: #fff;
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background: red;
}
.info {
color: #fff;
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background: #3d5ed9;
}
.new_code {
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background-color: #FFD7D7;
color: #FF0000;
padding:15px;
border-radius: 0px 0px 5px 5px;
}
.new_code2 {
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background-color: #c5cef3;
color: #3d5ed9;
padding:15px;
border-radius: 0px 0px 5px 5px;
}
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملاحظة اخي
الكود المدرج نفس هذا القالب
http://store2.up-00.com/2017-01/1483308963991.png
فياريت يكون مرتب مثله بجميع الاضافات ان امكن

WRONG WAY
2017-01-02, 07:04 PM
اعلم انه نفس الكود وهو نفس الكود الموجود فى جميع الاستايلات بهذا الشكل لان جميعهم ينسخون الكلاسات من ترايدنت بالاضافة الى ان هذا الهيدر يستخدم مكتبة ايقونات غير font awesome وانا لا استخدمها انتظر حتى اقوم بتحميلها واعدله لك

FOR SAT
2017-01-02, 07:07 PM
طيب صديقي...

WRONG WAY
2017-01-03, 12:30 AM
اعتقد ان هذا ما تريده ,,
http://c.top4top.net/p_367y5wgd1.png

<!-- logo -->
<div id="HeaderMain">
<div class="HeaderLinkMain">
<div class="LinkMain">
<div class="LinkRigth">
<ul>
<li>
<a href="f130" target="_blank" title="الدعم الفني">
الدعم الفني</a></li>
<li>
<a href="domainsearch.php" target="_blank" title="البحث عن دومين">
البحث عن دومين</a></li>
<li>
<a href="colors.php" target="_blank" title="أكواد الالوان">
أكواد الالوان</a></li>
<li>
<a href="Generator.php" target="_blank" title="زخرفة الأسماء">
زخرفة الأسماء</a></li>
<li>
<a href="marquee.php" target="_blank" title="أكواد marquee">
أكواد marquee</a></li>
<li>
<a href="stc.php" rel="nofollow" target="_blank" title="خدمات STC">
خدمات STC</a></li>
</ul>
</div>
<div class="LinkLeft">
<div class="LinkSearch" style="display:inline-block;">
<form action="http://www.google.com/cse" target="_blank">
<input type="hidden" name="cx" value="001825168661170533435:p0njte3cptg" />
<input type="hidden" name="ie" value="windows-1256" />
<input class="InputSearch" name="query" size="25" tabindex="1001" type="text" value="البحث داخل الموقع .." onfocus="if (this.value == 'البحث داخل الموقع ..') this.value = '';" />
<input class="ButtonSearch" tabindex="1004" type="submit" value="بحث" />
</form>
</div>
<!--<div style="display:inline-block;">
<a class="icon-twitter-squared tooltipsG" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>twitter</span></a></div>
<div style="display:inline-block;">
<a class="icon-facebook-squared-1 tooltipsG" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span></a></div>
<div style="display:inline-block;">
<a class="icon-googleplus-rect tooltipsG" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>googleplus</span></a></div>
<div style="display:inline-block;">
<a class="icon-youtube-squared tooltipsG" href="http://www.youtube.com/" rel="nofollow" target="_blank">
<span>youtube</span></a></div>-->
</div>
</div>
</div>
<div class="CounctNavBar">
<div class="WebCounct">
<div id="GoustLogin">
<table style="width: 100%">
<tr>
<td width="210">
<div class="CounctLogo">
<a href="$vboptions[bburl]$session[sessionurl_q]">
<img src="$stylevar[titleimage]" title="شبكة المطور" border="0" alt="" /></a></div>
</td>
<if condition="$show['member']">
<td width="50">
<div class="ImgUsers">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]" class="tooltipsB"><img alt="" border="0" height="50" src="image.php?u=$bbuserinfo[userid]" style="margin-top: 0px;" title="" width="50"><span>الصورة الرمزية لـ $bbuserinfo[username]</span></a></div>
</td>
<td class="alt2" nowrap="nowrap" style="background-color:#ffffff">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<div class="control-header">
<div class="control-header1">
<a class="header-usercp tooltipsB" id="usercptools" href="$show[nojs_link]#usercptools" rel="nofollow" target="_blank">
<span>لوحة التحكم الخاصة بكـ</span></a>
<script type="text/javascript">vbmenu_register("usercptools", true); </script>
<a class="header-subscription tooltipsB" href="subscription.php?do=viewsubscription" rel="nofollow"><span>اشتراكاتكـ</span>
</a>
<a class="header-today tooltipsB" href="search.php?$session[sessionurl]do=getdaily" rel="nofollow"><span>مشاركات اليوم</span>
</a>
<a class="header-exit tooltipsB" title="" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" rel="nofollow"><span>الخروج من الموقع</span>
</a>
</div>
</div>
</div>
</td>
<else />
<td class="FormLogin" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<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>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" style="background: none repeat scroll 0 0 #e5eaee;float: right;margin: 3px 10px 0 0;padding: 8px;width: auto;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;">
<tr>
<td width="42" class="logousername" title="إسم المستخدم"></td>
<td><input type="text" class="PassName" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td width="42" class="logopass" title="كلمة المرور"></td>
<td><input type="password" class="PassName" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
<td>
<div class="RegPass">
<div class="LostPass">
<div class="LinkPass">
<div class="IconPass">
</div>
<a href="login.php?do=lostpw" rel="nofollow">أستعادة كلمة المرور</a></div>
</div>
<div class="RegisterNew">
<div class="LinkRegister">
<div class="IconRegister">
</div>
<a href="register.php">تسجيل عضو جديد</a></div>
</div>
</div>
</td>
</if>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- قائمة لوحة التحكم -->
<div id="usercptools_menu" class="VbmenuPopup" style="margin-top: 3px; position: absolute; z-index: 50; clip: rect(auto auto auto auto); left: 1067.203125px; top: 118px; display: none; width:300px">
<div class="CpUser">
<div class="CpUserIm">
<img alt="الصورة الرمزية" border="0" src="image.php?u=$bbuserinfo[userid]" title="الصورة الرمزية" /></div>
<div class="CpUserName">
<phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></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="VbmenuOption">
<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="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="VbmenuOption">
<div class="VbmenuOptionH">
<a href="profile.php?do=privacy" rel="nofollow">
خصوصية ملف الهوية</a></div>
</div>
<div class="VbmenuPopupHead">
التواصل</div>
<div class="VbmenuOption">
<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 class="VbmenuPopupHead">
آخرى</div>
<div class="VbmenuOption">
<div class="VbmenuOptionH">
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></div>
<div class="VbmenuOptionH">
<a href="forumdisplay.php?$session[sessionurl]do=markread&amp;markreadhash=$bbuserinfo[securitytoken]" rel="nofollow">$vbphrase[mark_forums_read]</a></div>
<br />
<div class="VbmenuOptionH">
<a href="subscription.php" rel="nofollow">
المواضيع المشترك بها</a> |
<a href="subscription.php?do=editfolders" rel="nofollow">
تعديل المجلدات</a> </div>
</div>
</div>

<!-- /logo -->
<div style="margin-right: auto; margin-left: auto; width: 93%;">
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]



@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/pEbpp8gu02JrI5SDG9jj6g.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/HMJQmrx81Oxu4RWT1mOXDg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F 000}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/LFe3mB-q6jNXyAcQ2iPxARTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/GGsKokbvGBQnZ182Vk7qiRTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/0BGKjb5TxeNM_vPrpoWDWBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F 000}#gallery a img:hover{-webkit-filter:none}
@font-face{font-family:"Droid Arabic Kufi";font-style:normal;font-weight:700;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format("embedded-opentype"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format("woff2"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format("woff"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format("truetype")}@font-face{font-family:"GE SS Two Light";src:local("☺"),url(fonts/GE_SS_Two_Light.otf) format("truetype")}
/* forumhome */
.tr1 {
-border: 1px solid #C0C0C0;
padding: 4px;
overflow: hidden;
background-color: #FFFFFF;
margin-bottom: 3px;
border-radius: 5px;
}
.tr2 {
border: 1px solid #e0e0e0;
-padding: 4px;
overflow: hidden;
background-color: #f5f5f5;
margin-bottom: 3px;
border-radius: 5px;
}
.tr2 a:link {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#0f5065;
text-decoration:none;
}
.tr2 a:hover {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#1aa6c0;
text-decoration:underline;
}
.tr2 a:visited {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#0f5065;
text-decoration:none;
}
.tr-viewing {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#def0d0;
-background-image:url('images/viewing.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#75944a;
}
.tr-threadcount {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#d7eeee;
-background-image:url('images/threadcount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#2f8787;
}
.tr-replycount {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#d7eeee;
-background-image:url('images/replycount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#2f8787;
}
.tr-info-sup {
padding: 3px;
overflow: hidden;
background-color:#ffddb1;
-background-image:url('images/replycount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
}
.tr-info-sup:hover {
background-color:#d7eeee;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#140000;
}
.tr-info-sup a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#c07b32;
}
.tr-info-sup a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#140000;
}
.tborder2 {
background-color: #ecf7fa;
border: 1px solid #d3e6eb;
border-radius: 5px 5px 0px 0px;
}
.tborder3 {
border: 1px solid #d3e6eb;
overflow: hidden;
background-color: #ecf7fa;
margin-bottom: 3px;
border-radius: 0px 0px 5px 5px;
}
.tcat:hover {
background-color:#58c5c4;
}
.tcat2 {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tcat2 a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tcat2 a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#1aa6c0;
text-decoration:underline;
}
.tcat2 a:visited {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.smallfont2 {
font: 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color: #49a2b3;
text-decoration:none;
}
.smallfont2 a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.smallfont2 a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#1aa6c0;
text-decoration:underline;
}
.smallfont2 a:visited {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tborder4 {
border: 1px solid #ffdbbf;
overflow: hidden;
padding: 8px;
background-color: #FFE7D5;
border-radius: 5px;
background-image: url('TR/category-23px-light.png');
background-repeat: repeat-x;
}
.tborder5 {
border: 1px solid #ffdbbf;
overflow: hidden;
padding: 3px;
background-color: #FFE7D5;
border-radius: 5px 5px 0px 0px;
background-image: url('TR/category-23px-light.png');
background-repeat: repeat-x;
color:#e29505;
}
.tborder6 {
border: 1px solid #EEEEEE;
padding: 4px;
overflow: hidden;
background-color: #f9f9f9;
margin-bottom: 3px;
border-radius: 0px 0px 5px 5px;
}

.post1 {
background-color: #fbfbfb;
border-color: #58c5c4 #dedede #dedede;
border-left: 1px solid #e8e8e8;
border-radius: 25px 25px 5px 5px;
-moz-border-radius: 25px 25px 5px 5px;
-webkit-border-radius: 25px 25px 5px 5px;
border-right: 1px solid #e8e8e8;
border-style: solid;
border-width: 10px 1px 1px;
-webkit-box-shadow: 0 0 3px #e7e7e7;
-moz-box-shadow: 0 0 3px #e7e7e7;
box-shadow: 0 0 3px #e7e7e7;
clear: both;
margin: 0 5px;
padding: 10px;
}
.post_message {
font:bold 16px Arial;
color:#000;
}
.tborder2 {
background: none repeat scroll 0 0 #cde0ed;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.88em;
font-weight: lighter;
padding: 8px 10px 0 0;
text-shadow: 0 1px 0 #fff;
margin: 0 0 15px 0;
height: auto;
min-height: 42px;
overflow: hidden;
}
.quote2 {
border-bottom: 1px solid #f8eabb;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
}
.quote3 {
padding: 10px 7px 7px 7px;
font-weight: lighter;
margin-bottom: 8px;
margin-right: 2px;
margin-left: 2px;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
font-family: tahoma;
font-size: 12px;
}
.Signature {
background: none repeat scroll 0 0 #e4efef;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.63em;
font-weight: lighter;
margin: 18px -18px;
padding: 5px 20px;
text-shadow: 0 1px 1px #fff;
border-top: 1px solid #8ebecc;
border-bottom: 1px solid #8ebecc;
}
.IconTitle {
background: none repeat scroll 0 0 #d2e9e9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #388685;
font: 10px 'Exo 2', 'Droid Arabic Kufi';
margin: 5px 0;
padding: 5px;
text-shadow: 0 1px 0 #fff;
}
.TraiMessage {
border-color: #d2e9e9 transparent transparent;
border-style: solid;
border-width: 15px 10px 0;
height: 0;
margin-right: 30px;
margin-top: -5px;
width: 0;
}
.info_post {
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.65em;
font-weight: lighter;
line-height: 16px;
}
.time_post {
background: none repeat scroll 0 0 #5e7081;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 3px #eee;
-moz-box-shadow: 0 0 3px #eee;
box-shadow: 0 0 3px #eee;
float: left;
font-family: 'Exo 2', 'Droid Arabic Kufi';
font-size: 11px;
font-weight: bold;
margin: 3px;
padding: 6px 3px 0 4px;
text-shadow: 0 1px 1px #000;
color: #fff;
}
.time_post:hover {
background:#58c5c4;
}
.time_post_link:link {
color:#ffeda4;
}
.ActivityUser {
width:200px;
background: none repeat scroll 0 0 #fffbe3!important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-color: #a45124!important;
color: #b75124;
float: right;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.7em;
font-weight: lighter;
margin-right: 15px;
margin-top: 0;
padding: 0 10px;
border: 1px solid #ecd8a8;
}
.ActivityUser a {
color: #b75124;
}
.UserTitleName {
color: #209caf;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.69em;
font-weight: lighter;
line-height: 16px;
}
.button:hover {
background: none repeat scroll 0 0 #d3dbe2;
border: 1px solid #8da4b9;
box-shadow: 0 0 3px #000000;
-webkit-box-shadow: 0 0 3px #000000;
-moz-box-shadow: 0 0 3px #000000;
color:#ffffff;
}
.button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #58c5c4;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.button:hover, .button:focus, .button:active {
color: #000;
box-shadow: 0 0 3px #000000;
}
.button:hover:before, .button:focus:before, .button:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* END Button */
.replay a:link {
float: right;
padding: 1px 5px;
height: 30px;
width: 120px;
text-align: center;
text-decoration: none;
margin-top:5px;
}
.replay a:hover {
color:#fff;
}
.controls a:link {
float: right;
padding: 1px 5px;
height: 25px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#0f5065;
}
.controls a:hover {
color:#fff;
}
.controls2 a:link {
float: right;
padding: 1px 5px;
height: 25px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#ff0000;
}
.newreplay {
background: none repeat scroll 0 0 #fdfdfd;
border: 1px solid #8da4b9;
box-shadow: 0 0 3px #a3b8cc;
float: right;
padding: 1px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 30px;
width: 125px;
text-align: center;
text-decoration: none;
}
.quote2 {
border-bottom: 1px solid #f8eabb;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
color:#c6611a;
text-decoration:none;
}
.quote22 a:link {
font: bold 11px 'Exo 2', "Droid Arabic Kufi";
color:#c6611a;
text-decoration:none;
}
.quote22 a:hover {
width:auto;
background-color:#646c74;
border-bottom: 1px solid #f8eabb;
font: bold 11px 'Exo 2', "Droid Arabic Kufi";
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
color:#c6c9cf;
text-decoration:none;
border-radius: 5px;
}
.quote3 {
padding: 10px 7px 7px 7px;
font-weight: lighter;
-margin-bottom: 8px;
-margin-right: 2px;
-margin-left: 2px;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
font-family: tahoma;
font-size: 12px;
}
.img1 {
-webkit-transition: -webkit-transform .5s ease-in-out;
-ms-transition: -ms-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.img1:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.img2 {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.img2:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border: 5px #7695b3 solid;
box-shadow: 0 0 0 10px #eee;
}
.avatar {
float: right;
overflow: hidden;
min-height: 10px;
}
.avatar img {
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.avatar img:hover {
height: auto;
width: auto;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* showthread */
.vbmenu_control2 {
background: #5e7081;
color: #c2ced9;
border-top: 1px solid #5e7081;
}
.VbmenuPopup {
background: none repeat scroll 0 0 #3a4249;
opacity: 0.93;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
padding: 10px;
}
.VbmenuPopup a {
color: #FFFFFF;
text-decoration: none;
}
.VbmenuPopup a:hover {
color: #1AA6C0;
text-decoration: underline;
}
.VbmenuPopup a:visited {
color: #FFFFFF;
text-decoration: none;
}
.VbmenuPopup2 {
background: none repeat scroll 0 0 #3a4249;
opacity: 0.93;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
padding: 3px;
}
/* NOTE */
#NoticPage {
background: none repeat scroll 0 0 #fef9d2;
border: 1px solid #e9d09a;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
margin: 10px 0;
padding: 5px;
color: #ad542d;
}
#NoticPage .NoticCounct {
background: none repeat scroll 0 0 #fff;
border: 1px solid #f3dfb4;
font: bold 10px 'Exo 2', 'Droid Arabic Kufi', Tahoma;
margin: 5px;
padding: 5px;
}
#NoticPage .NoticHead {
font-size: 0.9em;
}
.FooterAttention {
background: none repeat scroll 0 0 #ffeee2;
border: 5px solid #fff;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
font-family: "Exo 2", "Droid Arabic Kufi";
font-size: 8px;
-font-weight: lighter;
padding: 8px;
}
.TagListCell {
background: #c9dfee;
overflow: hidden;
padding: 2px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.TagListCell:hover {
background: #b8d0e1;
overflow: hidden;
padding: 2px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.showthread1 {
color: #2c60a5;
text-decoration: none;
font: 16px/35px "Exo 2","Droid Arabic Kufi";
}
.showthread1 a:link {
background: #b9dbe2;
padding: 5px;
border-radius: 5px;
color:#708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.showthread1 a:visited {
background: #b9dbe2;
padding: 5px;
border-radius: 5px;
color: #708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.showthread1 a:hover {
background: #c5dfe4;
padding: 5px;
border-radius: 5px;
color: #708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#FromHome {
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
min-height: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
margin: 10px 0;
}
.F-HomeMain {
left: auto;
margin: 5px -24px 8px -7px;
right: auto;
}
.F-HomeMainRight {
background-color: #4b8b8a;
border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-moz-border-radius: 0 10px 0 0;
float: right;
height: 4px;
margin-right: 10px;
margin-top: -4px;
width: 5px;
}
.F-HomeMainTitle {
background-color: #47a5a4;
-webkit-radius: 5px 0 5px 5px;
-moz-radius: 5px 0 5px 5px;
border-radius: 5px 0 5px 5px;
box-shadow: none !important;
font-family: "Droid Arabic Kufi";
font-size: 14px;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 4px;
padding-right: 0;
padding-top: 4px;
text-align: center;
}
.F-HomeMainTitle a:link {
color:#fff;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle a:hover {
color:#cafffe;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle a:visited {
color:#fff;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle:hover {
color:#fff;
text-decoration: none;
background-color:#58c5c4;
}
.thead2 {
background: #d9ebeb;
color: #268180;
font-size: 11px;
text-shadow: 0 1px 0 #fff;
border-top: 1px solid #afd4d3;
border-bottom: 1px solid #afd4d3;
}
.ForumJump {
background: none repeat scroll 0 0 #d9ebeb;
border: 5px solid #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
display: table;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
margin: 0 auto;
padding: 5px;
color: #268180;
}
/* footer */
#FooterHome {
background: none repeat scroll 0 0 #3a4249;
border-top: 4px solid #708190;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
min-height: 10px;
overflow: hidden;
}
.FooterCounct {
margin: 10px auto;
width: 72%;
}
.FooterLeft {
float: left;
}
.FooterLogo {
float: left;
}
.FooterCopy2 {
color: #ccc;
float: right;
font-size: 11px;
font-weight: lighter;
margin-bottom: 15px;
}
.FooterRIcon {
background: none repeat scroll 0 0 #323b42;
border-color: #292e32 #4c555c #4c555c #292e32;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-style: solid;
border-width: 1px;
color: #6f7b85;
float: right;
font-size: 55px;
margin-left: 10px;
padding: 5px;
text-shadow: 0 2px 0 #000;
}
.FooterRigthCounct {
color: #c1cdd5;
float: right;
}
.FooterRigth {
color: #c1cdd5;
float: right;
}
.FooterRigth ul {
font-size: 0.7em;
font-weight: lighter;
margin: 0;
padding: 0 0 5px;
}
.FooterRigth li {
list-style: outside none none;
padding: 0 8px;
-webkit-transform: rotate(360deg);/* ميلان الخط */
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.FooterRigth li a {
color: #6ad1d0;
}
.FooterRigth li:hover {
background: none repeat scroll 0 0 #206261;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 0 3px #2e363d;
-moz-box-shadow: 0 0 3px #2e363d;
box-shadow: 0 0 3px #2e363d;
color: #fff;
}
.FooterRigth a:hover {
color: #fff;
text-decoration: none;
}

.FooterCopy {
background: none repeat scroll 0 0 #323b42;
border-color: #292e32 #4c555c #4c555c #292e32;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-style: solid;
border-width: 1px;
clear: both;
color: #eee;
font-family: tahoma;
font-size: 11px;
font-weight: lighter;
margin-bottom: 15px;
overflow: hidden;
padding: 8px;
}
.IconFooterMain {
background: #fff;
margin: 10px 0 18px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.IconFooterCounct {
width: 72%;
margin: 0 auto;
}
.IconFooterCounct ul {
margin: 0;
padding: 25px;
}
.IconFooterCounct li {
display:inline-block;
border: 5px #b7cee4 solid;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-box-shadow: 0 0 0 5px #eee;
-moz-box-shadow: 0 0 0 5px #eee;
box-shadow: 0 0 0 5px #eee;
font-size: 48px;
height: 62px;
margin: 0 10px;
padding: 13px 15px 0;
text-align: center;
width: 45px;
}
.ForumBits {
background: none repeat scroll 0 0 #fff;
border: 5px solid #d3e7e7;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 15px 5px;
padding: 5px;
}
.BoxShadow {
-moz-box-shadow: 0 0 3px #ddd;
-webkit-box-shadow: 0 0 3px #ddd;
box-shadow: 0 0 3px #ddd;
}
.ThreadReply {
background-color: #e4f1f1 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 11px;
font-weight: lighter;
line-height: 18px !important;
padding: 2px;
width: 200px;
}
.Tborderforum {
background: #fbfbfb;
border: 1px solid #dbe2e6;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.75em;
margin: 5px;
overflow: hidden;
padding: 4px;
}
.logo_footer{height:69px;width:200px;display:block ;float:right;transition:.35s;-webkit-transition:.35s;background:url(TR/logo_footer.png) no-repeat}.logo_footer:hover{border:0;transition:.15s ;-webkit-transition:.15s;background:url(TR/logo_footer.png) no-repeat 0 -71px}

.ftgr{width:200px;height:35px}.ftgr1{float:none}.f tgr1 a{margin-left:15px;padding:0}.fac{height:35px;width:35px;di splay:block;float:right;background:url(images/social/facebook.png) no-repeat}.fac:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/facebook.png) no-repeat 0 -35px}.tw{height:35px;width:35px;display:block;floa t:right;background:url(images/social/twitter.png) no-repeat}.tw:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/twitter.png) no-repeat 0 -35px}.go{height:35px;width:35px;display:block;floa t:right;background:url(images/social/googlep.png) no-repeat}.go:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/googlep.png) no-repeat 0 -35px}.rs{height:35px;width:35px;display:block;floa t:right;background:url(images/social/rss.png) no-repeat}.rs:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/rss.png) no-repeat 0 -35px}
/* header */
#HeaderMain {
background: none repeat scroll 0 0 #fff;
}
#HeaderMain .HeaderLinkMain {
background: none repeat scroll 0 0 #47a5a4;
padding: 10px 0;
width: 100%;
overflow: hidden;
min-height: 20px;
}
#HeaderMain .HeaderLinkMain .LinkMain {
margin: 0 auto;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth {
float: right;
margin:5px 10px 0 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth a {
color: #fff;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth a:hover {
border-bottom: 4px solid #dee9f2;
color: #fff;
padding-bottom: 8px;
text-decoration: none;
transition: all 0.4s ease-in-out 0s;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth ul {
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.85em;
font-weight: lighter;
margin: 0;
padding: 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth li {
display: inline;
padding: 0 5px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft {
float: left;
margin:0 0 0 10px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft a {
color: #d5eded;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft a:hover {
color: #fff;
text-shadow: 0 1px 1px #000;
}

#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch {
float: left;
margin-right: 10px;
padding: 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .InputSearch {
background-color: #47515a;
border: medium none;
border-radius: 0 5px 5px 0;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.87em;
height: 28px;
padding: 1px 3px;
transition: all 0.5s ease-out 0s;
width: 140px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .InputSearch:focus {
background-color: #47515a;
color: #fff;
transition: all 0.5s ease-out 0s;
width: 180px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .ButtonSearch {
background: none repeat scroll 0 0 #47515a;
border: medium none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.87em;
font-weight: bold;
height: 30px;
margin-right: -5px;
padding: 0 3px;
transition: all 0.2s ease 0s;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .ButtonSearch:hover {
background-color: #257f7e;
color: #fff;
transition: all 0.2s ease 0s;
}
#HeaderMain .CounctNavBar {
background: none repeat scroll 0 0 #fff;
display: table;
padding: 18px 0px 5px;
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
#HeaderMain .CounctNavBar .WebCounct {
margin: auto;
margin:0 20px 0 0;
}
#HeaderMain .CounctNavBar .WebCounct .CounctLogo {
float: right;
}
#HeaderMain .CounctNavBar .WebCounct .CounctLogo img {
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers {
float: right;
margin: 0px 15px;
width: 280px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ImgUsers {
background: none repeat scroll 0px 0px #F9F9F9;
border: 3px solid #F0F0F0;
border-radius: 6px;
box-shadow: 0px 0px 3px #AAA;
float: right;
height: 50px;
margin-left: 10px;
width: 50px;
text-align: center;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers {
color: #708190;
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.8em;
margin-left: 15px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers a {
color: #708190;
text-decoration: none;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers a:hover {
color: #59c5c4;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser {
float: right;
padding-bottom: 10px;
padding-left: 10px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser ul {
margin: 4px 0 12px 0;
padding: 0 0 0 40px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li {
display: inline-block;
font-size: 21px;
border: 1px solid #CCC;
border-radius: 5px;
height: auto;
width: auto;
padding: 0px 3px;
margin: 0px;
background: none repeat scroll 0% 0% #F5F5F5;
color: #708190;
box-shadow: 0px 0px 1px #CCC;
text-shadow: 0px 1px 0px #FFF;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li a {
color: #8da3b6;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li Img {
display: none;
}
.navbar2 {
background: none repeat scroll 0 0 #d9ebeb;
border: 1px solid #afd4d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #268180;
font-size: 0.89em;
font-weight: bold;
padding: 4px 6px;
text-shadow: 0 1px 0 #fff;
margin: 6px 45px 6px 0;
font:bold 14px 'Exo 2', 'Droid Arabic Kufi';
}
.navbar2:hover {
background: none repeat scroll 0 0 #d9ebeb;
-webkit-box-shadow: 1px 2px 10px #ccc;
-moz-box-shadow: 1px 2px 10px #ccc;
box-shadow: 1px 2px 10px #ccc;
}
.navbar3 {
background-color:#FFF;
border: 1px solid #cccccc;
border-radius: 5px;
}
.navbar4 {
background-color:#e1e1e1;
border: 2px solid #e0e0e0;
border-radius: 5px;
}
#GoustLogin {
min-height: 10px;
min-width: 50px;
}
#GoustLogin .FormLogin {
background: none repeat scroll 0 0 #e5eaee;
float: right;
margin: 3px 10px 0 0;
padding: 8px;
width: auto;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#GoustLogin .FormLogin .UserNameLogin {
background: none repeat scroll 0 0 #fff;
border: 3px solid #a3bace;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #a3bace;
float: right;
font-size: 24px;
height: 42px;
margin-left: 5px;
padding-top: 4px;
text-align: center;
width: 34px;
}
#GoustLogin .FormLogin .PassLogin {
background: none repeat scroll 0 0 #fff;
border: 3px solid #a3bace;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #a3bace;
float: right;
font-size: 24px;
height: 30px;
margin-left: 5px;
padding-top: 4px;
text-align: center;
width: 34px;
}
#GoustLogin .FormLogin .Namein {
float: right;
margin-left: 5px;
margin-top: 4px;
}
#GoustLogin .FormLogin .Passin {
float: right;
margin-left: 5px;
margin-top: 4px;
}
#GoustLogin .FormLogin .RememberCheck {
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 12px;
font-weight: lighter;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
}
#GoustLogin .FormLogin .LoginButton {
float: right;
margin-top: 4px;
}
#GoustLogin .FormLogin .ButtonIn:hover {
background: none repeat scroll 0 0 #c3d0db;
text-shadow: 0 1px 0 #dfe7ee;
}
#GoustLogin .FormLogin .PassName {
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #a3bace;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #ccc;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.90em;
padding: 0 5px;
transition: all 0.5s ease-out 0s;
width: 130px;
}
#GoustLogin .FormLogin .ButtonIn {
background: none repeat scroll 0 0 #fff;
border: 1px solid #a3bace;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #708190;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
}
#GoustLogin .FormLogin .PassName:focus {
width: 160px;
background: #fff;
-webkit-box-shadow: 0 0 5px #47c9e5;
-moz-box-shadow: 0 0 5px #47c9e5;
box-shadow: 0 0 5px #47c9e5;
border: 1px solid #fff;
}
.logousername {
background-image:url('TR/logousername.gif');
background-repeat:no-repeat;
height: 41px;
}
.logopass {
background-image:url('TR/logopass.gif');
background-repeat:no-repeat;
}
.ForumInfo {
background: none repeat scroll 0 0 #f6dacb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #c1633a;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.85em;
font-weight: lighter;
margin: 5px 0 10px;
padding: 5px;
text-shadow: 0 1px 0 #ffeee7;
}
.ForumInfo:hover {
background: none repeat scroll 0 0 #fbc9b5;
}
.ForumInfo a {
color: #ae3f0e;
}
.ForumInfo a:hover {
background: none repeat scroll 0 0 #ffcdb7;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-decoration: none;
}
.SearchSub {
background: none repeat scroll 0 0 #f6edcb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 1.2em;
font-weight: lighter;
margin: 0;
padding: 5px;
text-align: center;
text-shadow: 0 1px 0 #f9ffe6;
width: 75px;
}
.SearchSub a:hover {
color: #c1670f !important;
text-decoration: none;
}
.SearchSub a {
color: #b47b22!important;
}
.SearchSub img {
display: none;
}
.SearchSub:hover {
background: none repeat scroll 0 0 #fcefbd;
}
.IconControls {
display: table;
margin: 5px;
width: 100%;
}
/* control-header */
.ImgUsers {
background: none repeat scroll 0px 0px #F9F9F9;
border: 3px solid #F0F0F0;
border-radius: 6px;
box-shadow: 0px 0px 3px #AAA;
float: right;
height: 50px;
margin-left: 10px;
width: 50px;
text-align: center;
}
.control-header {
width: 200px;
height: 35px;
}
.control-header1 {
float: none;
}
.control-header1 a {
margin-left: 3px;
padding: 0;
}
.header-usercp {
background-image: url('images/header-usercp.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-subscription {
background-image: url('images/header-subscription.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-today {
background-image: url('images/header-today.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-exit {
background-image: url('images/header-exit.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
/*قائمة لوحة تحكم العضو */
.VbmenuOption {
background: none repeat scroll 0 0 #479f9e;
font-size: 0.8em;
font-weight: lighter;
padding: 5px;
min-height: 10px;
overflow: hidden;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
}
.VbmenuOption a {
color: #fff;
}
.VbmenuOption a:hover {
color: #94dad9;
}
.VbmenuOptionH {
background: none repeat scroll 0 0 #3a4249;
border: 1px solid #4a5560;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
font-size: 0.78em;
margin-left: 4px;
margin-top: 3px;
padding: 0 3px;
-width: 96%;
}
.VbmenuOptionS {
background: none repeat scroll 0 0 #53a5a4;
border: 1px solid #4a5560;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
font-size: 0.78em;
margin-left: 4px;
margin-top: 3px;
padding: 0 3px;
width: 96%;
}
.VbmenuOptionS a:link {
color: #FFF;
background: none repeat scroll 0 0 #53a5a4;
border-radius: 4px;
padding: 0 3px;
}
.VbmenuOptionS a:hover {
color: #94dad9;
}
.VbmenuOptionS a:visited {
color: #FFF;
}
.VbmenuPopupHead a {
color: #a3faff;
}
.CpUser {
background: none repeat scroll 0 0 #333;
border-color: #000 #444 #444 #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-style: solid;
border-width: 1px;
min-height: 10px;
overflow: hidden;
padding: 4px;
}
.CpUserName {
font-size: 11px;
font-weight: lighter;
}
.CpUserName a {
color: #79d1d0;
}
.CpUserIm img {
border: 3px solid #479f9e;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
float: right;
margin-left: 5px;
width: 40px;
}
.CpUserInfo {
float: right;
font-size: 10px;
margin-left: 8px;
}
.CpUserInfo a {
color: #f8c345;
}
.CpUserExit a {
color: #ffae72;
}
.CpUserExit {
float: left;
font-size: 10px;
font-weight: lighter;
}
.RegPass {
float: right;
margin: 8px 0;
}
.RegPass .LostPass {
background: none repeat scroll 0 0 #fed4bf;
border: 3px solid #fef2ec;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
color: white;
float: left;
margin-right: 10px;
padding: 3px 5px;
width: auto;
}
.RegPass .LostPass:hover {
background: none repeat scroll 0 0 #febe9d;
border: 3px solid #fff;
}
.RegPass .LostPass .LinkPass {
bottom: 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.RegPass .LostPass .LinkPass a {
color: #ee7c43;
text-decoration: none;
text-shadow: 0 1px 0 #feeae0;
}
.RegPass .LostPass .LinkPass .IconPass {
color: #fff3e3;
font-size: 24px;
position: relative;
text-shadow: 0 1px 1px #a44a01;
top: 4px;
}
.RegPass .RegisterNew {
background: none repeat scroll 0 0 #59c5c4;
border: 3px solid #bfebeb;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
color: #fff;
float: left;
padding: 3px 5px;
width: auto;
}
.RegPass .RegisterNew .LinkRegister {
bottom: 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.RegPass .RegisterNew .LinkRegister .IconRegister {
color: #caeded;
font-size: 24px;
margin-left: 5px;
position: relative;
text-shadow: 0 1px 1px #3a454f;
top: 4px;
}
.RegPass .RegisterNew:hover {
background: none repeat scroll 0 0 #47a5a4;
border: 3px solid #fff;
}
.RegPass .RegisterNew a {
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0 #333;
}
.IconPass {
background-image:url('TR/IconPass.png');
background-repeat: no-repeat;
width: 21px;
height: 23px;
display: block;
float: right;
}
.IconRegister {
background-image:url('TR/IconRegister.png');
background-repeat: no-repeat;
width: 21px;
height: 23px;
display: block;
float: right;
}
.IconControlsColor {
background: none repeat scroll 0 0 #428bca;
border: 1px solid #366fa0;
color: #fff !important;
text-shadow: 0 1px 0 #000;
}
.IconControlsColor:hover {
background: none repeat scroll 0 0 #559bd8 !important;
border: 1px solid #366fa0;
text-shadow: 0 1px 0 #000 !important;
}
.IconControlsColor a:hover {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
text-decoration:none;
}
.IconControlsColor a {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
text-decoration:none;
}
.button2 {
background: none repeat scroll 0 0 #428bca;
border: 1px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 0 3px #a3b8cc;
-moz-box-shadow: 0 0 3px #a3b8cc;
box-shadow: 0 0 3px #a3b8cc;
color: #ffffff;
display: inline-block;
-margin: 2px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.controls3 a:link {
float: right;
padding: 1px 5px;
height: 24px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#ffffff;
}
.iconsearch {
background-image:url('TR/search.gif');
background-repeat: no-repeat;
width: 52px;
height: 24px;
display: block;
-background: none repeat scroll 0 0 #40b4b0;
border: 1px solid #369a96;
text-align: center;
text-shadow: 0 1px 0 #000 !important;
}
textarea:focus, .bginput:focus {
background: #FFF;
}
.controlbar:focus {
background: none repeat scroll 0 0 #FFFFFF;
}
/* tooltip LEFT*/
a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
position: absolute;
white-space: nowrap;
color: #FFFFFF;
background: #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
padding: 0px 5px;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
width: 0; height: 0;
border-left: 8px solid #000000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
right: 100%;
top: 50%;
margin-top: -15px;
margin-right: 15px;
z-index: 999;
}
/* tooltip RIGHT*/
a.tooltipsR {
position: relative;
display: inline;
}
a.tooltipsR span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #000;
background: #b7cee4;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltipsR span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #b7cee4;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltipsR span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
z-index: 999;
}
/* tooltip TOP */
a.tooltipsT {
position: relative;
display: inline;
}
a.tooltipsT span {
position: absolute;
width:180px;
color: #FFFFFF;
background: #445b90;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsT span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-top: 8px solid #445b90;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsT span {
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: 80%;
margin-left: -98px;
z-index: 999;
}
/* tooltip bottom */
a.tooltipsB {
position: relative;
display: inline;
}
a.tooltipsB span, li.tooltipsB span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #FFFFFF;
background: #5b5b5b;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsB span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #5b5b5b;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsB span {
visibility: visible;
opacity: 0.8;
top: 35px;
left: 65%;
margin-left: -76px;
z-index: 999;
}

/* tooltip bottom footer */
a.tooltipsBF {
position: relative;
display: inline;
}
a.tooltipsBF span {
position: absolute;
width:140px;
color: #FFFFFF;
background: #5b5b5b;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsBF span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #5b5b5b;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsBF span {
visibility: visible;
opacity: 0.8;
top: 2px;
left: 50%;
margin-left: -70px;
z-index: 999;
}
/* tooltip bottom footer Icon */
a.tooltipsBFI {
position: relative;
display: inline;
}
a.tooltipsBFI span {
position: absolute;
width:140px;
color: #000;
background: #b7cee4;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsBFI span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #b7cee4;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsBFI span {
visibility: visible;
opacity: 0.8;
top: 40px;
left: 50%;
margin-left: -70px;
z-index: 999;
}
.subforum {
display: none;
margin-left: -150px;
margin-top: 15px;
}
/* alm6wer2015 ActivityUser */
.icon-thumbs-up, .icon-fire, .icon-location-outline, .icon-warning-empty {
font-size: 20px;
}
.icon-thumbs-up:hover, .icon-location-outline:hover {
color: #73a61b;
}
.icon-fire:hover, .icon-warning-empty:hover {
color: #FF0000;
}
.icon-trophy-1 {
font-size: 15px;
}
a.icon-home-6 {
font-size: 25px;
color: #58c5c4;
}
a.icon-facebook-squared-1 {
font-size: 25px;
color: #2183b0;
}
a.icon-twitter-squared {
font-size: 25px;
color: #32c2e6;
}
a.icon-youtube-squared {
font-size: 25px;
color: #e15344;
}
a.icon-googleplus-rect {
font-size: 25px;
color: #73a61b;
}
.icon-lightbulb {
font-size: 25px;
}
.on, .on:hover {
color: #73a61b;
font-size: 25px;
}
.off, .off:hover {
color: #ccc;
font-size: 25px;
}
/* quote */
.icon-quote-right-1 {
color: #cd8a33;
font-size: 35px;
}
/* showthread */
a.icon-lock-alt {
font-size: 13px;
}
.icon-tag-7 {
-height: 50px;
font-size: 35px;
color: #668ea9;
margin-top: 20px;
}
/* forumhome */
.icon-resize-small-1 {
color: #c07b32;
font-size: 12px;
}
.icon-thumbs-up-5 {
font-size: 40px;
}
/* الايقونات الاجتماعية في الهيدر */
.LinkLeft div {
display:inline-block;
}
/* tooltip RIGHT G */
a.tooltipsG {
position: relative;
display: inline;
}
a.tooltipsG span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #fff;
background: #364949;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 12px;
}
a.tooltipsG span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #364949;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltipsG span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
z-index: 999;
}
.LinkLeft .icon-twitter-squared, .LinkLeft .icon-facebook-squared-1, .LinkLeft .icon-youtube-squared {
font-size: 30px;
}
.LinkLeft .icon-googleplus-rect {
font-size: 25px;
}
a.icon-bullseye .off, a.icon-bullseye .on {
font-size: 20px;
}
/* الظل */
.shadowGoogle1{-moz-box-shadow: 0 0 10px #373637; -webkit-box-shadow: 0 0 10px #373637; box-shadow: 0 0 10px #373637; width:728px; height:90px}
.shadowGoogle4{-moz-box-shadow: 0 0 10px #373637; -webkit-box-shadow: 0 0 10px #373637; box-shadow: 0 0 10px #373637; width:160px; height:600px}
a.icon-home-6,a.icon-mail-alt, a.icon-sitemap, a.icon-hammer {
color: #b7cee4;
}
.warning {
color: #fff;
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background: red;
}
.info {
color: #fff;
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background: #3d5ed9;
}
.new_code {
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background-color: #FFD7D7;
color: #FF0000;
padding:15px;
border-radius: 0px 0px 5px 5px;
}
.new_code2 {
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background-color: #c5cef3;
color: #3d5ed9;
padding:15px;
border-radius: 0px 0px 5px 5px;
}

FOR SAT
2017-01-03, 12:46 AM
عاشت ايدك اخي العزيز نعم تقريبا كما المطلوب
لكن:
1- ايقونات المواقع الاجتماعية لم تظهر؟ ومربع البحث ليس كما بالصورة
http://store2.up-00.com/2017-01/1483396928731.png
2- حذف هذا الخط الزائد كما بالصورة
http://store2.up-00.com/2017-01/1483396928853.png
3- وهذه التنبيهات لم تظهر؟ فماهي؟ هل هو هاك أم اكواد
http://store2.up-00.com/2017-01/1483397226331.png

وجزاك الله الف خير

WRONG WAY
2017-01-03, 01:22 AM
عاشت ايدك اخي العزيز نعم تقريبا كما المطلوب
لكن:
1- ايقونات المواقع الاجتماعية لم تظهر؟ ومربع البحث ليس كما بالصورة
http://store2.up-00.com/2017-01/1483396928731.png
2- حذف هذا الخط الزائد كما بالصورة
http://store2.up-00.com/2017-01/1483396928853.png
3- وهذه التنبيهات لم تظهر؟ فماهي؟ هل هو هاك أم اكواد
http://store2.up-00.com/2017-01/1483397226331.png

وجزاك الله الف خير

والله تكويد قالب جديد اسهل من تعديل على تصميم شخص لا يفقه شئ فى التصميم سوى نقل الكلاسات واختراع اكواد جديدة ليظهر انه هو المصمم الاصلى مثل مصمم هذا الاستايل ,,
* الايقونات لم تظهر لانها تستخدم مكتبة fontello .
* الخط الزائد لا يظهر عندى اعتقد ان المشكلة من هاك انت تستخدمه او شئ اخر .
* التنبيهات هذه برمجة خاصة بترايدنت واقرب شئ ليها الذى صممته لك من قبل هنا ,,
طلب التعديل على ايقونات التنبيه (http://www.egybasma.com/forum/showthread.php?t=2250) ,,

FOR SAT
2017-01-03, 01:49 AM
افهم كلامك اخي العزيز
الله اعطى البعض موهبة وليس بامكان اناس اخرى الحصول عليها
المهم بخصوص القالب
- تمكنت من حذف الخط الزئد
- رفعت المكتبة ولم تظهر الايقونات
- بخصوص التنبيهات ساحاول اعمل عليها
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ماشاءالله
تمكنت من اضافة التنبيهات لكن لم استطيع اخذه للمكان المطلوب

فلو تكرمت اخي اخذه للمكان المطلوب كما بالصورة
http://store2.up-00.com/2017-01/1483401450191.png
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
و هذا الكود الذي عدلت عليه
<!-- logo -->
<div id="HeaderMain">
<div class="HeaderLinkMain">
<div class="LinkMain">
<div class="LinkRigth">
<ul>
<li>
<a href="f130" target="_blank" title="الدعم الفني">
الدعم الفني</a></li>
<li>
<a href="domainsearch.php" target="_blank" title="البحث عن دومين">
البحث عن دومين</a></li>
<li>
<a href="colors.php" target="_blank" title="أكواد الالوان">
أكواد الالوان</a></li>
<li>
<a href="Generator.php" target="_blank" title="زخرفة الأسماء">
زخرفة الأسماء</a></li>
<li>
<a href="marquee.php" target="_blank" title="أكواد marquee">
أكواد marquee</a></li>
<li>
<a href="stc.php" rel="nofollow" target="_blank" title="خدمات STC">
خدمات STC</a></li>
</ul>
</div>
<div class="LinkLeft">
<div class="LinkSearch" style="display:inline-block;">
<form action="http://www.google.com/cse" target="_blank">
<input type="hidden" name="cx" value="001825168661170533435:p0njte3cptg" />
<input type="hidden" name="ie" value="windows-1256" />
<input class="InputSearch" name="query" size="25" tabindex="1001" type="text" value="البحث داخل الموقع .." onfocus="if (this.value == 'البحث داخل الموقع ..') this.value = '';" />
<input class="ButtonSearch" tabindex="1004" type="submit" value="بحث" />
</form>
</div>
<!--<div style="display:inline-block;">
<a class="icon-twitter-squared tooltipsG" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>twitter</span></a></div>
<div style="display:inline-block;">
<a class="icon-facebook-squared-1 tooltipsG" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span></a></div>
<div style="display:inline-block;">
<a class="icon-googleplus-rect tooltipsG" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>googleplus</span></a></div>
<div style="display:inline-block;">
<a class="icon-youtube-squared tooltipsG" href="http://www.youtube.com/" rel="nofollow" target="_blank">
<span>youtube</span></a></div>-->
</div>
</div>
</div>
<div class="CounctNavBar">
<div class="WebCounct">
<div id="GoustLogin">
<table style="width: 100%">
<tr>
<td width="210">
<div class="CounctLogo">
<a href="$vboptions[bburl]$session[sessionurl_q]">
<img src="$stylevar[titleimage]" title="شبكة المطور" border="0" alt="" /></a></div>
</td>
<if condition="$show['member']">
<td width="50">
<div class="ImgUsers">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]" class="tooltipsB"><img alt="" border="0" height="50" src="image.php?u=$bbuserinfo[userid]" style="margin-top: 0px;" title="" width="50"><span>الصورة الرمزية لـ $bbuserinfo[username]</span></a></div>
</td>
<td class="alt2" nowrap="nowrap" style="background-color:#ffffff">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<div class="control-header">
<div class="control-header1">
<a class="header-usercp tooltipsB" id="usercptools" href="$show[nojs_link]#usercptools" rel="nofollow" target="_blank">
<span>لوحة التحكم الخاصة بكـ</span></a>
<script type="text/javascript">vbmenu_register("usercptools", true); </script>
<a class="header-subscription tooltipsB" href="subscription.php?do=viewsubscription" rel="nofollow"><span>اشتراكاتكـ</span>
</a>
<a class="header-today tooltipsB" href="search.php?$session[sessionurl]do=getdaily" rel="nofollow"><span>مشاركات اليوم</span>
</a>
<a class="header-exit tooltipsB" title="" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" rel="nofollow"><span>الخروج من الموقع</span>
</a>
</div>
</div>
</div>
</td>
<else />
<td class="FormLogin" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<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>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" style="background: none repeat scroll 0 0 #e5eaee;float: right;margin: 3px 10px 0 0;padding: 8px;width: auto;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;">
<tr>
<td width="42" class="logousername" title="إسم المستخدم"></td>
<td><input type="text" class="PassName" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td width="42" class="logopass" title="كلمة المرور"></td>
<td><input type="password" class="PassName" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
<td>
<div class="RegPass">
<div class="LostPass">
<div class="LinkPass">
<div class="IconPass">
</div>
<a href="login.php?do=lostpw" rel="nofollow">أستعادة كلمة المرور</a></div>
</div>
<div class="RegisterNew">
<div class="LinkRegister">
<div class="IconRegister">
</div>
<a href="register.php">تسجيل عضو جديد</a></div>
</div>
</div>
</td>
</if>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- قائمة لوحة التحكم -->
<div id="usercptools_menu" class="VbmenuPopup" style="margin-top: 3px; position: absolute; z-index: 50; clip: rect(auto auto auto auto); left: 1067.203125px; top: 118px; display: none; width:300px">
<div class="CpUser">
<div class="CpUserIm">
<img alt="الصورة الرمزية" border="0" src="image.php?u=$bbuserinfo[userid]" title="الصورة الرمزية" /></div>
<div class="CpUserName">
<phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></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="VbmenuOption">
<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="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="VbmenuOption">
<div class="VbmenuOptionH">
<a href="profile.php?do=privacy" rel="nofollow">
خصوصية ملف الهوية</a></div>
</div>
<div class="VbmenuPopupHead">
التواصل</div>
<div class="VbmenuOption">
<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 class="VbmenuPopupHead">
آخرى</div>
<div class="VbmenuOption">
<div class="VbmenuOptionH">
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></div>
<div class="VbmenuOptionH">
<a href="forumdisplay.php?$session[sessionurl]do=markread&amp;markreadhash=$bbuserinfo[securitytoken]" rel="nofollow">$vbphrase[mark_forums_read]</a></div>
<br />
<div class="VbmenuOptionH">
<a href="subscription.php" rel="nofollow">
المواضيع المشترك بها</a> |
<a href="subscription.php?do=editfolders" rel="nofollow">
تعديل المجلدات</a> </div>
</div>
</div>

<!-- /logo -->
<div style="margin-right: auto; margin-left: auto; width: 93%;">
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]




</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><!--نهاية الكلاس-->

WRONG WAY
2017-01-03, 02:39 AM
http://c.top4top.net/p_367tszet1.png

<!-- logo -->
<div id="HeaderMain">
<div class="HeaderLinkMain">
<div class="LinkMain">
<div class="LinkRigth">
<ul>
<li>
<a href="f130" target="_blank" title="الدعم الفني">
الدعم الفني</a></li>
<li>
<a href="domainsearch.php" target="_blank" title="البحث عن دومين">
البحث عن دومين</a></li>
<li>
<a href="colors.php" target="_blank" title="أكواد الالوان">
أكواد الالوان</a></li>
<li>
<a href="Generator.php" target="_blank" title="زخرفة الأسماء">
زخرفة الأسماء</a></li>
<li>
<a href="marquee.php" target="_blank" title="أكواد marquee">
أكواد marquee</a></li>
<li>
<a href="stc.php" rel="nofollow" target="_blank" title="خدمات STC">
خدمات STC</a></li>
</ul>
</div>
<div class="LinkLeft">
<div class="LinkSearch" style="display:inline-block;">
<form action="http://www.google.com/cse" target="_blank">
<input type="hidden" name="cx" value="001825168661170533435:p0njte3cptg" />
<input type="hidden" name="ie" value="windows-1256" />
<input class="InputSearch" name="query" size="25" tabindex="1001" type="text" value="البحث داخل الموقع .." onfocus="if (this.value == 'البحث داخل الموقع ..') this.value = '';" />
<input class="ButtonSearch" tabindex="1004" type="submit" value="بحث" />
</form>
</div>
<div style="display:inline-block;">
<a class="icon-twitter-squared tooltipsG" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>twitter</span></a></div>
<div style="display:inline-block;">
<a class="icon-facebook-squared-1 tooltipsG" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span></a></div>
<div style="display:inline-block;">
<a class="icon-googleplus-rect tooltipsG" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>googleplus</span></a></div>
<div style="display:inline-block;">
<a class="icon-youtube-squared tooltipsG" href="http://www.youtube.com/" rel="nofollow" target="_blank">
<span>youtube</span></a></div>
</div>
</div>
</div>
<div class="CounctNavBar">
<div class="WebCounct">
<div id="GoustLogin">
<table style="width: 100%">
<tr>
<td width="210">
<div class="CounctLogo">
<a href="$vboptions[bburl]$session[sessionurl_q]">
<img src="$stylevar[titleimage]" title="شبكة المطور" border="0" alt="" /></a></div>
</td>
<if condition="$show['member']">
<td width="50">
<div class="ImgUsers">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]" class="tooltipsB"><img alt="" border="0" height="50" src="image.php?u=$bbuserinfo[userid]" style="margin-top: 0px;" title="" width="50"><span>الصورة الرمزية لـ $bbuserinfo[username]</span></a></div>
</td>
<td class="alt2" nowrap="nowrap" style="background-color:#ffffff">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<div class="control-header">
<div class="control-header1">
<a class="header-usercp tooltipsB" id="usercptools" href="$show[nojs_link]#usercptools" rel="nofollow" target="_blank">
<span>لوحة التحكم الخاصة بكـ</span></a>
<script type="text/javascript">vbmenu_register("usercptools", true); </script>
<a class="header-subscription tooltipsB" href="subscription.php?do=viewsubscription" rel="nofollow"><span>اشتراكاتكـ</span>
</a>
<a class="header-today tooltipsB" href="search.php?$session[sessionurl]do=getdaily" rel="nofollow"><span>مشاركات اليوم</span>
</a>
<a class="header-exit tooltipsB" title="" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" rel="nofollow"><span>الخروج من الموقع</span>
</a>
</div>
</div>
</div>
</td>
<td>
<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><!--نهاية الكلاس-->
</td>
<else />
<td class="FormLogin" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<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>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" style="background: none repeat scroll 0 0 #e5eaee;float: right;margin: 3px 10px 0 0;padding: 8px;width: auto;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;">
<tr>
<td width="42" class="logousername" title="إسم المستخدم"></td>
<td><input type="text" class="PassName" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td width="42" class="logopass" title="كلمة المرور"></td>
<td><input type="password" class="PassName" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
<td>
<div class="RegPass">
<div class="LostPass">
<div class="LinkPass">
<div class="IconPass">
</div>
<a href="login.php?do=lostpw" rel="nofollow">أستعادة كلمة المرور</a></div>
</div>
<div class="RegisterNew">
<div class="LinkRegister">
<div class="IconRegister">
</div>
<a href="register.php">تسجيل عضو جديد</a></div>
</div>
</div>
</td>
</if>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- قائمة لوحة التحكم -->
<div id="usercptools_menu" class="VbmenuPopup" style="margin-top: 3px; position: absolute; z-index: 50; clip: rect(auto auto auto auto); left: 1067.203125px; top: 118px; display: none; width:300px">
<div class="CpUser">
<div class="CpUserIm">
<img alt="الصورة الرمزية" border="0" src="image.php?u=$bbuserinfo[userid]" title="الصورة الرمزية" /></div>
<div class="CpUserName">
<phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></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="VbmenuOption">
<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="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="VbmenuOption">
<div class="VbmenuOptionH">
<a href="profile.php?do=privacy" rel="nofollow">
خصوصية ملف الهوية</a></div>
</div>
<div class="VbmenuPopupHead">
التواصل</div>
<div class="VbmenuOption">
<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 class="VbmenuPopupHead">
آخرى</div>
<div class="VbmenuOption">
<div class="VbmenuOptionH">
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></div>
<div class="VbmenuOptionH">
<a href="forumdisplay.php?$session[sessionurl]do=markread&amp;markreadhash=$bbuserinfo[securitytoken]" rel="nofollow">$vbphrase[mark_forums_read]</a></div>
<br />
<div class="VbmenuOptionH">
<a href="subscription.php" rel="nofollow">
المواضيع المشترك بها</a> |
<a href="subscription.php?do=editfolders" rel="nofollow">
تعديل المجلدات</a> </div>
</div>
</div>

<!-- /logo -->
<div style="margin-right: auto; margin-left: auto; width: 93%;">
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]

ابحث عن هذا الكود فى الـ CSS الخاص بـ ايقونات التنبيهات ,,
.Member-Alert{float:right;position:absolute;margin:25px 80px 0 0;}
واستبدله بـ
.Member-Alert{float:right;}

FOR SAT
2017-01-03, 02:54 AM
جعلها الله بميزان حسناتك اخي العزيز
الف الف شكر
تم

WRONG WAY
2017-01-03, 03:16 AM
يغلق لانتهاء الغرض منه ,,