|
|
friendster CSS专区教学 - 已更新，updated =)
[复制链接]
|
|
|
发表于 28-1-2007 01:39 AM
|
显示全部楼层
想請問各位ho
如果testimonials要加圖片怎麼樣阿
謝謝 |
|
|
|
|
|
|
|
|
|
|
|
发表于 28-1-2007 08:25 PM
|
显示全部楼层
原帖由 kamwah 于 28-1-2007 01:39 AM 发表
想請問各位ho
如果testimonials要加圖片怎麼樣阿
謝謝
加这个就可以鸟
<IMG SRC="myimage.jpg" WIDTH=100 HEIGHT=100>
 |
|
|
|
|
|
|
|
|
|
|
|
发表于 29-1-2007 01:17 AM
|
显示全部楼层
感謝 ...... |
|
|
|
|
|
|
|
|
|
|
|
发表于 31-1-2007 12:24 AM
|
显示全部楼层
.testimonials { /*box*/
background-color: transparent;
background-image: url(**URL**);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
這樣是可以的嗎? |
|
|
|
|
|
|
|
|
|
|
|
发表于 2-2-2007 04:02 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 2-2-2007 11:53 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 3-2-2007 02:39 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 3-2-2007 03:02 PM
|
显示全部楼层
walao
美 到,,, 很 喜 欢 叻...
那 个loading 怎 样 弄 |
|
|
|
|
|
|
|
|
|
|
|
发表于 3-2-2007 04:11 PM
|
显示全部楼层
原帖由 用辣椒射你眼睛 于 3-2-2007 03:02 PM 发表
walao
美 到,,, 很 喜 欢 叻...
那 个loading 怎 样 弄
那个 loading 其实是假的。。只是 hide 我的原本 profile 起来。。然后放一个 loading 的 gif file 罢了。。 |
|
|
|
|
|
|
|
|
|
|
|
发表于 3-2-2007 04:26 PM
|
显示全部楼层
原帖由 彩虹天使 于 3-2-2007 02:39 PM 发表
很美列！！！！！
可以分享弄法吗？
首先。。用 photoshop 来设计背景和整个 structure，设计要怎样都可以。。
用 notepad，然后用 html code 来吧背景，颜色，内容全部放上去。。
确定过后。。save as html file。。来测试你的设计。。
满意了，就去 http://www.markyctrigger.com/og_standard.html 来 convert 你的 html code。。
再吧 convert 好的东西放到 edit profile > customize > media 部分。。
save 了过后，要 logout 再 login，就大功告成了！！ |
|
|
|
|
|
|
|
|
|
|
|
发表于 3-2-2007 08:28 PM
|
显示全部楼层
原帖由 chuahft 于 3-2-2007 04:26 PM 发表
首先。。用 photoshop 来设计背景和整个 structure，设计要怎样都可以。。
用 notepad，然后用 html code 来吧背景，颜色，内容全部放上去。。
确定过后。。save as html file。。来测试你的设计。。
满意 ...
photoshop 在 那 里 设 计??
可 以 帮 我 设 计 黑 白 猪 吗?
我 很 想 要..
我 不 会 设 计 |
|
|
|
|
|
|
|
|
|
|
|
发表于 3-2-2007 09:34 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 4-2-2007 12:42 AM
|
显示全部楼层
你开一个教学一定拿精华 
好不？ |
|
|
|
|
|
|
|
|
|
|
|
发表于 4-2-2007 01:40 AM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 4-2-2007 01:50 PM
|
显示全部楼层
我大概懂你的教法。。。
只是不很清楚做好了structure 过后怎样把video，audio播放器固定在我要的地方？
我们不是读programing的不会用notepad来写htmlcode烈。。。
可不可以用ms frontpage的？ |
|
|
|
|
|
|
|
|
|
|
|
发表于 4-2-2007 02:10 PM
|
显示全部楼层
原帖由 彩虹天使 于 4-2-2007 01:50 PM 发表
我大概懂你的教法。。。
只是不很清楚做好了structure 过后怎样把video，audio播放器固定在我要的地方？
我们不是读programing的不会用notepad来写htmlcode烈。。。
可不可以用ms frontpage的？
对啊。。我是读 programming 的。。用 ms frontpage 我不懂哦。。没有用过。。
不过如果它的 code 是 html 就应该没问题。。
<div style="position:absolute; overflow:hidden; left:457px; top:526px; z-index:0">
内容（什么都可以，图片，table，text，flash player，chat box，testi，frens list，都可以）
</div>
用这个。。在红色的地方换 coordinate 就可以了。。
要找 coordinate 就用 paint 开你的背景图，把 cursor 移去你要的位置，下面就有显示 coordinate 了。。
自动更新 testi
- <script language="javascript">
- autotesti="yes";
- </script>
- <div id=AUT class=left_column_content style="width:400px "></div>
- </script>
自动更新 fren list
- <script language="javascript">
- autofriend="yes"
- </script>
- </p>
- <div id="autofriendid" class=column_content></div>
自动更新 primary photo
- <script language="javascript">
- automainphoto="yes"
- </script>
- <div id="automainphotoid"></div>
把这些 code 放到你要它出现的位置。。。不是 <head></head> 之间哦。。
这些更新功能只在你放到 frenster 后才看到效果，当你在你自己的电脑测试的时候是看不到效果的。。
如果只是放这些，出来会很乱的。。 在 <head></head> 之间，放以下 CSS code 就可以了。。
- <style type="text/css">
- #automainphotoid img {border: 0px;}
- /** images **/
- .ir img {
- height:75px;
- width:75px;
- border:#9bcfe7 2px solid;
- }
- .ir a:hover img {
- filter:alpha(Opacity=50,FinishOpacity=0,Style=0);
- }
- /** caption **/
- .dr a {
- font-size: 10px;
- text-align: center;
- text-decoration: none;
- color: black;
- }
- .dr a:hover {
- font-weight: bold;
- }
- .flogriditem {
- float: left;
- margin: 2px 10px 2px 5px;
- }
- </style>
- <style type="text/css">
- #AUT
- {
- font-size: 10px !Important;
- font-family: Kristen ITC,Comic Sans MS,Arial;
- width: 490px !Important;
- height: 280px !Important;
- overflow: auto;
- }
- #AUT IMG
- {
- BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=100); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; opacity: 100;
- height: 75px!Important;
- width: 75px!Important;
- valign: top;
- }
- .itd{
- vertical-align:top;
- }
- .dtd{
- padding-left:10px;
- padding-bottom:10px;
- margin-bottom:0px;
- margin-left: 5px;
- margin-right: 5px;
- text-align:justify;
- font-size: 12px;
- }
- h2{
- display:none;
- }
- .data li{
- list-style-type:none;
- }
- .data{
- padding:0;
- margin:0;
- }
[ 本帖最后由 chuahft 于 4-2-2007 02:13 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
发表于 5-2-2007 03:12 PM
|
显示全部楼层
<div style="position:absolute; overflow:hidden; left:457px; top:526px; z-index:0">
内容（什么都可以，图片，table，text，flash player，chat box，testi，frens list，都可以）
</div>
用这个。。在红色的地方换 coordinate 就可以了。。
要找 coordinate 就用 paint 开你的背景图，把 cursor 移去你要的位置，下面就有显示 coordinate 了。。
以上这个.....???不明白。。我弄不到 ..可以示范个例子来看吗? |
|
|
|
|
|
|
|
|
|
|
|
发表于 5-2-2007 09:24 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 6-2-2007 02:23 PM
|
显示全部楼层
回复 #549 chuahft 的帖子
是的 好的  谢了 |
|
|
|
|
|
|
|
|
|
|
|
发表于 7-2-2007 11:27 AM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
| |
 本周最热论坛帖子
|
2292 
169
