หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: โค้ดjavaต่างๆๆ(new)  (อ่าน 4674 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
KANOMKIEWZA
Hi5 ผู้เฉลียวฉลาด
**

Popular 4
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 148


« เมื่อ: มีนาคม 02, 2008, 10:31:35 am »

ข้อความต้อนรับ
<script language="JavaScript">
function loadalert ()
{alert(" เปลี่ยนตรงนี้")
}
loadalert()
</script>

ข้อความบอกลา

<Script Language="VBScript">
   Sub Window_onUnLoad()
         alert("ข้อความ")
   End Sub
</Script>


ข้อความร่วง


<SCRIPT language="JavaScript">

// FallT v1.0 By Maxx Blade - http://www.maxxblade.co.uk
///////////// Only Edit these lines ////////////////
var no=5,speed=30,slider=30,fallmax=8,wind=0,fallwhat="เปลี่ยนตรงนี้ ",fallsize=10,fallfont="Tahoma";
var colours=new Array("FF008A","FD54B0","FC87C7","FCB4DB","FDD6EB","FFFFFF");
//////////////////////////////////////////////////////
var o=new Array(), tog=1, dofallt=new Array();
var ns4=(document.layers)?1:0;
var ie4=(document.all)?1:0;
var ns6=(document.getElementById&&!document.all)?1:0;
if(ie4) falllayer="document.all['gf'+i].style";
if(ns4) falllayer="document.layers['gf'+i]";
if(ns6) falllayer="document.getElementById('gf'+i).style";
function winWid(){ return (ns4||ns6)?window.innerWidth:document.body.clientWidth; }
function winHei(){ return (ns4||ns6)?window.innerHeight:document.body.clientHeight; }
function winOfy(){ return (ns4||ns6)?window.pageYOffset:document.body.scrollTop; }
function togFall(){ for(i=0;i<no;i++){ if(tog==1){ with(eval(falllayer)){ left=-500; } clearTimeout(dofallt); }else{ fallt(i); } } tog*=-1 }
function newobj(q,t){
spin = parseInt(Math.random()*slider);
spin = (Math.random()>0.5) ? spin : -spin;
o[q] = new Array(parseInt(Math.random()*(winWid()-slider)),-30,spin,0.02+Math.random()/10,parseInt(1+Math.random()*fallmax),0);
if(t==1){
if(ns4){ document.write('<layer name="gf'+q+'" left="0" top="0" visibility="show">'+fallwhat+'</layer>'); }
if(ie4||ns6){ document.write('<span id="gf'+q+'" style="POSITION: absolute; Z-INDEX: -'+q+'; VISIBILITY: visible; TOP: 0px; LEFT: 0px; font-size: '+fallsize+'px; font-family: '+fallfont+';">'+fallwhat+'</span>'); }
}
}
function fallt(i){
if((o[1]>winHei()-(fallsize*1.5))||(o
o   >winWid()-slider-(fallsize*fallwhat.length))){ newobj(i,0); }
o[1] += o[4];
o
o   +=wind;
o[5] += o[3];
sizexy=Math.sin(o[5]);
lay=(ie4)?sizexy:parseInt(sizexy+1);
sizexy=(sizexy>0)?sizexy:0-sizexy;
with(eval(falllayer)){
top = o[1]+winOfy();
left = o
o   +o[2]*Math.cos(o[5]);
if(!ns4){
zIndex=lay;
color=colours[parseInt(sizexy*(colours.length-1))]
}
}
dofallt = setTimeout("fallt("+i+")", speed);
}
for (i = 0; i < no; i++){ newobj(i,1); fallt(i); }
</SCRIPT>



ข้อความวิ่ง

<marquee> ข้อความที่จะให้วิ่ง </marquee>


ข้อความตามเมาส์

<SCRIPT language=JavaScript1.2>
<!--
var message='ข้อความ';
var messagecolor='#000000'


(0=perpetual)
var dismissafter=0

var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=ns'+i+' top=0 left=0><font face="Courier New" size=3 color='+messagecolor+'>'+message+'</font></layer>')}
window.captureEvents(Event.MOUSEMOVE);
function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()}
}
else if (document.all){
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div id='inner' style='position:relative'>");
for (i = 0; i < amount; i++)
{document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;font-family:Courier New;font-size:16px;color:'+messagecolor+'">'+message+'</div>')}
document.write("</div>");
document.write("</div>");
function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()}
}
function makefollow(){
if (document.layers){
document.layers["ns0"].top=ay;document.layers["ns0"].left=ax;
document.layers["ns1"].top=by;document.layers["ns1"].left=bx;
document.layers["ns2"].top=cy;document.layers["ns2"].left=cx;
document.layers["ns3"].top=Dy;document.layers["ns3"].left=Dx;
document.layers["ns4"].top=Ey;document.layers["ns4"].left=Ex;
}
else if (document.all){
outer.all.inner.all[0].style.pixelTop=ay;outer.all.inner.all[0].style.pixelLeft=ax;
outer.all.inner.all[1].style.pixelTop=by;outer.all.inner.all[1].style.pixelLeft=bx;
outer.all.inner.all[2].style.pixelTop=cy;outer.all.inner.all[2].style.pixelLeft=cx;
outer.all.inner.all[3].style.pixelTop=Dy;outer.all.inner.all[3].style.pixelLeft=Dx;
outer.all.inner.all[4].style.pixelTop=Ey;outer.all.inner.all[4].style.pixelLeft=Ex;
}
}
function move(){
if (dismissafter!=0)
setTimeout("hidetrail()",dismissafter*1000)

if (document.layers){window.onMouseMove = nsmouse}
else if (document.all){window.document.onmousemove = iemouse}
ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2);
dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4);
cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6);
by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8);
ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10);
makefollow();
jumpstart=setTimeout('move()',10);
}
function hidetrail(){
if (document.all){
for (i2=0;i2<amount;i2++){
outer.all.inner.all[i2].style.visibility="hidden"
clearTimeout(jumpstart)
}
}
else if (document.layers){
for (i2=0;i2<amount;i2++){
temp="ns"+i2
document.layers[temp].visibility="hide"
clearTimeout(jumpstart)
}
}
}
window.onload=move;
//-->
</SCRIPT>



