السلام عليكم ورحمة الله وبركاته
اقدم اليكم اخوانى ..استايل جميل جدا وانيق ..بطريقة اكثر احترافية .
استايل منتدى نقطة التطوير .
لمعاينة الاستايل
من هنا
اليكم الاكواد مباشرة
نبدا بقالب الهيدر
قالب الفوتر
واخيرا
اذهب الى ورقة تصميم
css
وضع بها هذا الكود كاملا مكان الموجود
وقدم
اقدم اليكم اخوانى ..استايل جميل جدا وانيق ..بطريقة اكثر احترافية .
استايل منتدى نقطة التطوير .
لمعاينة الاستايل
من هنا
اليكم الاكواد مباشرة
نبدا بقالب الهيدر
- الكود:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<div id="logo"></div>
<div class="links">
<a target="_blank" title="Rss" href="/feed/?type=atom" rel="nofollow"> Rss Feeds </a>
<a target="_blank" title="Archive" href="/sitemap.xml"> Archive </a>
</div>
<div class="clear"></div>
<div class="up">
<div class="up-right"></div>
<div class="up-left"></div>
</div>
</div>
</div>
</div>
</div>
<div class="bg1">
<div class="c-right">
<div class="c-left">
<DIV style="RIGHT: 350px; OVERFLOW: visible; WIDTH: 102px; POSITION: absolute; TOP: 10px; HEIGHT: 17px"><script type="text/javascript"><!--
google_ad_client = "pub-7813954533290292";
/* 468x60, تم إنشاؤها 08/10/11 */
google_ad_slot = "5700122549";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></DIV>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau لا يمكنك استخدام هذا الاسم */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des ?l?ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'لا يمكنك استخدام هذا الاسم */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des ?l?ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<div class="maintitle">{MAIN_SITENAME}</div>
<div class="nav"><a class="nav" href="{U_INDEX}">
<img src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div>
<img src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15" width="30" /> {PAGE_TITLE} </strong>
</p></td>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
قالب الفوتر
- الكود:
- <!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>
<div>
<div>
<table>
<tbody>
<tr>
<td>
<!-- END html_validation -->
</td>
<td valign="top" width="{C3SIZE}">
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height: {SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
<!-- BEGIN switch_footer_fa_copyrights -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_fa_copyright_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
<!-- END footer_fa_copyright_link -->
</div>
</div>
<!-- END switch_footer_fa_copyrights -->
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
</div>
</div>
<div class="down">
<div class="down-right"></div>
<div class="down-left"></div>
</div>
</div>
</div>
واخيرا
اذهب الى ورقة تصميم
css
وضع بها هذا الكود كاملا مكان الموجود
وقدم
- الكود:
- /*-- couleur cadre au dessus fenétre d'édition --*/
.mrmario {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
/*hima elmasry*/
.code{
max-height: 200px;
overflow: auto;
direction: ltr;
display: block;
}
/*مركز الاكواد العربى*/
a.mainmenu img {
display:none;
}
a.mainmenu {
margin:0 -6px;
padding:5px;
background-color:#606060;
color:white;
text-decoration:none !important;
}
a.mainmenu:hover {
color:red;
background-color:#505050;
text-decoration:none;
}
a.mainmenu:focus {
color:blue;
text-decoration:none;
}
.mainmenu {
background-image: url('http://i25.servimg.com/u/f25/15/95/28/21/op_but11.png');
background-repeat: repeat-x;
padding-right: 16px;
padding-left: 17px;
margin-left: -13px;
color: #ffffff;
font-size: 13px;
font-weight : bold;
}
a.mainmenu{
text-decoration: none;
color : #ffffff;
}
tr.post td {
text-align: center;
}
/* الاقسام دائرية by c.ronaldo */
td.row1 {
background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] no-repeat scroll right top #F4F4F4;
border: 1px solid #C7C7C7;
border-radius: 18px 18px 18px 18px;
color: #707070;
font-family: arial,helvetica,verdana;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] no-repeat scroll right top #F4F4F4;
border: 1px solid #C7C7C7;
border-radius: 18px 18px 18px 18px;
color: #707070;
font-family: arial,helvetica,verdana;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-shadow: 2px 1px 1px #CECECE;
}
td.row3 {
background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] no-repeat scroll right top #F4F4F4;
border: 1px solid #C7C7C7;
border-radius: 18px 18px 18px 18px;
color: #707070;
font-family: arial,helvetica,verdana;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-shadow: 2px 1px 1px #CECECE;
}
body {
background: none repeat scroll 0 0 #13486C;
color: #000000;
font: 11px Tahoma;
margin: 0 0 0 2px;
padding: 0;
}
a:link, body_alink {
color: #000000;
text-decoration: none;
}
a:visited, body_avisited {
color: #000000;
text-decoration: none;
}
a:hover, a:active, body_ahover {
color: #333333;
}
.page {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
font: 11px Tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
td, th, p, li {
font: 10pt Tahoma;
}
.tborder {
background: none repeat scroll 0 0 #DEE8EE;
border: 2px solid #E5EEF4;
color: #000000;
font-family: Tahoma;
}
.tcat {
background: url("http://www.dev-point.com/vb/Dev-Extra/grad/2cat.gif") repeat-x scroll left top #C9E9FF;
color: #000000;
font: bold 10pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.tcat a:link, .tcat_alink {
color: #000000;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited {
color: #000000;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover {
color: #333333;
text-decoration: none;
}
.thead {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/3cat10.gif") repeat-x scroll left top #073C7B;
color: #FFFFFF;
font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.thead a:link, .thead_alink {
color: #FFFFFF;
}
.thead a:visited, .thead_avisited {
color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover {
color: #FFFFFF;
}
.tfoot {
background: none repeat scroll 0 0 #FDFBE7;
border: 1px dashed #E1DEC3;
color: #000000;
font-family: Tahoma;
}
.tfoot a:link, .tfoot_alink {
color: #333333;
}
.tfoot a:visited, .tfoot_avisited {
color: #333333;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover {
color: #666666;
}
.alt1, .alt1Active {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
font: bold 16px Arial;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink {
color: #1B5D8A;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited {
color: #1B5D8A;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover {
color: #3683B7;
}
.alt2, .alt2Active {
background: none repeat scroll 0 0 #EBF7FF;
color: #000000;
font: bold 16px Arial;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink {
color: #1B5D8A;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited {
color: #1B5D8A;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover {
color: #1B5D8A;
}
.inlinemod {
background: none repeat scroll 0 0 #FFFFCC;
color: #000000;
font-family: Tahoma;
}
.wysiwyg {
background: none repeat scroll 0 0 #F5F5FF;
color: #000000;
font: bold 16px Arial,verdana,geneva,lucida,'lucida grande',helvetica,sans-serif;
margin: 0;
padding: 0;
}
textarea, .bginput {
font: 10pt Tahoma;
}
.bginput option, .bginput optgroup {
font-family: Tahoma;
font-size: 10pt;
}
.button {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/3cat10.gif") repeat-x scroll left top #073C7B;
border: medium none;
color: #FFFFFF;
font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
margin-right: 2px;
padding: 2px;
}
select {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #000000;
font: 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
padding: 2px;
}
option, optgroup {
font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size: 11px;
}
.smallfont {
font: 11px Tahoma;
}
.time {
color: #CD3300;
font-family: Tahoma;
}
.navbar {
font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.highlight {
color: #FF0000;
font-family: Tahoma;
font-weight: bold;
}
.fjsel {
background: none repeat scroll 0 0 #C3EBF9;
color: #000000;
}
.fjdpth0 {
background: none repeat scroll 0 0 #F7F7F7;
color: #000000;
}
.panel {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px outset;
color: #000000;
font: 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
padding: 10px;
}
.panelsurround {
background: none repeat scroll 0 0 #F7F7F7;
color: #000000;
font: 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
legend {
color: #22229C;
font: 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.vbmenu_control {
background: url("http://www.dev-point.com/vb/Dev-Extra/grad/1cat.gif") repeat-x scroll left top #073C7B;
color: #FFFFFF;
font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
height: 25px;
padding: 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink {
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited {
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #0B198C;
color: #000000;
}
.vbmenu_option {
background: none repeat scroll 0 0 #DEF2FF;
color: #000000;
cursor: pointer;
font: 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
white-space: nowrap;
}
.vbmenu_option a:link, .vbmenu_option_alink {
color: #333333;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited {
color: #333333;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {
color: #000000;
text-decoration: none;
}
.vbmenu_hilite {
background: none repeat scroll 0 0 #EEF8FF;
color: #FFFFFF;
cursor: pointer;
font: 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
white-space: nowrap;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink {
color: #333333;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
color: #333333;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
color: #000000;
text-decoration: none;
}
.bigusername {
font-size: 14pt;
}
td.thead, th.thead, div.thead {
padding: 4px;
}
.pagenav a {
text-decoration: none;
}
.pagenav td {
padding: 2px 4px;
}
.shade, a.shade:link, a.shade:visited {
color: #777777;
text-decoration: none;
}
a.shade:active, a.shade:hover {
color: #FF4400;
text-decoration: underline;
}
.tcat .shade, .thead .shade, .tfoot .shade {
color: #DDDDDD;
}
.fieldset {
margin-bottom: 6px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li {
font-size: 11px;
}
.infouser {
background-color: #FFFFFF;
border-color: -moz-use-text-color #9EC1D9;
border-left: 3px solid #9EC1D9;
border-style: none solid;
border-width: medium 3px;
color: #000000;
font-family: Tahoma;
font-size: 11px;
letter-spacing: 0;
margin: 0 0 3px;
padding: 4px 5px;
vertical-align: middle;
width: 165px;
}
.avataruser img {
border: 1px dotted #6A581C;
margin: 10px auto 0;
padding: 5px;
}
.up-right {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/top-ri10.gif") no-repeat scroll 0 0 transparent;
float: right;
height: 28px;
width: 30px;
}
.up-left {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/top-le10.gif");
background-repeat: no-repeat;
float: left;
height: 28px;
width: 30px;
}
.bg1 {
text-align: justify;
}
.c-right {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/right10.gif") repeat-y scroll right center transparent;
margin-right: 2px;
padding-right: 7px;
}
.c-left {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/left10.gif") repeat-y scroll left center transparent;
padding-left: 6px;
}
.down {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/down-r10.gif");
background-repeat: repeat-x;
height: 31px;
}
.down-right {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/down-r11.gif");
background-repeat: no-repeat;
float: right;
height: 28px;
width: 30px;
}
.down-left {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/down-l10.gif");
background-repeat: no-repeat;
float: left;
height: 31px;
width: 30px;
}
#in_container {
background: none repeat scroll 0 0 #FFFFFF;
}
.clear {
clear: both;
}
.links {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/logo10.jpg");
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
font-family: Tahoma;
font-size: 11px;
height: 26px;
margin: 10px;
width: 165px;
}
.links a {
color: #FFFFFF;
float: left;
padding-left: 31px;
padding-top: 5px;
}
.links a:hover {
color: #E1F3FF;
}
img {
border: medium none;
}
.bginput {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #333333;
font: bold 11px tahoma;
margin-top: 3px;
padding: 3px;
}
.avataruser img {
border: 1px dotted #3D3D3D;
margin: 10px auto 0;
padding: 5px;
}
.quotes_header_r {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_06.png");
background-position: center center;
background-repeat: no-repeat;
float: right;
height: 38px;
width: 24px;
}
.quotes_header_l {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_03.png");
background-position: center center;
background-repeat: no-repeat;
float: left;
height: 38px;
width: 74px;
}
.quotes_header_c {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_05.png");
background-position: center center;
background-repeat: repeat-x;
height: 38px;
margin: 0 24px 0 74px;
}
.quotes_content_r {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_10.png");
background-position: right center;
background-repeat: repeat-y;
padding-right: 15px;
}
.quotes_content_l {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_12.png");
background-position: left center;
background-repeat: repeat-y;
padding-left: 15px;
}
.quotes_footer_r {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_16.png");
background-position: center bottom;
background-repeat: no-repeat;
float: right;
height: 23px;
width: 24px;
}
.quotes_footer_l {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_13.png");
background-position: center center;
background-repeat: no-repeat;
float: left;
height: 23px;
width: 24px;
}
.quotes_footer_c {
background-image: url("http://www.dev-point.com/vb/images/quotes/quotes_15.png");
background-position: center center;
background-repeat: repeat-x;
height: 24px;
margin: 0 24px;
}
.quotes_content_line {
background: url("http://www.dev-point.com/vb/images/quotes/quotes_09.png") no-repeat scroll right center white;
}
.quotes_content_co {
background: none repeat scroll 0 0 white;
}
.quotes_header_cont {
padding-top: 18px;
}
#logo {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/logo10.png");
background-repeat: no-repeat;
float: right;
height: 97px;
width: 302px;
}
.up {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/repeat10.gif");
background-repeat: repeat-x;
height: 28px;
}
.info {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://www.dev-point.com/vb/images/box-icons/info.png") no-repeat scroll 99% center #BFE4F9;
border: 1px solid #68A2CF;
color: #00AEFF;
direction: rtl;
margin: 10px auto;
padding: 0 0 2px;
width: 60%;
}
.info p {
color: #5487A4;
font-weight: bold;
margin: 12px 29px 9px 12px;
padding-right: 18px;
text-shadow: 0 0 0 #FFFFFF;
}
.new {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://www.dev-point.com/vb/mages/box-icons/new.png") no-repeat scroll 99% center #F7F7F7;
border: 1px solid #DADADA;
color: #00AEFF;
direction: rtl;
margin: 10px auto;
padding: 0 0 2px;
width: 60%;
}
.new p {
color: #5487A4;
font-weight: bold;
margin: 12px 29px 9px 12px;
padding-right: 18px;
text-shadow: 0 0 0 #FFFFFF;
}
.download {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://www.dev-point.com/vb/mages/box-icons/download.png") no-repeat scroll 99% center #E6F6CC;
border: 1px solid #C2D7A1;
color: #666666;
direction: rtl;
margin: 10px auto;
padding: 0 0 2px;
width: 60%;
}
.download p {
color: #4A60B7;
font-weight: bold;
margin: 12px 29px 9px 12px;
padding-right: 18px;
text-shadow: 0 0 0 #FFFFFF;
}
.download p a {
color: #70983F;
text-decoration: none;
text-shadow: 1px 1px 0 #EFFFDC;
}
.download p a:hover {
color: #486623;
text-shadow: 1px 1px 0 #EFFFDC;
}
tr.post td {
text-align: center;
}
td {
font-weight: bold;
}
#A7medvirus {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_b10.jpg");
border: 1px solid #C0C0C0;
border-radius: 15px 15px 15px 15px;
margin: 0 auto;
padding-bottom: 1px;
padding-top: 1px;
width: 20%;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}
#HiMa-ElMaSrY {
background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_b10.jpg");
border: 1px solid #C0C0C0;
border-radius: 15px 15px 15px 15px;
margin: 0 auto;
padding-bottom: 1px;
padding-top: 1px;
width: 20%;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}
/*ظل للروابط HIMA ELMASRY
*/
a:link, a:visited, a:active{
text-decoration : none;
}
a:hover{
text-shadow:0 0 20px;
}
/*ظل للروابط HIMA ELMASRY
*/
background-position:-280px -40px}a.sh-face{background-position:-350px -40px;margin-right:0}a.sh-mail:hover{background-position:0 1px}a.sh-feed:hover{background-position:-70px 1px}a.sh-tweet:hover{background-position:-140px 1px}a.sh-su:hover{background-position:-210px 1px}.sh-digg:hover{background-position:-280px 1px}a.sh-face:hover{background-position:-350px 1px}#text{font-family:helvetica,arial,sans-serif;font-weight:700;margin-top:5px}#text
a{color:#fff;font-size:11px;height:auto;padding-top:35px;text-align:center;text-decoration:none;text-indent:0}.vote .vote-bar-plus{background-color:#d50dc5}.profile_field_list li{display:inline}a:link{text-decoration:none}a:visited{text-decoration:none}a:active{text-decoration:none}.addthis_button{background:url(http://i17.servimg.com/u/f17/14/57/22/94/paylas11.gif) no-repeat;background-position:center right;font-size:0;padding:75px}.postbody{font-family:Trebuchet Ms;font-size:15px;font-weight:700}tr.post td{text-align:center}.bodyline{background:url(http://i48.servimg.com/u/f48/16/68/01/08/hima_b10.jpg);
url(gowetobilobed);border:0;margin:0;padding:0}body{background-position:center;margin:0;padding:0}a{text-decoration:none}::-moz-selection{background-color:green;color:#fff}.glossymenu{background:url(http://i70.servimg.com/u/f70/15/40/37/88/etudia10.png) repeat-x scroll 0 0 transparent;height:26px;list-style:none outside none;margin:0 auto;padding:0 0 0 34px;position:relative;text-align:right;text-transform:uppercase}.glossymenu li{float:right}.glossymenu li a{color:#000;cursor:pointer;display:block;float:right;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;height:26px;line-height:26px;padding:0 0 0 16px;text-align:right;text-decoration:none;text-transform:uppercase}.glossymenu li a b{display:block;float:right;padding:0 24px 0 8px;text-align:right;text-transform:uppercase}.glossymenu li a:hover,.glossymenu li.current a{background-position:left center;color:#fff;text-align:right;text-transform:uppercase}
{
- Digg
- Delicious
- StumbleUpon
- Facebook