karaneha

مشکل در طرز استفاده از چند کد اسکریپت

4 پست در این موضوع قرار دارد

با سلام خدمت همه ي دوستان گرامي

من 2 تا سوال دارم در مورد استفاده از يک سري کد.

(لطفا هرکي بلده و ميتونه جواب بده ديگه :unsure: !!!)

سوال اول: من کد زير رو که مخصوص بکگراند صفحه ست، از سايت http://www.fabulant.com گرفتم، ولي طرز استفاده از اون رو بلد نيستم، مي خوام بکگراند سايتم همون شکلي بشه، کد رو داخل يه صفحه ي notepad ميذارم، بعد با فايرفاکس باز ميکنم درسته، ولي نميدونم بايد داخل کدوم فايل پوسته ي سايتم بذارمش تا بکگراندم اين شکلي بشه، داخل style.css يا ...؟؟؟؟؟؟؟؟؟ اصلا طرز استفادش چیه؟

<script>

// CREDITS:

// Gradient Background Fader, random colors

// by Peter Gehrig

// Copyright © 2003 Peter Gehrig. All rights reserved.

// Permission given to use the script provided that this notice remains as is.

// Additional scripts can be found at http://www.fabulant.com

// info@fabulant.com

// 11/20/2003

// IMPORTANT:

// If you add this script to a script-library or a script-archive

// you are required to insert a highly visible link to http://www.fabulant.com

// right into the webpage where the script

// will be displayed.

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION STARTS HERE

///////////////////////////////////////////////////////////////////////////

// Select fade-effect below:

// Set 1 if the background may fade from dark to medium

// Set 2 if the background may fade from light to medium

// Set 3 if the background may fade from very dark to very light light

// Set 4 if the background may fade from light to very light

// Set 5 if the background may fade from dark to very dark

var fade_effect=3

// What type of gradient should be applied Internet Explorer 5x or higher?

// Set "none" or "horizontal" or "vertical"

var gradient_effect="horizontal"

// Speed higher=slower

var speed=60

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

var browserinfos=navigator.userAgent

var ie4=document.all&&!document.getElementById

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns4=document.layers

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie4||ie5||ns4||ns6||opera

if (fade_effect==1) {

var darkmax=1

var lightmax=127

}

if (fade_effect==2) {

var darkmax=127

var lightmax=254

}

if (fade_effect==3) {

var darkmax=1

var lightmax=254

}

if (fade_effect==4) {

var darkmax=190

var lightmax=254

}

if (fade_effect==5) {

var darkmax=1

var lightmax=80

}

var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var newred

var newgreen

var newblue

var oldred

var oldgreen

var oldblue

var redcol_1

var redcol_2

var greencol_1

var greencol_2

var bluecol_1

var bluecol_2

var oldcolor

var newcolor

var firsttime=true

var stepred=1

var stepgreen=1

var stepblue=1

function setrandomcolor() {

var range=(lightmax-darkmax)

if (firsttime) {

newred=Math.ceil(range*Math.random())+darkmax

newgreen=Math.ceil(range*Math.random())+darkmax

newblue=Math.ceil(range*Math.random())+darkmax

firsttime=false

}

oldred=Math.ceil(range*Math.random())+darkmax

oldgreen=Math.ceil(range*Math.random())+darkmax

oldblue=Math.ceil(range*Math.random())+darkmax

stepred=newred-oldred

if (oldred>newred) {stepred=1}

else if (oldred<newred) {stepred=-1}

else {stepred=0}

stepgreen=newgreen-oldgreen

if (oldgreen>newgreen) {stepgreen=1}

else if (oldgreen<newgreen) {stepgreen=-1}

else {stepgreen=0}

stepblue=newblue-oldblue

if (oldblue>newblue) {stepblue=1}

else if (oldblue<newblue) {stepblue=-1}

else {stepblue=0}

fadebg()

}

function fadebg() {

if (newred==oldred) {stepred=0}

if (newgreen==oldgreen) {stepgreen=0}

if (newblue==oldblue) {stepblue=0}

newred+=stepred

newgreen+=stepgreen

newblue+=stepblue

if (stepred!=0 || stepgreen!=0 || stepblue!=0) {

redcol_1 = hexc[Math.floor(newred/16)];

redcol_2 = hexc[newred%16];

greencol_1 = hexc[Math.floor(newgreen/16)];

greencol_2 = hexc[newgreen%16];

bluecol_1 = hexc[Math.floor(newblue/16)];

bluecol_2 = hexc[newblue%16];

newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2

if (ie5 && gradient_effect!="none") {

if (gradient_effect=="horizontal") {gradient_effect=1}

if (gradient_effect=="vertical") {gradient_effect=0}

greencol_1 = hexc[Math.floor(newred/16)];

greencol_2 = hexc[newred%16];

bluecol_1 = hexc[Math.floor(newgreen/16)];

bluecol_2 = hexc[newgreen%16];

redcol_1 = hexc[Math.floor(newblue/16)];

redcol_2 = hexc[newblue%16];

var newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2

document.body.style.filter=

"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")"

}

else {

document.bgColor=newcolor

}

var timer=setTimeout("fadebg()",speed);

}

