2 Users appreciate this thread.
Codes I use.
meowflash (2013-05-25 01:19:44)The word after friends code can't seem to work!
This post has been edited one or more times, the last time was:2013-05-25 08:20:14
#StopTheHate
Give a man a fish, you'll feed him for a day. Teach him how to fish, he'll eat whatever he catches! SO SIMPLE.
Give a man a fish, you'll feed him for a day. Teach him how to fish, he'll eat whatever he catches! SO SIMPLE.
SPCOxion (2013-05-31 18:26:25)You don't need text-weight: bold for the words before and after your friends.
Log in to submit a comment
Back to forum: Profile Design (3DSPlaza BBCode and BBCode CSS)
New registered users today: 8
Newest registered user: Dolce21dsisBack
Inner background : [style].content{background-image:url(' URL HERE'
Outer background : [style]body{background-image:url(URL HERE )!important;}[/style]
This code is to make everything on your profile ONE image. Of course it will only color some places if you already have all the other codes down. Like for example my profile. See how it looks? This code also makes the Box code ( which you will see later in the guide ) with the image same as spoilers. : [style]div{background:url('IMAGE URL HERE'
Header image : [style]img.header{height: 0px;}div.header{height: 200px; background-image: url( URL HERE);}[/style]
Image header code that changes the inner image header on PC use background image Header code with it. : [style]img#header{display: none;}.header{height: ???px; background-repeat: no-repeat !important; background:url(URL HERE); background-size: 100% 80%;}#navbar{margin-top: ???px;}[/style]
This next code edits the image of the " Back To Home " button on the 3DS/DSi version: [style]div.menu{background-image:url( IMAGE URL HERE )!important;} [/style]
Comment box half 1 : [style].commentbox_1{background-image:url( URL HERE)!important;} [/style]
Comment box half 2 : [style].commentbox_2{background-image:url(URL HERE)!important;} [/style]
Where you type comments : [style]div.post_comment{background-image:url(URL: HERE);}[/style]
Text box area:[style].post_comment textarea{background-image:url(URL HERE);}[/style]
This code make your profile picture any image you want it to be with a URL, Any size, It is only visible on 3DS/DSi & it gets rid of the EDIT PROFILE button so make sure to save your page for profile editing before you put this down! : [style]h2{content:url( IMAGE ULR HERE );}[/style]
To put words before your user name : [style]h2:before{content:' WORDS HERE ';}[/style]
And after.. : [style]h2:after{content:' WORDS HERE ';}[/style]
How to make words colored : [ color=FF00FF ] Hi [ /color ] no spaces = Hi
How to make all words on your profile 1 color : [style]div.menu,body,a{color:magenta;}[/style]
How you put words on the header : [style]div.header:before{content: ' WORDS HERE ';}[/style]
How to make shadowed text ( It only shows on PC ) : [style]body{font-style: normal;font-weight: normal;line-height: 200%;word-spacing: 2px;letter-spacing: 0.100px;text-decoration: normal;text-transform: normal;text-align:center;text-indent: 0ex;font-family:arial black ;text-shadow:5px 5px 10px #00FFFF;}}[/style]
How to make double text ( Only shows on PC, I don't use this code I just feel like sharing it ) : [style]body{backround-color:aqua;color:black;text-shadow:1px 1px aqua, -1px -1px White;font-family:none;font-weight:bold;font-size;15px;}[/style]
Centers all text on your profile : [style].content{text-align: center;}[/style]
How to put text before your friends names : [style]a.friend_links:before{content: ' WORDS HERE ';text-weight:bold;}[/style]
After... : [style]a.friend_links:after{content: ' WORDS HERE ';text-weight:bold;}[/style]
How to make box's around friends names. Example look at my friends list see how I have the color around the name? Yeah that! If you want the inner or outer part to be empty just put in empty. : [style]a.friend_links{border:ridge 2px COLOR HERE ;background-color: COLOR HERE ;}[/style]
How to make bold text : [ b] Hey [ /b] = Hey
How to make fancy text : [ I ] Hey [ / I ] = Hey
How to make underlined text : [ u ] Hey [ / u ] = Hey
How to center words. [ center ] Hey [ / center ]
=
How to make invisible spoiler : [ cspoiler=Name] Text [/ cspoiler] Without spaces.
How to make perfect sized images : [ simg ] IMG URL [ /simg ] No spaces.
A border for when you hover over images : [style]img:hover{border:4px dotted red;}[/style]
Color for when you hover over links : [style]a:hover{color:red;}[/style]
How to put images before friends names : [style]a.friend_links:before{content:url(URL HERE);}[/style]
And after your friends names.. : [style]a.friend_links:after{content:url( );}[/style]
How to make a round colored box : [ rbox=black ] [blue ] Hi [/ blue] [/ rbox] with no spaces =
How to make a normal box: [ box=black ] [blue ] Hi [/ blue] [/ box] with no spaces =
PLEASE NOTE: The only colors that work with the box's are : Yellow . Blue . Red . Pink . Orange . Purple . Aqua . Lime . Green . Magenta ONLY works with the outer box color. Not the words.
Sorry if the coding looks kinda messy, I didn't really care. lol
2013-10-28 00:25:23