เวอร์ชั่นเต็ม: [NEW!] CODE :: โค้ดมาใหม่ ทดลองใช้ได้ค่ะ

[NEW!] CODE :: โค้ดมาใหม่ ทดลองใช้ได้ค่ะ

[size=3][color=Green]โค้ดทั้งหมดนี้ ไม่รู้ว่าเคยใช้กันหรือยัง
แต่ส่วนมากมันจะมีในพวก ไดอารี่ บล็อก หรือ เว็บ
hi5 ส่วนใหญ่ไม่ค่อยมีคนลง เผื่อ ๆ เพื่อน อยากลองโค้ดใหม่ ๆ เลยหามาให้ค่ะ

มาเลยค่ะมาดูโค้ดกัน  โค้ดเปิด <style>  โค้ดปิด </style>[/color]

[color=DarkRed][b]1. การทำ title bar วิ่งได้[/b]
count=1;
txt="ใส่ข้อความตรงนี้";
function txtrun()
{
txtshow=txt.substring(count);
document.title=txtshow;
status=txtshow;
count=count+1;
if (count>txt.length)
{
count=0;
}
setTimeout("txtrun()",200);
}
txtrun();[/color]


[color=Red][b]2. เปลี่ยนสีและเปลี่ยนด้าน scrollbar ไปทางซ้าย[/b]
BODY {
SCROLLBAR-FACE-COLOR: #000000;

SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #ffffff;
DIRECTION: rtl;
SCROLLBAR-ARROW-COLOR: #ff0000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #000000;
scrollbar-3d-light-color: #000000
}[/color]


[color=Sienna][b]3.ตัวนี้ทำให้เมาท์เปลี่ยนเป็นเครื่องหมายคำถาม(?)
แล้วเมื่อชี้ไปที่ลิงค์จะมี underline (เส้นใต้)overline(เส้นขอบบน)[/b]
:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
A:hover{text-decoration:underline overline blink; background-color:#000000;}
a:link { cursor : help }
a:active { cursor : help }
a:visited { cursor : help }
a:hover { cursor : help } [/color]

[color=DarkOrange][b]
4.การกำหนดตัวอักษรสีแบบไล่สีที่ลิงค์[/b]
a:hover {
text-decoration: none;
background-color: none;
height: 0;
filter: alpha(opacity=20, finishopacity=80, style=2);
color: #DD6C75;
}
a:link {
text-decoration: none;
background-color: white;
color: #DD6C75;
height: 0;
filter: alpha(opacity=20, finishopacity=80, style=1);
}
a:visited {
text-decoration: none;
background-color: white;
color: #DD6C75;
height: 0;
filter: alpha(opacity=20, finishopacity=80, style=1);
}
a:active {
background-color: white;
text-decoration: none;
color: #FF6699;
height: 0;
filter: alpha(opacity=20, finishopacity=80, style=1);
}[/color]

[color=DarkOliveGreen]
[b]5.ทำลิงค์สีรุ้ง[/b]

var rate = 20; // Increase amount(The degree of the transmutation)
var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}[/color]


[color=Olive][b]6.ลิงค์สลับข้าง เมื่อเอาเมาท์ชี้ลิงค์ไม่ว่าจะรูปหรือข้อความมันจะกลับข้าง[/b]
a:link { color: #63B8FF; text-decoration: none}
a:visited { color: #63B8FF; text-decoration: none}
a:active { color: #63B8FF; text-decoration: none}
a:hover { color: #63B8FF; text-decoration: none;FILTER:fliph; HEIGHT:0} [/color]


[color=DarkGreen][b]7.กำหนดตำแน่งภาพพื้นหลัง[/b]
body{
font-size:13px;
background-image: url("ใส่ url ภาพ");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:30% 50%;
}[/color]
[color=DimGray]****** background-position:30% 50%; คือตำแหน่งที่คุณต้องใส่[/color]


[color=Green][b]8.กำหนดขนาดตัวอักษรและสีที่ใช้[/b]
body {
font-family: Verdana; /* ชื่อลักษณะตัวอักษร */
font-size: 8pt;
color: #5D5D5D;
background-color: #ffffff;
margin: 0;
padding: 0;
}[/color]

[align=center]\\----------------------------THE END!-------------------------//[/align]


อย่าลืมใส่โค้ดเปิด โค้ดปิดเองด้วยนะค่ะ[/size]

ขอบคุณ คนที่เคยทิ้งกันคนก่อนๆๆ
55+
พี่จิ๊บ
น่าร๊ากวุ้ย
อิอิ
มาเม้นๆๆ
แล้วก้อขุดดๆๆ
แล้วก้อสูบบบ
หุหุ

ขอบคุนคร่า


:lol :lol

โค้ด เพิ่ม เติม ^^

ขอบคุนด้วยค่า..จะลองไปใช้ดูนะ:g_22

ขอบคุนมาก ๆ คับ

............................................

............................................

ขอบคุงมาก  ๆ จ้ะ

ขอบคุงมากจ้า

ขอบคุนมากมายอะ

thx............