【Web2.0】秀出你全部的Web2.0的服務

看到了這篇文章Fun New Run High: 儘情展示你使用的眾多 web2.0 網站服務的介面-ShowYourself

#showyourself {
font-family: “Trebuchet MS", arial, sans-serif;
width: 190px;
border: 1px solid #A8A8A8;
list-style: none;
margin: 0;
padding: 0;
}
#showyourself h2 {
color:#000000;
background-color: #FFC000;
text-align: center;
padding: 1px 5px;
font-size: 18px;
margin: 0;
font-weight: normal;
}
ul#showyourself li {
margin: 0px;
padding: 1px 0px;
list-style: none;
display: block;
}
#showyourself li+li {
border-top: 1px solid #A8A8A8;
}
#showyourself li a {
background: #E8E8E8;
display: block;
color: #000000;
font-size: 11px;
padding: 1px 3px;
border: 0;
text-decoration: none;
}
#showyourself li a img {
border-width: 0;
}
#showyourself li a:hover {
background: #FFFFFF;
}
#showyourself strong {
font-size: 15px;
font-weight: normal;
}
#showyourself .footer {
background-color: #FFC000;
font-size: 10px;
text-align: center;
}
#showyourself li a:hover.footer {
background-color: #FFC000;
text-decoration: underline;
}

還有另外一個台灣版的服務:Show-Yourself Generator 使用網路服務清單產生器 V1.1

#divUserName {
background-color:Navy; color: white; text-align:center;
}
#items {
background: silver;
color: black;
border:1px silver solid;
width: 11em;
z-index: 3;
}#item a {
padding: 2px 2px 2px 2px;
background: #e9e9e9;
display: block;
text-decoration: none;
text-align: left;
color: black;
margin-bottom: 1px;
}
#item a:hover {
background: Yellow none repeat scroll 0% 50%;
color: black;
}

var sRowColor = ‘black’;
var sRowBgColor = ‘#e9e9e9’;
var sHoverColor = ‘black’;
var sHoverBgColor = ‘yellow’;
function mouseover(obj) {
obj.style.color = sHoverColor;
obj.style.backgroundColor = sHoverBgColor;
}
function mouseout(obj) {
obj.style.color = sRowColor;
obj.style.backgroundColor = sRowBgColor;
}

延伸閱讀:

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s