أهلا وسهلا بك إلى منتديات رشيد سلاوي الاسلامية.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

الرئيسيةالرئيسية  أحدث الصورأحدث الصور  اقرا القران اقرا القران  التسجيلالتسجيل  دخول  



هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات WZcFEtهذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات 5Vgike
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك درر وحكم وعبر
شارك اصدقائك شارك اصدقائك 10 طرق لتعليم الأولاد الخطأ من الصواب.
شارك اصدقائك شارك اصدقائك 10 أشياء ترغب حماتك أن تخبرك بها
شارك اصدقائك شارك اصدقائك الغيرة عند الاطفال.
شارك اصدقائك شارك اصدقائك أعظم قصه للأم يلقيها الشيخ نبيل العوضي
شارك اصدقائك شارك اصدقائك اراد قتل امه فخسف الله به الارض قصه مؤثره جدا جدا
شارك اصدقائك شارك اصدقائك الله الله على هذا الموضوع الي فاق الروعه ابي وامي
شارك اصدقائك شارك اصدقائك مظاهر العنف لدى الطلبة الجامعيين
شارك اصدقائك شارك اصدقائك عبادات سهله
شارك اصدقائك شارك اصدقائك كيف نطور ذاتنا بالإسلام ؟
الثلاثاء أغسطس 08, 2017 10:22 pm
الخميس يناير 05, 2017 11:14 am
الخميس يناير 05, 2017 11:12 am
الخميس يناير 05, 2017 11:08 am
الخميس يناير 05, 2017 10:14 am
الخميس يناير 05, 2017 10:12 am
الأحد ديسمبر 18, 2016 8:01 am
الأحد ديسمبر 18, 2016 8:00 am
الأحد ديسمبر 18, 2016 7:59 am
الأحد ديسمبر 18, 2016 7:57 am
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!



منتديات رشيد سلاوي الاسلامية :: منتدى: برمجيات ونظم معلومات :: إضافات بلوجر المميزة Blogger widget

شاطر

هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات Emptyالسبت أكتوبر 03, 2015 5:59 pm
المشاركة رقم:

حامل المسك محمد حموده

إحصائية العضو

عدد المساهمات : 67
نقاط : 201
تاريخ التسجيل : 14/08/2015
العمر : 47
مُساهمةموضوع: هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات


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







هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات T%25C3%25A9l%25C3%25A9chargement%2B%25281%2529
هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات T5
 بسم الله الرحمن الرحيم


والصلاة والسلام على أشرف المرسلين


سيدنا محمد وعلى آله وصحبه أجمعين






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



أولاً :أكواد النصوص  
كود النص العريض

اكتب النص هنا

كود تحديد اتجاه النص  


اكتب هنا النص الذي سيظهر من اليمين إلى اليسار



كود التحكم فى حجم الخط ولونه ونوعه

اكتب هنا ما تريد

أكواد الألوان موجودة هـــــــــنـــــاااااااااا 

كود نص يتحرك لأعلى





اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1

اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2

مدونة كن داعيا للخير 3

اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4

......



كود نص يتمدد وينكمش






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)



مدونة كن داعيا للخير


كود نص متأرجح يميناً ويسارا

مدونة كن داعيا للخير
 
كود إظهار نصوص بها روابط بالتناوب





var tickercontents=new Array()
tickercontents[0]='مدونة كن داعيا للخير text'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط text'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط text'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط text'
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 (clipwidthclipwidth+=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




كود نص متحرك






مدونة كن داعيا للخير


كود شريط متحرك مع روابط


  
كود نص يضئ بالتدريج








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('')
for (m=0;mdocument.write(''+message.charAt(m)+'')
document.write('
')
}
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//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 (nn++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

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





كود نص يضئ بألوان مختلفة





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

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

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


if (document.all||document.getElementById){
document.write('' + text + '')
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
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()




ثانياً :  أكواد الصور



كود إضافة صورة



كود صورة مع رابط





 كود تغيير الصور تلقائيا






/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]=''
pausecontent[1]=''
pausecontent[2]=''
pausecontent[3]=''




/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('
'+content[0]+'
')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}




//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("
")






 كود صور متحركة

src="رابط الصورة المتحركة"
onload="NcodeImageResizer.createOn(this);" border="0"
originalWidth="250" originalHeight="270">



كود شريط الصور المتحرك مع روابط


يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى  down أو right أو lift 








 ثالثاً : أكواد الروابط


كود إضافة رابط



فتح الرابط في نافذة جديدة
  


 
فتح الرابط في نفس النافذة



 

لون الرابط

Nom du site



رابعا:أكواد إسلامية



كود القرآن الكريم  ويمكن معاينة المصحف من  هنــا






شريط الحديث والدعاء
align="center"
src="http://www.wathakker.net/outdoor-strip-marquee.html"
frameborder="0" allowtransparency="1" scrolling="no" width="474"
height="41" vspace="0">

تابع أيضًا: 

كود أذكار الصباح والمساء


خامسا:أكواد إخبارية

أخبار BBC






شريط قناة الجزيرة





شريط العربية نت 





سادسا:سكربتات متنوعة


كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)








كود إضافة صفحة موقع داخل صفحة موقعك







سكربت طباعة الصفحة



سكريبت آلة حاسبة


function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}

الألة الحاسبة
الإلكترونية




























name=expr action="compute(this.form)">




















color="#0000FF">




المصدر: منتديات رشيد سلاوي



توقيع : حامل المسك محمد حموده




مواضيع ذات صلة






الــرد الســـريـع
..

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات , هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات , هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات ,هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات ,هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات , هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات ] مخالف ,, من فضلك راسل الإدارة من هنا




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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


ضع لايك من اجل جديدنا
قم بالاعجاب بالصفحة لمتابعة جديد اخبار منتديات رشيد سلاوي الاسلامية
زوار المنتدى
هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات Flags_0