ตรงที่เปน #000000 ให้เปลี่ยนเป็นสีนะ
ใช้สีอะไรก้อเปลี่ยนตรงนั้นนะ^^!



แบนเนอร์เลื่อน


<marquee direction=up height=150 onMouseOut=this.start() onMouseOver=this.stop() scrollamount=1 scrolldelay=20 width=100% truespeed=true ;color:#FF0000">
   <center>
โค๊ดแบนเนอร์ 1 <p>

โค๊ดแบนเนอร์ 2 <p>

โค๊ดแบนเนอร์ 3 <p>

โค๊ดแบนเนอร์ 4 <p>

  </center>      </marquee>


Ps : ถ้าอยากใส่แบนเนอร์หลายๆอันก็ให้เพิ่ม

โค๊ดแบนเนอร์  <p>

ไปเรื่อยๆนะ




Code ทำให้แถบ Log in ให้หายไป

การทำให้มันหายไป อาจจะทำให้คุล Log out ลำบากนิสนึ่ง
แต่ถ้าคุลอยากจะเอามันออก เพราะเห็นว่ามันรก Hi5
ก็เพียงแต่ก้อบโค้ด ไปวางได้เลยค่ะ

<style type="text/css">

#p_nav_header{display:none}

</style>
ส่วนโค้ดที่ทำลิ้งกลับไปยังหน้า Home คือ


<a href="http://www.hi5.com/friend/displayHomePage.do" >Go back to home</a>
ก้อบไว้วางใน Lifestyle ,Interest ได้เลยค่ะ


Code ลบเส้นคั่นระหว่าง Comment

<style type="text/css">

.listitem-separator {visibility: hidden;}

</style>



Code เปลี่ยนสีเส้นคั่น Comment

<style type="text/css">

#comments .listitem-separator {background: ใส่รหัสสี !important;}

</style>

Code ขยายรูป display Comment

<style type="text/css">

.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}

</style>




การตกแต่ง Content ที่เป็นข้อมูลส่วนตัว

ในส่วนนี้จะมี Selector เป็น

#user-details .content { }

ซึ่งประกอบไปด้วย 3 ส่วนย่อย คือ

#about-left { }
#about-center { }
#about-right { }

เรียงตามลำดับจากซ้ายไปขวา
คุลสามารถใส่คุณสมบัติ ต่างๆ ลงไปได้ ทั้ง 4 selector เช่น
การสลับด้าน direction: RtL; หรือ LtR
พื้นหลัง background: url( );
เส้นกรอบ border: outset 10px red;

โค้ดทีเราเอามาให้เป็นตัวอย่างนี้

<style type="text/css">

