كود صفحة html رمضانية من تصميمي - مجتمع uCoz العربي للدعم والمساعدة

مشاركة # 1 | 19:35 16.07.2012

السلام عليكم ورحمة الله وبركاته
أعزائي الأعضاء أنا قررت منذ فترة تعلم لغة html لكن تحتاج الى الوقت وأنا ليس لدي الى وقت قليل للجلوس على الحاسوب
لذا بدأت اتسلى قليلاً بالتصميم على الفرونت بيج وصممت هذه الصفحة العادية لا تحوي أي تأثيرات فقط صفحة عادية
تحوي صورة وبعض الروابط والأكواد
وهذا رابط معاينة للصفحة من هنا وهذا هو كود الصفحة

Code

<html>

<head>
<meta http-equiv="Content-Language" content="ar-sy">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>

<body link="#000080" vlink="#800080" alink="#808080" text="#000000" bgcolor="#006600" topmargin="5" leftmargin="5" rightmargin="5" bottommargin="5" marginwidth="5" marginheight="5">

رمضان كريم

<script type="text/javascript">
 var rainbowcount = 0;
 var glitcount=0;
 var glitstring='';
 var shimmercount=0;
 var shimmerstring='';
 var ie4 = false;
 if(document.all) {
 ie4 = true;
 }
 function setContent(name, value) {
 var d;
 if (ie4) {
 d = document.all[name];
 } else {
 d = document.getElementById(name);
 }
 d.innerHTML = value;
 }

 function getContent(name) {
 var d;
 if (ie4) {
 d = document.all[name];
 } else {
 d = document.getElementById(name);
 }
 return d.innerHTML;
 }

 function setColor(name, value) {
 var d;
 if (ie4) {
 d = document.all[name];
 } else {
 d = document.getElementById(name);
 }
 d.style.color = value;
 }

 function getColor(name) {
 var d;
 if (ie4) {
 d = document.all[name];
 } else {
 d = document.getElementById(name);
 }
 return d.style.color;
 }
 function toSpans(span) {
 var str=span.firstChild.data;
 var a=str.length;
 span.removeChild(span.firstChild);
 for(var i=0; i<a; i++) {
 var theSpan=document.createElement("SPAN");
 theSpan.appendChild(document.createTextNode(str.charAt(i)));
 span.appendChild(theSpan);
 }
 }
 function glitter(name, col, speed) {
 var value = getContent(name);
 while ( value.indexOf(" ", "-10") != (-1) ) {
 var value = value.replace(" ", "");
 };
 if (value.indexOf('<span') >= 0) { return; }
 var length = 0;
 var str = '';
 var ch;
 var token = '';
 var htmltag = false;
 for (i = 0; i < value.length; i++) {
 ch = value.substring(i, i+1);
 if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
 token += ch;
 if (ch == '<' && '/aAbBpPhHiIoOuUlLtT'.indexOf(nextch) >= 0) { htmltag = true; }
 if (ch == '>' && htmltag) { htmltag = false; }
 if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {
 str += '' + token + '';
 token = '';
 length++;
 }
 }
 setContent(name, str);
 glitcommand = 'glitterloop('' + name + '', ' + length + ', 0, 1, '' + col + '', ' + speed + ')';
 setTimeout(glitcommand , speed);
 }
 function shine(name, col, speed) {
 var value = getContent(name);
 while ( value.indexOf(" ", "-10") != (-1) ) {
 var value = value.replace(" ", "");
 };
 if (value.indexOf('<span') >= 0) { return; }
 var length = 0;
 var str = '';
 var ch;
 var token = '';
 var htmltag = false;
 for (i = 0; i < value.length; i++) {
 ch = value.substring(i, i+1);
 if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
 token += ch;
 if (ch == '<' && '/aAbBpPhHiIoOuUlLtT'.indexOf(nextch) >= 0) { htmltag = true; }
 if (ch == '>' && htmltag) { htmltag = false; }
 if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {
 str += '' + token + '';
 token = '';
 length++;
 }
 }
 setContent(name, str);
 shinecommand = 'shineloop('' + name + '', ' + length + ', 0, 1, '' + col + '', ' + speed + ')';
 setTimeout(shinecommand , speed);
 }
 function RainbowSpan(span, hue, deg, brt, spd, hspd) {
 this.deg=(deg==null?360:Math.abs(deg));
 this.hue=(hue==null?0:Math.abs(hue)%360);
 this.hspd=(hspd==null?3:Math.abs(hspd)%360);
 this.length=span.firstChild.data.length;
 this.span=span;
 this.speed=(spd==null?50:Math.abs(spd));
 this.hInc=this.deg/this.length;
 this.brt=(brt==null?255:Math.abs(brt)%256);
 this.timer=null;
 toSpans(span);
 this.moveRainbow();
 }
 RainbowSpan.prototype.moveRainbow = function() {
 if(this.hue>359) this.hue-=360;
 var color;
 var b=this.brt;
 var a=this.length;
 var h=this.hue;

 for(var i=0; i<a; i++) {

 if(h>359) h-=360;

 if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }
 else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }
 else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }
 else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }
 else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }
 else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }

 h+=this.hInc;

 this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")";
 }
 this.hue+=this.hspd;
 }
 function shineloop(name, length, ind, delta, col, speed) {
 var next = ind + delta;
 if (next >= length) { delta = delta * -1; next = ind + delta; }
 if (next < 0) { delta = delta * -1; next = ind + delta; }
 setColor(name + '_' + ind, getColor(name + '_' + next));
 setColor(name + '_' + next, col);
 shinecommand = 'shineloop('' + name + '', ' + length + ', ' + next + ', ' + delta + ', '' + col + '', ' + speed + ')';
 setTimeout(shinecommand , speed);
 }

 function glitterloop(name, length, ind, delta, col, speed) {
 var new_spd = Math.floor(Math.random()*31);
 var new_spd = (new_spd - 15);
 var new_spd = (new_spd + speed);
 var next = Math.floor(Math.random()*(length+1));
 if (next >= length) { delta = delta * -1; next = (-1); }
 if (next < 0) { delta = delta * -1; next = 1; }
 setColor(name + '_' + ind, getColor(name + '_' + next));
 setColor(name + '_' + next, col);
 glitcommand = 'glitterloop('' + name + '', ' + length + ', ' + next + ', ' + delta + ', '' + col + '', ' + speed + ')';
 setTimeout(glitcommand , new_spd);
 }
 </script>


 <div align="center">

 <script type="text/javascript">
function setcountdown(theyear,themonth,theday)
{
 yr = theyear;
 mo = themonth;
 da = theday;
}

setcountdown(2012,7,21);
var occasion = "المتبقى على شهر رمضان";
var message_on_occasion = "رمـــــضــــــان كــــــريــــــم";
var countdownwidth = '480px';
var countdownheight = '20px';
var opentags = '';
var closetags = '';
var montharray = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
var crosscount = '';

function start_countdown()
{
 if (document.layers)
 {
 document.countdownnsmain.visibility = "show";
 }
 else if (document.all||document.getElementById)
 {
 crosscount = document.getElementById&&!document.all ? document.getElementById("countdownie") : countdownie;
 }
 countdown();
}

if (document.all||document.getElementById)
{
 document.write('');
}

window.onload = start_countdown;

function countdown()
{
 var today = new Date();
 var todayy = today.getYear();

 if (todayy < 1000)
 {
 todayy += 1900;
 }

 var todaym = today.getMonth();
 var todayd = today.getDate();
 var todayh = today.getHours();
 var todaymin = today.getMinutes();
 var todaysec = today.getSeconds();
 var todaystring = montharray[todaym] + " " + todayd + ", " + todayy + " " + todayh + ":" + todaymin + ":" + todaysec;
 futurestring = montharray[mo-1] + " " + da + ", " + yr;
 dd = Date.parse(futurestring)-Date.parse(todaystring);
 dday = Math.floor(dd / (60 * 60 * 1000 * 24) * 1);
 dhour = Math.floor((dd % (60 * 60 * 1000 * 24)) / (60 * 60 * 1000) * 1);
 dmin = Math.floor(((dd % (60 * 60 * 1000 * 24)) % (60 * 60 * 1000)) / (60 * 1000) * 1);
 dsec = Math.floor((((dd % (60 * 60 * 1000 * 24)) % (60 * 60 * 1000)) % (60 * 1000)) / 1000 * 1);

 if (dday <= 0 && dhour <= 0 && dmin <= 0 && dsec <= 1 && todayd == da)
 {
 if (document.layers)
 {
 document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags);
 document.countdownnsmain.document.countdownnssub.document.close();
 }
 else if (document.all||document.getElementById)
 {
 crosscount.innerHTML = opentags + message_on_occasion + closetags;
 }
 return;
 }
 else if (dday <= -1)
 {
 if (document.layers)
 {
 document.countdownnsmain.document.countdownnssub.document.write(opentags + "" + closetags);
 document.countdownnsmain.document.countdownnssub.document.close();
 }
 else if (document.all||document.getElementById)
 {
 crosscount.innerHTML = opentags + "" + closetags;
 }
 return;
 }
 else
 {
 if (document.layers)
 {
 document.countdownnsmain.document.countdownnssub.document.write(opentags + occasion + " " + dday + " يوم و " + dhour + " ساعة و " + dmin + " دقيقة و " + dsec + " ثانية " + closetags);
 document.countdownnsmain.document.countdownnssub.document.close();
 }
 else if (document.all||document.getElementById)
 {
 crosscount.innerHTML = opentags + occasion + " " + dday + " يوم و " + dhour + " ساعة و " + dmin + " دقيقة و " + dsec + " ثانية " + closetags;
 }
 }
 setTimeout("countdown()", 1000);
}
</script>
</div>

<img border="0" src="http://forums.elissacafe.com/morbid_grapes/header.jpg" width="672" height="273">


<a href="http://bfitw.ucoz.com/forum/10-265-1">أذكار الصباح</a>

<a href="http://bfitw.ucoz.com/forum/10-266-1">أذكار
المساء</a>

<a href="http://www.4kotob.com/">كتب اسلامية</a>

<a href="http://www.4kotob.com/category/القرآن-والحديث/تفسير-القرآن-الكريم/">
تفسير القرآن الكريم</a>
 
 
<center>
<iframe align="center" id="IW_frame_1438" src="http://www.tvquran.com/add/Alsudaes.htm" frameborder="0" allowtransparency="1" scrolling="no" width="302" height="334" target="_blank"></iframe></center>
 
<h3 align="left"><a href="bfitw.ucoz.com">
عهد الأصدقاء</a></h3>
</body>

</html>

انتظر آرائكم بها وهي فقط بداية وان شاء الله احترف التصميم على الفرونت بيج
ادعولي

My WebPage

مشاركة حٌررت بواسطة BFITW - الإثنين, 16.07.2012, 19:36

آخر تحديثات uCoz

آخر المواضيع