Sekedar untuk berbagi pengalaman dan informasi

Personalisasi halaman profil dengan menggunakan Css Code

http://www.pimp-my-profile.com/

http://www.pimpwebpage.com/

Tips cepet kaya

Carilah sebuah cermin
Lihat baik2 gambar dibalik cermin
Gambar yang keluar kaya mama apa kaya papa
Pasti kalo ga kaya mama ya kaya papa
Lain kalo ga kaya mama papa ya kaya siapa dong
Masa kaya tetangga, he he ..

Makanya terus berbakti sama ortu biar cepet kaya
Juga berdoa dan berusaha dan jangan putus asa

Sample Css Style

/* PROFILE CSS TEMPLATE */
/* DARKGREY_BASIC_IMAGES */
/* www.solarianoir.net */

td.menu_user {
background: #444444;
}
td.top_menu {
background: #444444;
}
td.top_menu2 {
background: #444444;
}
div.top_menu_link, div.top_menu_link_container_end, div.top_menu_link,

div.top_menu_link_container, div.top_menu_link_loggedin {
background: transparent;
}

td.profile_tab a, td.profile_tab a:hover {
background-color: #333333;
padding: 7px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-left: none;
border-top: none;
font-weight: bold;
display: block;
}
td.profile_tab a:hover {
background-color: #444444;
}
td.profile_tab2 a, td.profile_tab2 a:hover {
background-color: #222222;
padding: 7px 10px 8px 10px;
border: 1px solid #AAAAAA;
border-left: none;
border-bottom: none;
border-top: none;
font-weight: bold;
display: block;
}
#profile_tabs_profile {
border-left: 1px solid #AAAAAA;
}
td.profile_tab_end {
border-bottom: 1px solid #AAAAAA;
}

/* GLOBAL STYLES */
body {
background: #222222;
cursor: crosshair;
/* scrollbar colours */
scrollbar-face-color: #212121;
scrollbar-highlight-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #616161;
scrollbar-arrow-color: #A1A1A1;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
padding-top: 16px; /* distance between top of page and content */
padding-bottom: 20px; /* distance between bottom of page and content */
}

/* Top Menu Links */
a.top_menu_item:link { color: #cccccc; text-decoration: none; }
a.top_menu_item:visited { color: #cccccc; text-decoration: none; }
a.top_menu_item:hover { color: #FFFFFF; text-decoration: none; }

/* LOGGED IN Menu Links */
a.menu_item:link { color: #aaaaaa; text-decoration: none; }
a.menu_item:visited { color: #aaaaaa; text-decoration: none; }
a.menu_item:hover { color: #ffffff; text-decoration: none; }

/* Global Links */
a:link { color: #aaaaaa; text-decoration: none; }
a:visited { color: #aaaaaa; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }

/* Content Box */
td.content {
background-color: #222222;
/* distance between outer borders and content box */
padding: 10px;
}

/* Applies to most interior content */
div, td {
font-family: arial; /* almost global font */
font-size: 11px;
color: #dddddd;
line-height: 140%; /* distance between lines of text */
text-align:justify;
}

/* TOP Menu */
td.topbar2, td.topbar2_right {
border: 0;
background-color: #222222;
background-image: url(./images/sample_styles/darkgrey/menu_bg.gif);
background-repeat: repeat-x;
font-weight: bold;
font-size: 16px;
padding: 10px 8px 10px 8px;
color: #FFFFFF;
}

/* User Logged In Menu */
td.menu {
background: #333333;
/* background-image: url(./images/sample_styles/darkgrey/menu2_bg.gif); */
border-width: 0px;
border-bottom: 4px;
border-color: #777777;
padding-top:10px;
background-position: bottom;
}

/* User Logged in Menu Items */
td.menu_item {
background: #333333;
/* background-image: url(./images/sample_styles/darkgrey/menu2_bg.gif); */
padding-top: 0px;
padding-right: 6px;
padding-bottom: 5px;
padding-left: 6px;
font-size: 11px;
font-weight: bold;
font-family: arial;
background-position: bottom;
}

/* User Logged in Menu Shadows */
td.shadow {
background: none;
visibility:hidden;
}

td.shadow img {
display: none;
visibility:hidden;
}

/* Yourname's profile Bar */
div.page_header {
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #333333;
margin-bottom: 10px;
padding: 8px 10px 8px 10px;
border-top: 1px solid #555555;
}

/* Global Headers - Titles */
td.header {
padding: 4px 2px 4px 4px;
border: 1px solid #666666;
border-bottom: none;
font-weight: bold;
background: #666666;
background-image: url(./images/sample_styles/darkgrey/header.gif);
background-repeat: repeat-x;
color: #ffffff;

}

/* PROFILE STYLES */

/* Profile Box */
td.profile {
background-color: #333333;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
border-width: 1px; /* adjust the width for styling of content borders */
border-color: #444444;
margin-bottom: 0px;
/* padding values to vary the distance between interior element borders and their content */
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
}

/* Recent Activity */
div.profile_action {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #444444;
font-size: 14px;
}

/* Profile Photo */
td.profile_photo {
border: 0px solid #aaaaaa;
padding: 4px;
background-color: #555555;
border:1px;
border-color: #000000;
border-style: dotted;
}

img.photo {
border-top: 1px;
border-color: #000000;
}

/* Menu Options (below your profile image) */
table.profile_menu {
border: 0px;
}

td.profile_menu1 a {
background-color: #333333;
background-image: none;
background-repeat: repeat-y;
background-position: top right;
border-bottom: 1px solid #555555;
padding: 5px 5px 5px 7px;
font-size: 11px;
font-weight: bold;
}

td.profile_menu1 a:hover {
background-color: #555555;
color: #ffffff;
font-weight: bold;
background-image: none;
}

/* Comments Section */
td.profile_viewcomments_postcomment {
padding: 1px;
color: #cccccc;
border: 0px solid #CCCCCC;
background: #333333;
}

td.profile_postcomment {
padding: 18px;
border: none;
border-bottom: 1px solid #555555;
background: #333333;
color: #cccccc;
}

td.profile_comment_author {
padding: 5px 7px 5px 7px;
background: #444444;
}

textarea {
color: #eeeeee;
height:100px;
background: #444444;
border: 0px;
padding: 12px;
font-size: 12px;
}

img.signup_code {
background: #ffffff;
padding: 0px;
border-width: 2px;
border-color: #000000;
}

#dhtmltooltip {
background: #555555;
border: 1px solid #AAAAAA;
}

/* Events Section */
div.profile_event_spacer {
border-top: 2px solid #555555;
margin: 0px 0px 0px 0px;
padding: 4px;
}
td.profile_event_popup_title {
font-size: 11pt;
vertical-align: bottom;
font-weight: bold;
padding: 10px;
}

td.profile_event_popup2 {
background: #ffffff;
width: 640px;
padding: 8px;
}

td.profile_event_transparent {
background: #000000;
opacity: 0.5;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}

Sample Scraps

http://www.tothefun.com/
http://www.123orkut.com/