#user-details .content { direction: RtL;}
#about-left { direction: LtR; }
#about-center{ direction: LtR; }
#about-right { direction: LtR; }
#about-left, #about-center, #about-right
{ border: outset #1c1c1c 10px; }

</style>

#about-left, #about-center, #about-right จะเท่ากับ .about-column
จะสามารถใช้แทนกันได้นะค่ะ เพื่อให้โค้ดสั้นลง



Code ใส่ Footer ให้ Hi5

<style type="text/css">

#footer {
background: url(ใส่ URL รูปภาพ) no-repeat center center;
border: none; display: block; height: 50px;
}

</style>


Code ใส่รูป Header ให้ Hi5



<style type="text/css">


#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;
height:ความสูงของรูปภาพpx}

</style>


Code ตกแต่งลิ้งใต้ Header


สามารถตกแต่งได้ 3 ส่วนหลักๆ ได้แก่
#profile-nav คือ ส่วนที่เป็นแถบ
คุณสมบัติที่สำคัญ
text-align: center; จัดกึ่งกลางตัวอักษร
background-image: url(ภาพพื้นหลัง) ;
background-color: สีของพื้นหลัง;
border: เส้นกรอบ ขนาดเส้น สีของเส้น;
height: ความสูงของแถบ เป็น px;

#profile-nav a คือ ส่วนที่เป็นตัวอักษร ลิ้ง
คุณสมบัติที่สำคัญ
font-family: รูปแบบตัวอักษร;
font-size: ขนาดตัวอักษร เป็น px;
color: สีตัวอักษร;
padding: ระยะห่างระหว่างลิ้ง;

#profile-nav a:hover คือ ส่วนที่เป็นตัวอักษรขณะชี้ที่ลิ้ง
คุณสมบัติที่สำคัญ
background-image: url(ภาพพื้นหลังขณะชี้ที่ลิ้ง) ;
text-decoration: none; (ไม่มีเส้นใต้)
color: สีตัวอักษรขณะที่ชี้ลิ้ง;


<style type="text/css">

#profile-nav { background-color: สีพื้นหลัง; }
#profile-nav a { color: สีตัวอักษร; padding: 1.0em;
font-size: 12px; }
#profile-nav a:hover { color: สีตัวอักษรขณะชี้ลิ้ง;
text-decoration: none;}

</style>

Code ใส่กรอบให้หน้า Hi5
แบบของเส้นขอบ

dotted

dashed

solid

double

groove

ridge

inset

outset


<style type="text/css">

html {
border-style: ใส่แบบของเส้นกรอบ;
border-width: ใส่ความหนาของกรอบpx;
border-color: ใส่สีของกรอบ;
}

</style>


Code ScrollBar


<style type="text/css">

html {
scrollbar-arrow-color: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}

</style>


 


Code ลิ้งรูปสลับด้าน

จะแสดงเมื่อใช้ mouse ชี้ไปยังลิ้งรูปภาพ
ซึ่งสามารถสลับได้ 2 แบบ คือ
Filter: FlipH คือ สลับในแนวนอน
Filter: FlipV คือ สลับในแนวตั้ง

<style type="text/css">


a:hover img {Filter:FlipH}

</style>
 

Code เปลี่ยนรูปแถบสถิติ Stat Bar
อย่างที่เห็นของเราที่เป็นแถบสีแดง-ดำนะคับ
รูปที่ใช้จะมีขนาด กว้าง162px -- สูง12px
ตัวอย่างรูปที่เราทำมาให้ ถ้าใครจะใช้
ก็คลิ้กขวาที่รูป เลือก Properties แล้วก้อบ URL ไปใช้ได้เลยนะค่ะ
ส่วนใครที่อยากได้สีอื่นๆ นอกเหนือจากนี้ ก็ไปทำเอาเองนะค่ะ





 
 
 
 
 
 
 
 
 
 
 


<style type="text/css">

.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}
.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}

</style>
 

 

Code ทำกรอบ box, bg ให้ Comment


<style type="text/css">

.subsection .comment {background: url(ใส่ URL รูปภาพ);
border: inset 3px #c00000;
height: ความสูงของ box px; overflow: auto;}

</style> 

ไว้แค่นี้ก่อนอ่ะกันน่ะ ค่ะ







โค๊ตใส่ภาพ ใต้ คอมเม้น

#comments .footer { display:block;height:--px;background:url(----) #000000 center center no-repeat;width:460px;}



เปลี่ยนรุปเส้นคั่น (คอมเม้น)

.listitem-separator {DISPLAY: block;background:url(----) !important;HEIGHT: 35px! important;background-repeat: no-repeat! important;background-position: center! important;}

