引用 | 編輯
gtrowa2003
2006-03-01 15:13 |
樓主
▼ |
||
x0
【教學】修改friendster 第一步使用這個網站的editor 即可 http://cubancouncil.com/friendster/ 填完之後,按preview code 就會出現 CSS 語法,之後把他們copy到 edit profile -> Customize -> Advanced users: Personalize your profile with CSS 然後在按save 即可 x0
|
引用 | 編輯
gtrowa2003
2006-03-01 15:15 |
1樓
▲ ▼ |
1. 背景音樂添加法
editprofile -> Customize -> 然後在Add music and video and more images to your profile 的空格裡輸入以下語法 複製程式 <P><IMG height=0 loop=infinite dynsrc= 音頻連結 width=0 border=0></P> 2. 出現播放器 (視頻/音頻均可) editprofile -> Customize -> 然後在Add music and video and more images to your profile 的空格裡輸入以下語法 複製程式 <EMBED SRC="音頻/視頻連結" AUTOSTART="TRUE" LOOP="true" WIDTH="320" HEIGHT="240" ALIGN="CENTER"></EMBED> ============================================== Flash player 還有一種方法哦。。。 你先下載這個文件 http://mygen.co.uk/tutorials/player.zip 然後你EXCRAT FILE 然後呢,裡面有兩個文件 : player.swf 和 player.xml 用notepad開player.xml,裡面有以下的東西 <?xml version="1.0" encoding="UTF-8" ?> 然後,你就把你的mp3的link放進去如 : <song path="http://www.abc.mp3" title="bob - abc" />,如此類推,如果你要再加歌就如此來加。 弄完之後,你就save起來,再把那兩個文件上傳,最好用geocities來上傳,link是www.geocities.com,因為castpost不支持xml的文件的,之後呢就把那個文件的link replace去以下的位置 <embed src="http://XXX/player.swf" menu="false" quality="high" width="300" height="320" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=http://XXX/playlist.xml&ShowPlaylist=1&ShowEQ=1&firstTrack=1&initVol=50" wmode="transparent" border="0" />然後,就把以上的code paste去你的friendster裡 x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:15 |
2樓
▲ ▼ |
引用 | 編輯
gtrowa2003
2006-03-01 15:16 |
3樓
▲ ▼ |
editprofile -> Customize -> 然後在 Advanced users: Personalize your profile with CSS 內輸入以下語法
複製程式 body{cursor:url("鼠標連結")} a:hover {cursor:url("鼠標連結")} 鼠標僅能使用格式為 .cur和.ani x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:17 |
4樓
▲ ▼ |
edit profile -> Customize -> 然後在 Advanced users: Personalize your profile with CSS 空格內輸入以下語法
複製程式 body{ SCROLLBAR-FACE-COLOR: 顏色代碼; SCROLLBAR-HIGHLIGHT-COLOR:顏色代碼; SCROLLBAR-SHADOW-COLOR: 顏色代碼; SCROLLBAR-3DLIGHT-COLOR:顏色代碼; SCROLLBAR-DARKSHADOW-COLOR: 顏色代碼; SCROLLBAR-ARROW-COLOR: 顏色代碼; SCROLLBAR-TRACK-COLOR: 顏色代碼; } 各顏色代碼能查看 http://www.geocities.com/ng3honglo/html/tags/color_codes.html 註解 Scrollbar-Face-color:滾動條頁面顏色設定; Scrollbar-Highlight-Color:滾動條斜面和左面顏色設定; Scrollbar-Shadow-Color:滾動條下斜面和右面顏色設定; Scrollbar-3Dlight-Color:滾動條上邊和左邊的邊沿顏色設定; Scrollbar-Darkshadow-Color:滾動條下邊和右邊的邊沿顏色設定 Scrollbar-Arrow-Color:滾動條兩端箭頭顏色設定; Scrollbar-Track-Color:滾動條底版顏色設定; x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:17 |
5樓
▲ ▼ |
也是在CSS 那輸入以下語法
複製程式 a:link img, a:active img, a:visited img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity =100,style=3);opacity:0.50; } /*Hover Image Links*/ a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity =100); opacity:0.20; } opacity是透明度 filter 是濾鏡 x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:19 |
7樓
▲ ▼ |
引用 | 編輯
gtrowa2003
2006-03-01 15:19 |
8樓
▲ ▼ |
CSS 語法
複製程式 .testimonialbody,.left_column_testimonials_add { text-align:left; font-size:12px; line-height:normal; border:0px; color:#000000; }div.testimonialbody {height: 300px; width: 300px; overflow: auto; border: 1px dashed; border-color:ff6699; margin-left: 160px; margin-top: 20px; background-color: transparent; background-image: url([img]http://i8.photobucket.com/albums/a41/kittenwhiskers21/f81a7ae0.gif[/img]); background-attachment:fixed; !important; padding: 8px;}.left_column_hr,.left_column_testimonials_add { background-color:transparent; border-bottom-color:transparent; border-bottom-width:0px; background-position: center; background-repeat: no-repeat;} .left_column_hr,.left_column_testimonials_add { background-image: url([img]http://fanny.fujinets.com/line5.gif[/img]);border-bottom-color:transparent; border-bottom-width:0px; }.left_column_hr,.left_column_testimonials_add { background-image: url([img]http://fanny.fujinets.com/line5.gif[/img]);border-bottom-color:transparent; border-bottom-width:0px; }.left_column_testimonials { width: top right; height: auto; background-image: url('[img]http://fanny.fujinets.com/mail12.gif[/img]') !important; background-position: top right; background-repeat:no-repeat;} x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:20 |
9樓
▲ ▼ |
通過此CSS語法能修改
演示連結 username Friends ,More about username,usernameTestimonials http://www.friendster.com/profiles/gtrowa2003 edit profile -> Customize -> 然後在 Advanced users: Personalize your profile with CSS 空格內輸入以下語法 複製程式 body #container * {font-weight: font-normal: verdana;background-color:transparent;border-color:transparent;}.left_column_header2 {width: auto; height: 20px;border-style: outset;text-align: center;background: url(背景圖連結); margin: 10px 0px 0px 0px;}. left_column_header h1 {height: auto; background: transparent; font-size: 10px; bold; text-align: center;color: #FFFFFF; padding: 0px 0px 0px 3px;} .right_column .column_header {width: 300px;height: 20px;background: url(背景圖連結); border-style: outset;} 在把背景圖連結改成正確的連結即可 PS:這個是今天剛發現的,經過我個人的測試,能正常使用,但不知道大家使用後是否有問題 x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:22 |
10樓
▲ ▼ |
HTML 語法
(字體的) 複製程式 <FONT color=#ffffff size=3><B> <MARQUEE style="LEFT: 130px; WIDTH: 100px; POSITION: absolute; TOP: 150px; HEIGHT: 548px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 177px; WIDTH: 100px; POSITION: absolute; TOP: 170px; HEIGHT: 388px" scrollAmount=3 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 225px; WIDTH: 100px; POSITION: absolute; TOP: 190px; HEIGHT: 324px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 265px; WIDTH: 100px; POSITION: absolute; TOP: 180px; HEIGHT: 499px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 325px; WIDTH: 100px; POSITION: absolute; TOP: 160px; HEIGHT: 411px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 239px; WIDTH: 100px; POSITION: absolute; TOP: 190px; HEIGHT: 251px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 141px; WIDTH: 100px; POSITION: absolute; TOP: 150px; HEIGHT: 221px" scrollAmount=1 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 289px; WIDTH: 100px; POSITION: absolute; TOP: 170px; HEIGHT: 230px" scrollAmount=7 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 108px; WIDTH: 100px; POSITION: absolute; TOP: 230px; HEIGHT: 241px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 370px; WIDTH: 100px; POSITION: absolute; TOP: 190px; HEIGHT: 386px" scrollAmount=2 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 394px; WIDTH: 100px; POSITION: absolute; TOP: 150px; HEIGHT: 484px" scrollAmount=2 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 430px; WIDTH: 100px; POSITION: absolute; TOP: 170px; HEIGHT: 442px" scrollAmount=2 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 475px; WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 423px" scrollAmount=3 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 559px; WIDTH: 100px; POSITION: absolute; TOP: 170px; HEIGHT: 541px" direction=down>*</MARQUEE> <MARQUEE style="LEFT: 580px; WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 423px" scrollAmount=2 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 533px; WIDTH: 100px; POSITION: absolute; TOP: 170px; HEIGHT: 385px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 614px; WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 332px" scrollAmount=1 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 651px; WIDTH: 100px; POSITION: absolute; TOP: 250px; HEIGHT: 386px" scrollAmount=3 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 684px; WIDTH: 100px; POSITION: absolute; TOP: 290px; HEIGHT: 514px" scrollAmount=5 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 658px; WIDTH: 100px; POSITION: absolute; TOP: 180px; HEIGHT: 247px" scrollAmount=1 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 694px; WIDTH: 100px; POSITION: absolute; TOP: 160px; HEIGHT: 216px" scrollAmount=1 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 738px; WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 392px" scrollAmount=2 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 753px; WIDTH: 100px; POSITION: absolute; TOP: 150px; HEIGHT: 544px" scrollAmount=1 direction=down>*</MARQUEE> <MARQUEE style="LEFT: 800px; WIDTH: 100px; POSITION: absolute; TOP: 180px; HEIGHT: 404px" scrollAmount=5 direction=down>*</MARQUEE></B></FONT> 圖片的 複製程式 <MARQUEE style="LEFT: 130px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 250px" scrollAmount=1 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 160px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 380px" scrollAmount=3 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 214px; WIDTH: 16px; POSITION: absolute; TOP: 220px; HEIGHT: 320px" scrollAmount=3 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 238px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 260px" scrollAmount=4 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 293px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 250px" scrollAmount=3 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 330px; WIDTH: 16px; POSITION: absolute; TOP: 230px; HEIGHT: 230px" scrollAmount=5 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 385px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 410px" scrollAmount=3 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 411px; WIDTH: 16px; POSITION: absolute; TOP: 210px; HEIGHT: 410px" scrollAmount=4 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 420px; WIDTH: 16px; POSITION: absolute; TOP: 240px; HEIGHT: 410px" scrollAmount=2 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 507px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 430px" scrollAmount=3 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 501px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 240px" scrollAmount=4 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 559px; WIDTH: 16px; POSITION: absolute; TOP: 180px; HEIGHT: 440px" scrollAmount=3 direction=down><IMG src="圖片連結></MARQUEE> <MARQUEE style="LEFT: 600px; WIDTH: 16px; POSITION: absolute; TOP: 250px; HEIGHT: 490px" scrollAmount=2 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 626px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 430px" scrollAmount=3 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 642px; WIDTH: 16px; POSITION: absolute; TOP: 190px; HEIGHT: 270px" scrollAmount=4 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 651px; WIDTH: 16px; POSITION: absolute; TOP: 240px; HEIGHT: 290px" scrollAmount=1 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 720px; WIDTH: 16px; POSITION: absolute; TOP: 250px; HEIGHT: 340px" scrollAmount=1 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 723px; WIDTH: 16px; POSITION: absolute; TOP: 170px; HEIGHT: 300px" scrollAmount=5 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 757px; WIDTH: 16px; POSITION: absolute; TOP: 200px; HEIGHT: 410px" scrollAmount=2 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 393px; WIDTH: 16px; POSITION: absolute; TOP: 160px; HEIGHT: 200px" scrollAmount=4 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 231px; WIDTH: 16px; POSITION: absolute; TOP: 230px; HEIGHT: 420px" scrollAmount=1 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 239px; WIDTH: 16px; POSITION: absolute; TOP: 250px; HEIGHT: 400px" scrollAmount=4 direction=down><IMG src="圖片連結"></MARQUEE> <MARQUEE style="LEFT: 728px; WIDTH: 16px; POSITION: absolute; TOP: 250px; HEIGHT: 280px" scrollAmount=2 direction=down><IMG src="圖片連結"></MARQUEE> "LEFT" 是左右方向... SCROLLAMOUNT 是速度.... TOP 是从上面那开始... HEIGHT 是跌到那.... x0 |
引用 | 編輯
gtrowa2003
2006-03-01 15:28 |
11樓
▲ ▼ |
CSS語法
複製程式 div#navigation{ /*background: transparent;*/ background:transparent url(圖片連結) no-repeat; filter:none; } div#navigation img{ width: 0px; margin: 0px; } x0 |
引用 | 編輯
gtrowa2003
2006-04-19 22:42 |
12樓
▲ ▼ |
演示
http://www.friendster.com/profiles/gtrowa2003 青色的Tuck Wai 那个图就是了 kok _4 CSS语法 複製程式 .left_column_header h2 { font-size: 1px !important; text-indent: -9999px; font-weight: bold; color: #000000; text-align: center; height: 120px; margin: 4px 0 0 0; border: none;background: url(图片语法) no-repeat center left; padding: 20px 0 0 0;} x0 |
引用 | 編輯
gtrowa2003
2006-04-19 22:43 |
13樓
▲ ▼ |
複製程式
<a href=""><img src="" id="mycode" style="height:expr/**/ession(alert ('TEXT ' +pageViewerFName+ '! TEXTTEXTTEXTTEXT ' +pageOwnerFName+ ' TEXTTEXTTEXT.. ')); width:expr/**/ession(document.all.mycode.style.height=Ɔpx')" /></a> example: 複製程式 <a href=""><img src="" id="mycode" style="height:expr/**/ession(alert ('Hi ' +pageViewerFName+ '! Welcome to Costumize friendster of ' +pageOwnerFName+ ' Enjoy your day, drop a testi if you dont mind ')); width:expr/**/ession(document.all.mycode.style.height=Ɔpx')" /></a> paste到add music那里就可以了.;P 就像这>>> http://www.friendster.com/user.php?uid=6318386 x0 |
引用 | 編輯
gtrowa2003
2006-04-19 22:43 |
14樓
▲ ▼ |
copy paste到CCS box就可以了....
拜拜frenster logo 複製程式 #navigation div img { height:0px !important; width:0px !important; } x0 |
引用 | 編輯
gtrowa2003
2006-04-19 22:44 |
15樓
▲ |
从朋友那边学来的
複製程式 <marquee direction="down" behavior="alternate" scrollamount="5" scrolldelay="1" width="900" height="900" style="position:absolute; top:0px; left:0px; z-index:-1"> <marquee direction="right" behavior="alternate" scrollamount="5" scrolldelay="1" width="900"> <img style="filter: alpha (finishopacity=2, style=3)" src=" URL " /></marquee> 就好像这样:) http://www.friendster.com/user.php?uid=18420408 x0 |