الـسـلام عـليكـم
اليوم اقدم لكم كود Css رائع من صنعى للمواقع الاجتماعية اعلى الهيدر على الشمال .
لرؤيـة مثال حى ادخل على الموقع الموجود فى معلوماتى .
او من هنــــا .
و يوجد اكثر من شكل ليناسب جميع الاذواق .
للتحميل من المرفقات
نيجى للشرح .
ارفع ايقونات الى تعجبلكـ من التلاتة الى مجلد vb/images .
بعد كده
انا رافق الكود فى ملف تكست فى المرفقات .
خش علية عدل البيانات بما يناسب موقعكـ .
عدل ده :
index.php = رابط ايقونة Rss
index.php = رابط ايقونة Twitter
index.php = رابط ايقونة Facebook
برابط الصفحه موقعك على تلكـ المواقع لو ليس لديكـ صفحه على احد من المواقع اتركها بلا تعديل و هيعمل تحول للصفحه المنتدى مره آخرى .
وضع الكود آخر قالب الهيدر و احفظ .
و سوف تظهر اعلى الهيدر .
لرؤيـة مثال حى ادخل على الموقع الموجود فى معلوماتى .
او من هنــــا .
و يوجد اكثر من شكل ليناسب جميع الاذواق .
للتحميل من المرفقات
نيجى للشرح .
ارفع ايقونات الى تعجبلكـ من التلاتة الى مجلد vb/images .
بعد كده
انا رافق الكود فى ملف تكست فى المرفقات .
خش علية عدل البيانات بما يناسب موقعكـ .
عدل ده :
كود:
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!--
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//-->
</script>
<script language="javascript" type="text/javascript">
<!--
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body>
<div id="nav1" style="position:absolute; left:1px; top:3px; z-index:0"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/facebook1.gif',1)" href="[COLOR=Indigo]index.php[/COLOR]"><img name="nav10" onLoad="MM_preloadImages('images/facebook.gif')" alt="" border=0 src="images/facebook.gif"></a></div>
<div id="nav2" style="position:absolute; left:37px; top:3px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/twitter1.gif',1)" href="[COLOR=Blue]index.php[/COLOR]"><img name="nav20" onLoad="MM_preloadImages('images/twitter.gif')" alt="" border=0 src="images/twitter.gif"></a></div>
<div id="nav3" style="position:absolute; left:73px; top:3px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav30','','images/rss1.gif',1)" href="[COLOR=Red]index.php[/COLOR]"><img name="nav30" onLoad="MM_preloadImages('images/rss.gif')" alt="" border=0 src="images/rss.gif"></a></div>
</body>index.php = رابط ايقونة Rss
index.php = رابط ايقونة Twitter
index.php = رابط ايقونة Facebook
برابط الصفحه موقعك على تلكـ المواقع لو ليس لديكـ صفحه على احد من المواقع اتركها بلا تعديل و هيعمل تحول للصفحه المنتدى مره آخرى .
وضع الكود آخر قالب الهيدر و احفظ .
و سوف تظهر اعلى الهيدر .
تحياتى .
