Posts for the Tutorials Category

Navigational CSS Coding Tricks

Posted on April 15th, 2008 by xsabrina.chic | Filed Under » Coding, Tutorials | 63 Comments

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;
}

[Read More...]

Advertisements

Navigational CSS Layout Plus Designing Tutorial

Posted on April 15th, 2008 by xsabrina.chic | Filed Under » Coding, Designing, Tutorials | 136 Comments

Requirements:
* Adobe Photoshop in any Version
* Notepad
* Creativity
* Patience
Think and imagine first on what would be the design of your Friendster Layout.
As the tutorial will start, this is just my own desire. Choose your own and be creative.
By this time I’m using Adobe Photoshop CS3, but you can follow the step if you have other [...]

Page 2 of 2«12