else {

clearTimeout(timer)

newred=oldred

newgreen=oldgreen

newblue=oldblue

oldcolor=newcolor

setrandomcolor()

}

}

if (browserok) {

window.onload=setrandomcolor

}

</script>

لطفا راهنماييم کنيد و در کل براي چگونگي استفاده از کدهاي اين سايت يه توضيح بديد. البته خود این سایت گفته ولی من اون کاری که گفته انجام دادم نشد.......!!!

سوال دوم: کد زير براي تايپ شدن يک متن در صفحه کاربرد داره، ولي با اين کدهم دقيقا همون مشکل بالا رو دارم، ميخوام اين کد رو يه جايي زير هدر سايتم قرار بدم و يه سري اخبار و اطلاعات رو به صورت تايپ کردني نمايش بدم، ولي باز هم نميدونم بايد چجوري و در کدام قسمت فايلهاي قالب سايتم قرار بدم.

همچنین بفرمایید اگه بخوام از این کد و قبلیش برای فقط یک مطلب( در ارسال یک نوشته ی جدید) استفاده کنم، باید چیکار کرد؟

<script>

// CREDITS:

// Newsticker

// By Peter Gehrig

// Copyright © 2010 Peter Gehrig. All rights reserved.

// Permission given to use the script provided that this notice remains as is.

// Additional scripts can be found at http://www.fabulant.com

// IMPORTANT:

// If you add this script to a script-library or script-archive

// you have to add a highly visible link to

// http://www.fabulant.com on the webpage

// where this script will be featured

var text=new Array()

var textlink=new Array()

var texttarget=new Array()

/////////////////////////////////////////////////////////////////////

// START OF

// CONFIGURATION ZONE

////////////////////////////////////////////////////////////////////

// Your messages. Add as many as you like. Experienced webmasters may even embed simple HTML-tags (see samples below)

text[0]="<strong>Onvane paragraph avval </strong><br>yek adad mushe zebel be dam oftad."

text[1]="<strong>عنوان پاراگراف دوم </strong><br>متن پاراگراف اول متن خبر بايد متناسب با کادر باشد در يک سطر نوشته شودو با . به پايان برسد ."

text[2]="<strong>عنوان پاراگراف سوم </strong><br>متن پاراگراف اول متن خبر بايد متناسب با کادر باشد در يک سطر نوشته شودو با . به پايان برسد ."

// Add a link for each message

// Enter "#" if you don't want to link a message (see sample below)

textlink[0]="http://آدرس لينک پاراگراف اول"//بايد با http://آغاز شود

textlink[1]="http://آدرس لينک پاراگراف دوم"

textlink[2]="http://آدرس لينک پاراگراف سوم"

// Add the target of the link

// Corect values are "_blank","_top", "_self", "_parent" or the name of any frame

texttarget[0]="_blank" //"پنچره اي که لينک در آن باز مي شود معروف ترين تابع ها _blank براي باز شدن در پنجره ديگر_selfبراي باز شدن داخل وبلاگ

texttarget[1]="_self"

texttarget[2]="_parent"

// Font

var textfont="Arial"// نام فونت پيشنهاد مي شود از فونتهاي يوني کد مانند Arial,Tahoma,...استفاده گردد

// Font-color

var textfontcolor="#000000"// رنگ متن مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....

// Font-color on rollover

var textfontcolorrollover="#FF0000" // رنگ متن هنگامي که موس بر روي آن قرار مي گيرد

// Font-size

var textfontsize=9 //سايز فونت بر حسب pt

// Enter true "true" if you want add an underline, else add "none"

var textdecoration="none" // وضعيت خط کشي همرا کلمه underline براي زير خط none براي خط نداشتن

// Background-color

var textbgcolor="Gold" // رنگ جعبه مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....

// Font-weight. Enter "bold" or "normal"

var textweight="normal" // وضعيت ضخامت فونت

// Font-style. Enter "italic" or "normal"

var textitalic="normal" // وضعيت خميدگي فونت

// width and height of ticker (pixels)

var textwidth=800 // اندازه طول جعبه نمايش

var textheight=60 // اندازه عرض جعبه نمايش

// Pause between the Messages (Sekunden)

var textpause=3 // مدت زمان توقف هر پاراگراف بر حسب ثانيه

// Border-width (write 0 if you don't want to add a border)

var textborder=5 // اندازه بردار بر حسب پيکسل

// Border-color

var textbordercolor="#336699"// رنگ بردار مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....

// Speed (higher=slower)

var speed=70 // سرعت هرچه عدد بالاتر رود کندتر تايپ مي کند

// پايان بخش کنترل به ادامه لينک ها دست نزنيد

/////////////////////////////////////////////////////////////////////

// END OF

// CONFIGURATION ZONE

////////////////////////////////////////////////////////////////////

// Do not edit below this line

document.write("<table border=0 cellpadding=0 cellspacing=0>")

document.write("<tr><td width="+textwidth+" height="+textheight+" valign=top dir=rtl>")

