Somebody asked me what is Web 2.0 Design, and how to design it. You can read about the web 2.0 design at wikipedia.


By this time I will teach you how to make a Web 2.0 Design which can be use in Web Designing, Logo Designing and other Web Interface Design. In fact, this my commonly used design for my clients. These sample of Web 2.0 Design stuffs can be seen at my portfolio.

From a hobby, now a habbit. A well-matched blog and design always comes in pair. Here are couples of criteria in designing a blog.

New Friendster Layout Style by xsabrina.chic of vixenart.net. Just want to remind you that this kind of Friendster Layout Style is just my own idea. If you want to use my whole code as your pattern please DO NOT remove my name as credit. Also, please DO NOT claim the style and code as yours.


Use this code for the upper left image header:
Note: The image to use as header must be 490px in width.
I just added the width property


/* FRIENDSTER MAGIC & VIXENART.NET */
#navigation {
background-image: url(URL OF IMAGE HERE);
height: 65px !important;
position: relative !important;
margin: -10px 0 0 0;
padding: 130px 0 0 0;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top left;
background-color: #000000;
width: 490px;
}

Continue Reading Tutorial!

♥ Wu Chun Photo Scrap Tutorial Using Photoshop ♥

Wu Chun’s Photo Collections

Before we start, do you want to know Wu Chun’s Profile and Biography?
Continue Reading Tutorial!

THESE TRICKS ARE FULLY SELF-CODED BY xSABRINA.CHIC
Please do not remove credits.

SCROLLBAR COLOR [+] (IE users)
/* SCROLLBAR xsabrina.chic's code - vixenart.net */
html{
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-shadow-color: #;
}

SEARCH SUB NAVIGATION LINKS [+]
/* SEARC SUBNAV xsabrina.chic's code - vixenart.net */
#subnav_search #subnav{
color: #;
}
#subnav_search #subnav a{
color: #;
}
#subnav_search #subnav a:hover{
color: #;
text-decoration: ;
}

FOOTER [+]
/* FOOTER xsabrina.chic's code - vixenart.net */
#footer{
color: #;
background-color: #;
background-image: url();
padding: 20px 0;
}
#footer a{
color: #;
text-decoration: ;
}
#footer a:hover{
color: #;
text-decoration: ;
}

SHOUTOUT BOX [+] (FF users)
/* SHOUTOUT BOX xsabrina.chic's code - vixenart.net */
#cpShoutoutBox{
background-color: #a22b2b;
border: 2px solid #000000;
display: block;
color: #e88eae;
}
.sob{display:none;background:transparent;}
.sol{display:none;background:transparent;}

TRACKER [+] (FF users)
/* TRACKER xsabrina.chic's code - vixenart.net */
.user_tracker{
background-color: #a22b2b;
border: 2px solid #000000;
color: #e88eae;
}
Continue Reading Tutorial!