*ลบเส้นคั่น friends / #friends   .listitem-separator
*ลบเส้นคั่นใน five / #user-fives .listitem-separator



ลบฃื่อเพื่อนในTOP FRIEND

#friends .friend-name { display: none; }


โค๊ตใส่รูปแทนส่วนของfive

#user-fives {height: ----px;
width:450px;
border-style: ----; border: ---px;border-color: --;BACKGROUND-IMAGE: url(-----);}


#user-fives IMG {display:none;}



โค๊ตใส่รูปแทนในส่วนของ อั้ลบี่มรูป

#photoAlbums {background-image: url(-----);
display: block;
height: ----px;
width:450px;
border-style: ---; border: ---px;border-color: ---;}


.album IMG {display:none;}
.albumWrapper {display:none;}


โค๊ตลบ หัวข้อต่างๆ ใน เพจ
 
.section h4,{display: none;}
.section h1,{display: none;}


ลบข้อมูลลิ้ง footer

#footer,#footer *,#footer a,#ad_banner,
.channel_details {display:none;}


เปลี่ยนสี ลิ้ง p_nav_primary

#p_nav_primary li#nav a {font-family:Papyrus;color:#FF0000;}


เปลี่ยนเพจทั้งเพจให้เปนสีขาวดำ  รึ กราฟฟิก ( ทั้งเพจ)

html {filter:gray}




การทำให้ คอมเม้น อยุ่ตรงกลางล่าง เปงแนวยาว

#comments
{position:relative;top: 9em;right: 20.5em; MARGIN-LEFT: -250px;MARGIN-right: -250px;width:940px;MARGIN-BOTTOM: 9em;}

* relative;top: 9em;  ปรับระยะความห่างจากด้านบน นับจากfive
* MARGIN-BOTTOM: 9em; ปรับระยะความก่างจากด้านล่าง


ทำให้ปุ่มกดลงมาอยู่ใต้ กล่องคอมเม้น

textarea {display:block}




ลบข้อมูลฝั่ง ขวา แล้วทำให้ ข้อมูล ฝั่งซ้ายมาอยู่ตรงกลาง

#photoAlbums {display: none;}



#friends {display: none;}


#user-fives {display: none;}




#content-left {position:relative;top: 0em;left: 21em; MARGIN-right: -250px;MARGIN-left: -250px;width:956px;MARGIN-BOTTOM: 173em;
text-align: center;}

*ในกรณีที่เอาคอมเม้นไว้ล่าง



ปรับระยะห่างของรุปคอมเม้น จากกรอบ

.comment-picture {
position: relative;
bottom: -1em;left:1em;}


การทำให้ข้อมูล และ ตัวอักษรทั้งหมดอยู่ตรงกลาง (ลัด )

html{text-align: center;}

* หรือจะแยเปนส่วนๆไปกะได้


ใส่ภาพแร่ะกรอบให้ตัวอักษรในคอมเม้น

.section .comment-text {
border-style: ----; border: --px;border-color: -----;
letter-spacing: 3px;
color: สีฟร้อน;
width: 300px !important;
background-image: url(----------);}




ลบช่องข้อมูลที่ไม่ต้องการ

#schools {display:none;}
#groups {display:none;}
#videos {display:none;}
#widgets {display:none;}
#background {display:none;}
#recent-updates {display:none;}
#Interests {display:none;}
 #journalDetail {display: none;}



ใส่ ฟุตเตอรให้ profile

#user-details .footer {background: url(----)
no-repeat center center;
border-none;
display: block; height: ---px; }

 

 

ทำให้กล่องคอมเมนต์ใหญ่เต็มจอ

ก่อนอื่นคุณต้องย้ายพวกข้อมูล สไลด์ เพลงไปไว้ในไลฟ์สไตล์ก่อนนะค่ะ จากนั้นก็จะซ่อนส่วนต่างๆโดยโค้ดนี้ค่ะ
#journalDetail ,#schools ,#groups,#videos, #widgets ,#background,
#interests, #recent-updates {display:none;}แล้วใช้โค้ดต่อไปนี้ขยายกล่องคอมเมนต์
#comments{text-align: center;position:relative;top: 5em;right: 22em; margin-left: 250px;margin-right: 250px;width:900px;margin-bottom: 5em;}
ถ้าไฮ5ใครคอนเทนต์อยู่สลับข้างกัน (ฝั่งเฟรนด์กะไลฟ์สไตล์) ก็เปลี่ยนเป็น margin-left: -250px;margin-right: -250px;
top: 5em; คือ ระยะห่างข้างบนโดยจะเริ่มนับจากไฟว์ ส่วนค่าต่างๆนั้น ถ้าไม่พอดีก็ปรับตัวเลขเอานะค่ะ