var textalign="right"

var textvalign="top"

var textitalicA=""

var textitalicB=""

var textweightA=""

var textweightB=""

var textfontsizeHTML=1

var i_mes=0

var i_substring=0

var i_presubstring=0

var i_text=0

var textcontent=""

var notag=true

var textpresubstring=""

var textaftersubstring=""

textpause*=1000

var browserinfos=navigator.userAgent

var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/)

var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)

var opera=browserinfos.match(/Opera/)

function gettextcontent() {

tablewidth=textwidth-2*textborder

tableheight=textheight-2*textborder

textpresubstring=text[i_text].substring(0,i_presubstring)

var i_prepre=i_presubstring-1

if (i_prepre<0) {i_prepre=0}

if (text[i_text].substring(i_prepre,i_presubstring)=="<"){notag=false}

if (text[i_text].substring(i_prepre,i_presubstring)==">"){notag=true}

if (notag) {

textcontent="<table border=0 cellpadding=4 width="+tablewidth+" height="+tableheight+" dir=rtl><tr valign="+textvalign+"><td align="+textalign+">"

textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onmouseover=\"this.style.color=\'"+textfontcolorrollover+"\'\" onmouseout=\"this.style.color=\'"+textfontcolor+"\'\">"

textcontent+=textpresubstring

textcontent+="</a>"

textcontent+="</td></tr></table>"

}

}

function showtickerNS6() {

textcontent="<table border=0 cellpadding=4 width="+textwidth+" height="+textheight+"><tr valign="+textvalign+"><td align="+textalign+">"

textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onmouseover=\"this.style.color=\'"+textfontcolorrollover+"\'\" onmouseout=\"this.style.color=\'"+textfontcolor+"\'\">"

textcontent+=text[i_text]

textcontent+="</a>"

textcontent+="</td></tr></table>"

document.getElementById("ticker").innerHTML=textcontent

i_text++

if (i_text>=text.length-1) {i_text=0}

var timer=setTimeout("showtickerNS6()", 2*textpause)

}

function showticker() {

if (i_substring<=text[i_text].length) {

i_substring++

i_presubstring=i_substring-1

if (i_presubstring<0) {i_presubstring=0}

gettextcontent()

if (ie4) {

ticker.innerHTML=textcontent

var timer=setTimeout("showticker()", speed)

}

if (ie5 || opera || ns6) {

document.getElementById("ticker").innerHTML=textcontent

var timer=setTimeout("showticker()", speed)

}

}

else {

clearTimeout(timer)

var timer=setTimeout("changetext()", textpause)

}

}

function changetext() {

i_substring=0

i_presubstring=0

i_text++

if (i_text>text.length-1) {

i_text=0

}

showticker()

}

if (ie5 || ns6 || opera) {

if (ns6) {

textwidth-=2*textborder

textheight-=2*textborder

}

document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+'">')

document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+textwidth+'px;height:'+textheight+'px;"></span>')

document.write('</div>')

}

window.onload=showticker

document.write("</td></tr></table>")

</script>

البته خیلی کدهای دیگم هست، مثلا مثل " کد حرکت متن بصورت تیتراژ فیلم ها " و ... که طرز استفاده شون رو نمیدونم ولی فکر می کنم با جواب این 2 سوال بتونم از اونها نیز استفاده کنم.

ممنون از همه ی اونایی که خوندن و انشاالله جواب میدن.

یا علی

به اشتراک گذاری این پست


لینک به پست

برای گرادینت بهتره از css3 استفاده کنید و اینهمه کد و مشکل هم نداره. نمونه:

http://css-tricks.com/examples/CSS3Gradient/

برای تایپر هم بهتره از افزونه برای وردپرس استفاده کنید:


http://wordpress.org/extend/plugins/wp-newsticker/
http://wordpress.org/extend/plugins/message-ticker/
http://wordpress.org/extend/plugins/news-ticker/


http://wordpress.org/extend/plugins/tags/ticker
http://helpforwp.com/plugins/wp-stock-ticker/

به اشتراک گذاری این پست


لینک به پست

با سلام

آقا مرتضی عزیز، خیلی ممنون و سپاسگزارم از جواب شما.

میشه بفرمایید از همون کدهای css3 ای که فرمودید کدوم قسمت قالب باید استفاده کرد؟؟؟ باید فایل جدیدی اضافه کنم به قالب یا...؟؟؟؟؟

ولی من میخوام طرز استفاده از اون کدا رو یادبگیرم........

من توی سوالم نه افزونه خواستم نه کد دیگه ای...

لطفن دوستان سوال رو جواب بدن!!!

ممنووووووووووووووون

ویرایش شده در توسط karaneha

به اشتراک گذاری این پست


لینک به پست

برای کدی که بنده دادم کافیه استیال رو به body اضافه کنید. کار میکنه.

اما کد شما:

این کدها رو معمولا میشه در بدنه سایت مثلا در تگ body قرار داد و کار میکنه.

همچنین میشه بخش داخلی کد رو توی یک فایل .js قرار داد و در صفحه فراخوانی کرد.

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری