ودبشير ارض الشمال
مرحبا بالزاير الكريم انت لم تسجل بعد سارع
بالتسجيل
او الدخول
‏ ‏ نرجو ان تجدوا ما يسركم و نتعاون معا ليرتقي الي ما نصبو اليه

والله ولي التوفيق
ودبشير ارض الشمال

اسلاامي / اجتماعي / ثقافي / رياضي/ برامج والعاب / اكواد دعم منتديات
 
الرئيسيةالرئيسية  البوابةالبوابة  المنشوراتالمنشورات  التسجيلالتسجيل  دخول  صفحتنا على الفيس بكصفحتنا على الفيس بك  

شاطر | 
 

 مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
avatar

عدد المساهمات : 795
تاريخ التسجيل : 30/03/2012
العمر : 62
الموقع : wadbashir.forumotion.com

مُساهمةموضوع: مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات    الأحد أكتوبر 04, 2015 8:10 pm

الكود:
[center][size=13][size=18][b]أولاً :أكواد النصوص  [/b][/size][/size][/center]
كود النص العريض[size=13][/size]
[size=13]<b>اكتب النص هنا </b>
[/size]
[size=13][/size]
كود تحديد اتجاه النص  [size=13][/size]
[size=13][/size]
[size=13]<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>
[/size]
[size=13][/size]
كود التحكم فى حجم الخط ولونه ونوعه[size=13][/size]
[size=13]<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>[/size]
[size=13][/size]
أكواد الألوان موجودة هـــــــــنـــــاااااااااا [size=13][/size]
[size=13][/size]
كود نص يتحرك لأعلى[size=13][/size]
[size=13]<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">


<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2
<br>مدونة كن داعيا للخير 3
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4
<br>......</center>
</marquee>
[/size]
[size=13][/size]
كود نص يتمدد وينكمش[size=13][/size]
[size=13]<table align="center" width="98%"><tr><td>

<HTML>
<HEAD>
<script language="JavaScript">
var sizes = new Array("0px", "1px", "2px", "3px", "4px");
sizes.pos = 0;
function elast() {
var el = document.all.elastic;
if (null == el.direction)
   el.direction = 1;
else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
   el.direction *= -1;
   el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
setInterval('elast()', 100)
</script>
</HEAD>
<BODY>
<h1 align="center" id="elastic"><font size="3">مدونة كن داعيا للخير</font></hi>
</BODY>
</HTML></td></tr></table>
[/size]
[size=13][/size]
كود نص متأرجح يميناً ويسارا[size=13][/size]
[size=13]<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة كن داعيا للخير</marquee>
[/size]
 [size=13][/size]
كود إظهار نصوص بها روابط بالتناوب[size=13][/size]
[size=13]<div style="position:relative;center:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/">text</a>'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>
[/size]

[size=13][/size]
كود نص متحرك[size=13][/size]
[size=13]<div align="center">
<table border="0" width="100%" style="border-collapse: collapse">
<tr><td class="alt1" colspan="3"><b>
<font size="4" color="000000">
<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير </marquee></font></b></td>
</tr></table></div>
[/size]
[size=13][/size]
كود شريط متحرك مع روابط[size=13][/size]
[size=13][/size]
[size=13]<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">
<a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------
 </marquee>[/size]
  [size=13][/size]
كود نص يضئ بالتدريج[size=13][/size]

[size=13][/size]
[size=13]<h2>
<script language="JavaScript1.2">



var message="مدونة كن داعيا للخير"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>
</font></p>[/size]
[size=13][/size]
كود نص يضئ بألوان مختلفة[size=13][/size]
[center][size=13][left]<b>
<font size="5">
<script>

// ********** عدل هنا

var text="مدونة كن داعيا للخير"
var speed=80 // سرعه تغير الالوان

// ********** لا تعدل شي هنا


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
</font></p>[/left][b][b][b][b][b]

[size=18][b]ثانياً :  أكواد الصور[/b][/size][/size][b][b][b][b][/center][b][b][b][b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://wadbashir.yoo7.com
 
مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع اكثر من ستايل لمنتداك
» كود ساعه رقميه
» كود المتواجدون باعلام الدول
» كوشة كودات html مهمة للكل.....
» كود وضع صفحة html داخل اطار..

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ودبشير ارض الشمال :: القسم الرابع العلوم التقتيه :: اكواد متنوعه-
انتقل الى: