【原創】Friendster 修改教學

Home Home
引用 | 編輯 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" ?>
- <songs>
<song path="Song Link Here.mp3" title="Artist - Track name" />
<song path="Song Link Here.mp3" title="Artist - Track name" />
<song path="Song Link Here.mp3" title="Artist - Track name" />
<song path="Song Link Here.mp3" title="Artist - Track name" />
<song path="Song Link Here.mp3" title="Artist - Track name" />
<song path="Song Link Here.mp3" title="Artist - Track name" />
<song path="Song Link Here.mp3" title="Artist - Track name" />
</songs>

然後,你就把你的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樓
  
1.首先把你要連續播放的歌曲都上傳好

2.取得了連結之後,打開notepad,把你要播放的歌曲的連結放進去




3.放好了之後,在把這個notepad 儲存成音頻格式 (如.mp3 / .wma)




4. 然後在把這個檔案上傳後,把這個檔案的連結放去播放去音頻即可

獻花 x0
引用 | 編輯 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:18
6樓
  
CSS語法

複製程式
iframe {height:0px} 


獻花 x0
引用 | 編輯 gtrowa2003
2006-03-01 15:19
7樓
  
CSS語法
width = 寬度 color = 顏色

複製程式
body {border-style: inset;border-color: FFCCFF;border-width: 25}


獻花 x0
引用 | 編輯 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