สลับคอนเทนต์ซ้ายขวา (ฝั่งเฟรนด์กับไลฟสไตล์)


table {direction:rtl;}

#content-right {direction:ltr;}
.commentEditor textarea {direction: ltr;}

user-links (ลิงค์ใต้รูปดิสเพล์พวกแอดเฟรนด์ ให้มีรูป)


#user-links a {display:list-style-image;background:url(ใส่ url รูปภาพ);

border: solid 1px #000000; ลักษณะ ขนาด สีเส้น ปรับเอานะ

background-color: สีพื้นหลัง;

padding-left:เลื่อนตำแหน่งข้อความpx;

width:ความกว้างนุ่นใช้146px;height:ความสูงนุ่นใช้23px;}


ทำให้ข้อความคอมเมนต์มีสีพื้น

.section .comment-text {

filter:glow(color:สีพื้นหลังข้อความ, strength=ขนาดของพื้นใส่เป็นตัวเลขได้เลย);height:auto; }


เปลี่ยนไอคอนออนไลน์

span {display:none}

#online-now-icon
{background: url(ใส่urlรูปภาพ);height: 20px;width: 80px; _background: none; _filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D&#39; ใส่urlรูปภาพอันเดียวกัน&#39;);
height:20px;width: 80px;}

#online-now-icon {background-image: url(ใส่urlรูปภาพอันเดียวกัน); width: 80px; height: 20px;margin: 5px 0px 0px 0px;}

ถ้าภาพใครมีขนาดใหญ่กว่าก็เปลี่ยนค่าของความกว้างความสูงให้เท่ากับภาพที่มีค่ะ

letter-spacing : ระยะห่างระหว่างตัวอักษร px; ถ้าอยากจะให้ส่วนไหนห่างกันก็ใช้โค้ดนี้ใส่เพิ่มเข้าไปส่วนนั้นค่ะ

ทำภาพดิสเพล์คนละภาพกะที่โชว์ในไฮ5


#user-picture {visibility: hidden}

#picture-links {visibility: hidden}

#about-left { background:url(ใส่urlของรูปที่เราจะโชว์แทนดิส) transparent 50% 30% no-repeat;height:ความสูงpx;} ตัวเลข 50 กะ 30 คือค่าของแกน x y คุณปรับค่าเอาตามชอบค่ะ
บันทึกการเข้า

เข้ามาดูกันน้า
http://kiewza.hi5.com


KANOMKIEWZA
Hi5 ผู้เฉลียวฉลาด
**

Popular 4
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 148


« ตอบ #1 เมื่อ: มีนาคม 02, 2008, 10:58:29 am »

ถ้ามีใหม่ก้อจะมาลงให้อีกนะ

อย่าลืมเข้ามาดูของเราด้วยหละ
บันทึกการเข้า

เข้ามาดูกันน้า
http://kiewza.hi5.com
artt
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 14


« ตอบ #2 เมื่อ: มีนาคม 02, 2008, 12:25:54 pm »

ผมขอโค๊ดที่ทำไหcommentเปงปกติหน่อยได้ปะงับ


เพราะตอนนี่commentผมมันซ่อนอยู่อะงับ


(แบบพอเอาเมาส์ชี้มันก้อจะโชว์ตัวหนังสือที่เพื่อนเม้นไหงะ)

นะงับ

ได้โปรด
บันทึกการเข้า
Sphiris
Hi5 น้องใหม่
*

Popular 2
ออฟไลน์ ออฟไลน์

กระทู้: 46


« ตอบ #3 เมื่อ: มีนาคม 02, 2008, 01:07:50 pm »

ขอบคุณค้าบบบบบบบบบบบบบ
บันทึกการเข้า
Ab๏žž☜♡☞MőxĨĨêžZ™
Hi5 เด็กไฟแรง
**

Popular 0
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 56



เว็บไซต์
« ตอบ #4 เมื่อ: มีนาคม 02, 2008, 01:17:59 pm »

 
.
ขอบคุณคับผม ^ ^"
บันทึกการเข้า
Miri
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 6


« ตอบ #5 เมื่อ: มีนาคม 04, 2008, 04:00:32 pm »

ขอบคุณครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์
กระโดดไป: