• ARCHIVES 
  • » This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

Pages: 1

This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

alecsdale_02
» n00b
FTalk Level: zero
1
0
1969-12-31

This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it :D[/u][/b] [b]Copy[/b] these codes into a notepad and name it [b]myfile.css[/b]. [spoiler]/* FRIENDSTERTUTORIALS.COM */ /* Crossover Layout Generated At Friendstertutorials.com */ /* PAGE BACKGROUND */ body { background-image: url(http://i534.photobucket.com/albums/ee343/life_963_/music.jpg); background-attachment: scroll; background-position: top center; background-repeat: repeat; background-color: #000000; cursor: url(http://); scrollbar-face-color: #00BFFF; scrollbar-shadow-color: #00BFFF; scrollbar-highlight-color: #00BFFF; scrollbar-3dlight-color: #00BFFF; scrollbar-darkshadow-color: #00BFFF; scrollbar-track-color: #00BFFF; scrollbar-arrow-color: #00BFFF; border-style:dotted; border-top-color: #00BFFF; border-bottom-color: #00BFFF; border-left-color: #00BFFF; border-right-color: #00BFFF; border-top-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-right-width: 10px; overflow-x: hidden; } /* CURSOR */ a,a:link,a:visited,a:active,a:hover { cursor:url(http://),default; } /* GLOBAL FONTS */ .usercontent { font-family: comic; color: #32CD32; text-transform: none; } /* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active { font-family: comic; color: #32CD32; text-transform: none; } /* GLOBAL LINKS HOVER */ .usercontent a:hover { color: #32CD32; text-decoration: underline;} /* MASTER BOXES */ .commonbox { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } .commonbox .evenrow { background-image: url(http://); background-position: ; background-repeat: ; background-color: #000000; } /* MASTER HEADERS */ .commonbox h1, .commonbox h2 { background-image: url(http://); background-position: center center; background-repeat: no-repeat; background-color: #000000; font-family: comic; color: #32CD32; text-transform: none; border: #00BFFF 2px dotted; } /* MAIN BOXES: BULLETS */ .controlpanel .q { background: url() no-repeat center left; padding: 0 0 0 25px;} .usercontent .q{ background: url(http://) no-repeat left; padding: 0 0 0 16px;} /* CONTROL PANEL: BOX */ .controlpanel { background-image: url(); background-attachment: ; background-position: ; background-repeat: ; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* CONTROL PANEL: USER PHOTO */ .controlpanel .imgblock200 { border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-family: comic; color: #32CD32; text-transform: none; } .controlpanel .data { font-family: comic; color: #32CD32; text-transform: none; } .data a { font-family: comic; color: #32CD32; text-transform: none; } a.more { font-family: comic; color: #32CD32; text-transform: none; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { background-image: url(http://); background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; font-family: default; color: #32CD32; text-transform: none; } #controlPanelButtons a:hover { background-image: url(); background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; font-family: comic; color: #32CD32; text-transform: none; } /* BOX: MORE ABOUT ME */ .moreabout { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY PHOTO GALLERY */ .photos { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* ONE COLUMN FRIENDS LIST */ .friends { /*box*/ background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:5px } .friends div.boxcontent{width:100%;text-align:center;} .friends.flogrid75{text-align:center;width:75px;} .friends div.viewall a{text-align:center;width:100%;padding-left:20px;} /* BOX: MY FRIENDS */ .friends { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY VIDEOS */ .videos { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY GROUPS */ .groups { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY TESTIMONIALS */ .testimonials { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY PUBLICCOMMENTS */ .publiccomments { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY SCRAPBOOK */ .scrapbook { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: FAN OF */ .fanof { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY FANS */ .myfans { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted;} /* BOX: MY REVIEWS */ .reviews { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY BLOGS */ .blogs { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* BOX: MY BLOG REVIEWS */ .blogsreviews { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: #000000; border-width: 2px; border-color: #00BFFF; border-style: dotted; } /* MISC: COMMENTS/TESTIMONIALS TEXT */ .data { font-family: comic; color: #32CD32; text-transform: none; } /* MISC: VIEW ALL AND EDIT LINKS */ .commonbox .viewall, .commonbox .editlink { padding: 4px 11px; font-family: comic; color: #32CD32; text-transform: none; font-weight: bold; } .commonbox .editlink { float: right; } /* MISC: SMALL PHOTOS */ .commonbox .imgblock75, .ir { border-width: 2px; border-color: #00BFFF; background: transparent; border-style: dotted; } /* MISC: SMALL PHOTO NAMES */ .commonbox .dr { font-family: comic; background-color: #00BFFF; } /* PERSONALIZED LOGO */ #navigation { background-color: transparent; border: 2px dotted #00BFFF; margin:10px 0 30px 0; padding:260px 0 0 0; background-image: url(http://i35.tinypic.com/xdwnsn.jpg); background-attachment:scroll; background-repeat: no-repeat; background-position: center center; } #mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #F8F8FF; text-decoration:none; } } #mainnav .left {display:none;} #mainnav .right {display:none;} #navdivider {display:none;background:transparent;} #subnav {display:none;} #marketing_bg{display:none;background:transparent;} /* main navigation */ #mainnav { margin:0 0 10px 0; padding:0 0 2px 0; width:100%; font-size:9px; font-weight:bold; background: url() fixed no-repeat center; #F8F8FF;} /* MAIN NAVIGATION LINKS */ #mainnav, #mainnav .left, #mainnav .right { background-color: transparent !important; } #mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active { font-size: 11px !important; color: #F8F8FF !important; background-color: transparent !important; text-decoration: none !important; } /* #2 */ #mainnav a:hover { font-size: 11px !important; color: #F8F8FF !important; background-color: transparent !important; text-decoration: none !important; } /* #3 */ #mainnav span { color: #F8F8FF !important; } /* SHOUTBOX */ .somsg { background-image:url('none') !important; color: #000000; background-color:transparent ! Important; } .so {background-image:url('none') !important; background-color:transparent ! Important ; } .soc { background-image:url('none') !important; background-color:transparent ! Important ; } #delShoutoutForm {background-image:url('none') !important; background-color:transparent ! Important ; } #cpShoutoutBox { background-image:url('none') !important; background-color:transparent ! Important ; } #shoutoutForm { background-image:url('none') !important; background-color:transparent ! Important ; } .disabled normal { background-image:url('none') !important; background-color:transparent ! Important ; } .divider { background-image:url('none') !important; background-color:transparent ! Important ; } .fakeLink { background-image:url('none') !important; background-color:transparent ! Important ; } .sol {background-image:url('none') !important; background-color:transparent ! Important ; } .sob { background-image:url('none') !important; background-color:transparent ! Important ; } .commonbox .imgblock75 { background-image:url('none') !important; background-color:transparent ! Important } .ir { background-image:url('none') !important; background-color:transparent ! Important } .flogridp .flogriditem { background-image:url('none') !important; background-color:transparent ! Important } .dr { background-image:url('none') !important; border:none ! Important } .fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important } .controlpanel .so a, .minicontrolpanel .so a { color: #000000 !important; } /* RECENT UPDATE BOX*/ .user_tracker { color: #000000; background-color: #000000; background-image: url(http://); background-position: center center; background-repeat: repeat; border-width: 2px; border-color: #00BFFF; border-style: dotted; } .user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active { font-family: comic; font-size: px !important; font-weight: normal !important; color: #000000 !important; text-decoration: none !important; } .user_tracker a:hover { font-family: comic !important; font-size: px !important; font-weight: bold !important; color: #000000 !important; text-decoration: none !important; } /* TITLE BAR */ body{top:expr/**/ession(fstweakerspagetitle() function fstweakerspagetitle(){ document.title = 'MUSiC LAYOUT by RODRiGUEZ.29 ;)'; });} /* STATUS BAR*/ body{bottom:expr/**/ession( function fstweakersstatus() {window.status=''} if (document.layers) document.captureEvents(Event.mouseover) document.onmouseover=fstweakersstatus);} /* HIDE CONNECTION BOX */ #meettrail{display:none;background:transparent;} /*HIDE GOOGLE ADS */ #googleAdFactory.fullwidth{position:absolute;top:-5500px;} /* REMOVE SEARCH FORM*/ #search {display:none;background:transparent;} #search form {display:none;background:transparent;} .banner_ad_fix{display:none;} #banneradrow, #ads_2_3{display:none;} /* REMOVE MORE ABOUT*/ .controlpanel p {display:none;} /* HIDE FRIENDSTER LOGO */ #f_logo { display: none !important;[/spoiler] Just edit the codes if you want =). After that, register in [url]ripway.com[/url] and upload the file. OR Copy this: http://h1.ripway.com/rodriguez29/myfile.css and use External Link Css Generator [url]friendstertutorials.com/tools-and-generator/crossover-linker-generator.html[/url]. Generate the codes and paste it into your media box =). No screenshot as of now, but I'll update this later. I'll eat my lunch first :D. [quote]When you can live forever, what do you live for? -TWiLiGHT[/quote]
--AP--
» FTalker
FTalk Level: zero
160
0
1969-12-31

Re: This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

any screenshot or live preview...?? :/
Eliot Kid
» FTalkAddict
FTalk Level: zero
453
0
1969-12-31

Re: This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

:arrow: Any preview of your layouts? :retard: edited.. :arrow: Here is you preview.. [img]http://i290.photobucket.com/albums/ll258/niqo_hugo/music.jpg[/img] next time if you want to share your layouts make a screenshot... @alecsdale_02... Make your live preview :eh:

Last edited by Eliot Kid (2008-12-08 05:40:11)

chipster489
» FTalkWorm
FTalk Level: zero
16296
0
1969-12-31

Re: This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

[b]Post a preview, so dat we'l c ur work. :) [/b]
  • ARCHIVES 
  • » This is my first layout. Actually, I have not started with CSS layouts, I started with this crossover layout :D. [b]Hope you'll use it.[/b] [b][u]+rep please, I'm just a beginner/newbie here.I need it

Pages: 1

Board footer

© 2024 F Talk

Current time is 16:34

[ 10 queries - 0.076 second ]
Privacy Policy