Vintage Love

Layout designer

Rate this layout

» Layout Preview

“-Vintage Love-layout request by:Nicole(CROSSOVER)“
Layout by: HIKaru-kun
TO GET ITS CODE CLICK HERE
add me up shika_washio@yahoo.com or just Clikie Here
.,arigato gozaimasu,,
~HIKaru-kun_sai(0_x)

Code for CSS section
/* {--friendster-layouts.com css code start--} */ /*VINTAGE LOVE LAYOUT BY: SHIKA_WASHIO@YAHOO.COM*/ /*dont copy*/ /* HIDDEN TOP NAVIGATIONS */ #logo, #mainnav, #subnav, #search { display: none !important; } /* FriendsterMagic - remove logo */ #logo {display:none;background:transparent;} /* FriendsterMagic remove search form*/ #search {display:none;background:transparent;} #search form {display:none;background:transparent;} /* FriendsterMagic - remove footer */ #footer_container {display: none;} #footer {display: none;} /* FriendsterMagic - hide the connection box */ #meettrail{display:none;background:transparent;} /* FriendsterMagic - hide google ads */ #googleAdFactory.fullwidth{position:absolute;top:-5500px;} /* FriendsterMagic - hide report abuse */ .reportabuse{display:none;} /* FriendsterMagic - remove featured sponsor */ #marketing_bg{display:none;background:transparent;} #navigation div { background:;; } /* CUSTOMIZED SCROLLBAR COLOR */ body { scrollbar-face-color: ff99cc; scrollbar-arrow-color: #ff3399; scrollbar-highlight-color: 993300; scrollbar-shadow-color: 993300; scrollbar-3dlight-color: 993300; scrollbar-track-color: 993300; scrollbar-darkshadow-color: #ff6699; } #navigation div { background:;; } /* MAIN */ .controlpanel .q { background: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/vintage/vintage.gif) no-repeat center left; padding: 0 0 0 25px;} /* MORE ABOUT */ .usercontent .q{ background: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/vintage/vintage.gif) no-repeat left; padding: 0 0 0 16px;} /* LEFT SIDE SCROLLBAR AND INTERCHANGE BOXES POSITION */ body { direction: rtl; } .controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook { direction: ltr; } #meettrail, .friends, .myfans, .fanof, .groups { direction: ltr; } #navigation { direction: ltr !important; } /* FRIENDS NAME BG */ .commonbox .dr { background-color:transparent; } body {border-style: ridge; border-top-color: 993300; border-bottom-color: 993300; border-left-color: 993300; border-right-color: 993300; border-top-width: 20px; border-bottom-width: 20px; border-left-width: 25px; border-right-width: 25px;} /* PAGE BACKGROUND */ body { background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintagebg.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-color: ffffff; scrollbar-face-color: #000000; scrollbar-highlight-color: ffcccc; scrollbar-shadow-color: ff99cc; scrollbar-3dlight-color: #ffcc99; scrollbar-arrow-color: #ff3399; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #ff6699; cursor: url("http://www.123cursors.com/freecursors/8372.ani"),default; } #navdivider {display:none;background:transparent;} #content_friends_2_2 {overflow-y:scroll; height:300} /* SCROLLING SCRAPBOOK BOX */ #content_scrapbook_1_8 { padding: 2px 2px 2px 2px; overflow: auto; width: 100%; height: 250px; } /* CENTER PROFILE TEXT AND CONTENTS */ body,td,tr,div,p { text-align: center; } /* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */ body, td, tr, div, p { color: 993300; font: '10 to 16'px 'Verdana, Arial, Comic Sans MS, etc...'; text-align: center; } /* GLOBAL LINKS */ a:link, a:visited, a:active, a:hover { font-size: '10 to 16'px; font-weight: normal; color: 993300; text-decoration: none; } a:hover { font-size: '10 to 16'px; font-weight: bold; color: 993300; text-decoration: underline; } a.action:link, a.action:visited, a.action:hover, a.action:active { color: 993300; } a:hover { color: 993300; text-decoration: underline; } /* GLOBAL BOXES */ .commonbox { border-width:2px; border-color: ff99cc; border-style:dashed; background-color:transparent; } /* MASTER BOXES */ .commonbox { border-width: 10px; border-color: 993300; border-style: dashed; background-color: transparent; background-attachment: fixed; background-position: center; background-repeat: repeat; filter:alpha(opacity=80); } .commonbox .evenrow { background-color; #000000; filter:xray(opacity=80;); } /* MASTER HEADERS */ h1 { text-align: center; font-size: 125%; color: 993300; background-color: transparent; width: auto; } h2 { text-align: center; font-size: '110 to 125'%; color: #FC618D; background-color: transparent; width: auto; } .commonbox h1, .commonbox h2 { background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-repeat: repeat; height: 24px; line-height: 24px; padding-left: 11px; } /* CONTROL PANEL: BOX */ .controlpanel { border-width: '1 to 10'px; border-color: 993300; border-style: groove; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } } /* CONTROL PANEL: USER PHOTO */ .imgblock200 { width: 200px; background: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-attachment: fixed; background-repeat: repeat; border: 6px ridge 993300; text-align: center; margin-bottom: 5px; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } .imgblock200 img { margin: 0 auto; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-size: '10 to 16'px; color: ff99cc; } .controlpanel .data { font-size: '10 to 16'px; color: ff99cc; } .controlpanel ul.data, .minicontrolpanel ul.data { font-weight: bold; margin-bottom: 15px; } .controlpanel ul.data li, .minicontrolpanel ul.data li { margin-bottom: 5px; } /* CONTROL PANEL: MORE ABOUT ME LINK */ .controlpanel a.more, .minicontrolpanel a.more { font-weight: bold; background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg) repeat 0 50%; padding-left: 8px; margin-top: -5px; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a:hover { font-size: '9 to 12'px; color: #ff66cc; border-color: 993300; background-color: transparent; background-repeat: repeat; text-decoration: underline; } #controlPanelButtons { width: 200px; margin-top: 3px; padding-bottom: 1px; } #controlPanelButtons li { display: inline; } #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-size: '9 to 12'px; color: 993300; width: 100px; text-align: center center; float: left; display: inline; background: transparent; border: '1 to 2'px 'solid, outset, ridge, etc...' #HEX VALUE; margin: 0 -1px -1px 0; padding: 6px 0; } #controlPanelButtons a:hover { color: #F592AE; background: #HEX VALUE; } /* BOX: MORE ABOUT ME */ .moreabout { border-width: '1 to 10'px; border-color: 993300; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } .moreabout .q { font-size: '10 to 16'px; } /* BOX: MY PHOTO GALLERY */ .photos { border-width: 6px; border-color: 993300; border-style: groove; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } .flogridp .flogriditem { margin-left: 16.5px; width: 100px; height: 75px; background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg) repeat; } /* PHOTOBLOCKS */ .ir { background-image:url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); width:100px; height:75px; border-style: ridge; border-color: 993300; border-width: 4px; background-attachment:fixed; background-position:center; background-repeat:repeat; margin:0px;0px;20px;0px; } /* BOX: MY FRIENDS */ .friends { border-width: 8px; border-color: 993300; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY VIDEOS */ .videos { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; } /* BOX: MY GROUPS */ .groups { border-width: 8px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; margin-top: -14px; width: 300px; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY TESTIMONIALS */ .testimonials { border-width: 6px; border-color: 993300; border-style: dashed; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY PUBLICCOMMENTS */ .publiccomments { border-width: 8px; border-color: 993300; border-style: dashed; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY SCRAPBOOK */ .scrapbook { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; width: 580px; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: FAN OF */ .fanof { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY FANS */ .myfans { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY REVIEWS */ .reviews { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY BLOGS */ .blogs { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* BOX: MY BLOG REVIEWS */ .blogsreviews { border-width: '1 to 10'px; border-color: #HEX VALUE; border-style: 'solid, groove, ridge, etc...'; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; filter:alpha(opacity=85); -moz-opacity:0.8;opacity: 0.8; } /* MISC: VIEW ALL and EDIT LINKS */ .commonbox .viewall, .commonbox .editlink { padding: 4px 11px; font-weight: bold; } .commonbox .editlink { float: right; } /* MISC: SMALL PHOTOS */ .imgblock75 { width: 75px; height: 75px; border: 3px ridge 993300; background: transparent; overflow: hidden; } .imgblock75 img { height: 75px; margin: 0 auto; } .ir { background: transparent; border: 3px ridge 993300; text-align: center; overflow: hidden; } /* MISC: SMALL PHOTO NAMES */ .dr { text-align: center; background: transparent; padding: 3px 0; border-top: none; white-space: nowrap; } /* CURSOR: LINKS */ a,a:link,a:visited,a:active,a:hover { cursor:url("http://www.123cursors.com/freecursors/8372.ani"),default; } /* NAVIGATION BOX */ #navigation { height: 50px !important; position: relative !important; margin: 10px 0 30px 0 !important; padding: 280px 0 0 0 !important; border: '0'px 'none' !important; font-family: 'Comic Sans MS' !important; line-height: 1.0em !important; background: transparent !important; background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/bannervintage.jpg) !important; background-position: center center !important; background-repeat: no-repeat !important; } #navLang { font-size: '10 to 12'px; text-align: right; margin: 5px 15px 0; } #navLang a { font-size: '10 to 12'px; padding: 0 3px; } #navLang a:hover { font-size: '10 to 12'px; } #navLang span.selLang { background: transparent; padding: 0 3px; } .languagePanel { margin: 0; padding: 7px 10px !important; border: 2px 'solid, ridge, groove, etc...' #HEX VALUE; background: #HEX VALUE; position: absolute; z-index: 2000 !important; text-align: left; } .languagePanel div, .languagePanel input { margin: 3px 0; } .languagePanel h2 { color: 993300; font-size: 14px; margin-bottom: 5px; } .languagePanel { width: 280px; left: 680px; top: 10px; line-height: 16px; } .languagePanel .promptButton { background: transparent; border: 1px solid #HEX VALUE; color: 993300; width: 60px; } #navBg { position: absolute !important; width: 100% !important; height: 85px !important; } #navBar { position: relative !important; } #navdivider { width: auto !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; border: none !important; } /* SHOUTOUT BOX AND FONT */ .controlpanel .so, .minicontrolpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg) repeat-y right center; color: #HEX VALUE; font-weight: bold; border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE; } .controlpanel .so a, .minicontrolpanel .so a { color: 993300; } .controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox { padding: 7px 7px 5px 7px; margin: 0; } .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox { display: none; } .controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background: url() no-repeat; } .controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background: url() no-repeat; line-height: 0; font-size: 0; } .controlpanel .label, .minicontrolpanel .label { text-align: left; font-weight: bold; margin: 10px 0 3px 0; color: 993300; } /* ONE COLUMN FRIENDS LIST */ .friends div .boxcontent { width: 100%; text-align: left; margin-left: 100px; } .friends .flogrid75 { text-align: left; width: 75px; } .friends div .viewall a { text-align: center; width: 100%; padding-left: 30px; } /* CUSTOMIZED RECENT UPDATES BOX */ .user_tracker { width: 95%; font-size: 16px; background: transparent; background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; border: 3px groove 993300; color: #ff66cc; } .user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited { margin-left: 5px; font-size: 10px; font-weight: normal; color: 993300; text-decoration: none; } .user_tracker ul li a:hover { font-size: 16px; font-weight: bold; color: 993300; text-decoration: underline; } /* HOVER BACKGROUND EFFECT */ a:hover, a.navbar:hover { background-image:url(YOUR GIF IMAGE URL HERE); } a:hover img { background-image:url(YOUR GIF IMAGE URL HERE); filter:none; } /* MAIN PHOTO HOVER CHANGE */ .imgblock200 a:hover img { opacity:.0; filter: alpha(opacity=100); margin: 0 auto; } .imgblock200 a:hover { background-image: url(YOUR IMAGE URL HERE); background-position: center center; background-repeat: no-repeat; text-align: center; margin-bottom: 5px; } /* MOREABOUT SCROLLINGBOX */ #content_6 { padding: 2px 2px 2px 2px; overflow: auto; width: 100%; height: 250px; } /* PUBLICCOMMENTS SCROLLINGBOX */ #content_18 { padding: 2px 2px 2px 2px; overflow: auto; width: 100%; height: 582px; } /* TESTIMONIALS CONTENT SCROLLINGBOX */ .publiccomments div div .dtd { width: 100%; } .publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: auto; border: '1 to 10'px 'solid, outset, ridge, etc...' #ff0066; width: 400px; height: 100px; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: top center; background-repeat: repeat; } /* PUBLICCOMMENTS CONTENT SCROLLINGBOX */ .publiccomments div div .dtd { width: 100%; } .publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: auto; text-align: center; border: 4px 993300; width: 400px; height: 100px; background-color: transparent; background-image: url(); background-position: center center; background-repeat: repeat; } .commonbox .evenrow { background-color: #000000; } /* TESTIMONIALS IMAGES */ .commonbox .imgblock75 { background-image:url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); width:100px; height:75px; border-style: ridge; border-color: 993300; border-width: 4px; background-attachment: fixed; background-position:center; background-repeat:repeat; margin:0px;0px;20px;0px; } /* CUSTOMIZED NEW COMMENT BOX FORM */ #quickcomment { border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE; background-color: transparent; background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; } .pc_textarea { width: 500px; height: 150px; background-color: transparent; border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE; color: #HEX VALUE; font-family: 'Verdana, Arial, Comic Sans MS, etc...'; font-size: '10 to 16'px; font-weight: normal; } #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); border-style: ridge; border-width: 4px; border-color: EC32B7; background-attachment: fixed; background-position: left; background-repeat: no-repeat; background-color: transparent;} /* MAIN PHOTO HOVER CHANGE */ .imgblock200 a:hover img { opacity:.0; filter: invert(opacity=100); margin: 0 auto; } .imgblock200 a:hover { background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/vintageboxes.jpg); background-position: center center; background-repeat: repeat; text-align: center; margin-bottom: 5px; } /* IMAGE EFFECTS */ a:hover img { filter:fliph(Opacity=100,FinishOpacity=0,Style=2); } /* {--friendster-layouts.com css code end--} */
Code for Media/About Me
<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/hikaru/" title="hikaru's layouts">hikaru's layouts</a></p>
Add Layouts Widget
Download Background Image

• Published by hikaru on April 19th, 2008 (7:28 GMT).

Other layouts from 'Bright' category:

Friendster-Layouts.com

Vintage Love

Navigation Links

Browse Layouts

Sponsors