3DSPlaza forums - Murphys Guide

Back to forum: Profile Design (3DSPlaza BBCode and BBCode CSS)

Search forums via Google

4 Users appreciate this thread.

Murphys Guide
> >>

Started by PrinceMurphy
(2016-01-02 03:11:55)

PrinceMurphy (2016-01-02 03:11:55)

Last Updated: 1/15/2016

Welcome to my guide, where everything that can go wr- right, will. However! This isn't an ordinary guide! In this, I will share some of my favorite codes, some I find boring, and some not generally found in the older guides.

Key

- Green things are the general topic.
- Blue things are what the codes are for.
- Purple text is the code itself.
- Red things are changeable.
- Orange things are examples.
~~- Lines seperate things.~~

All good? Let's begin!

CSS Codes
The stuff that will make your profile pretty.

--

Backgrounds!
The stuff behind your text on your profile.

[style].content{background-image:url(IMG URL);background-repeat:no-repeat;}[/style]
This will create a single, unmoving background instead it repeating across the page. It doesn't work with color.

Comments!
Those lovely little messages people leave on your profile.

[Style]div.post_comment{display:none;}div.titlebox{display:none;}div.no_comments{display:none;}[/style]
This will completely erase your comments. I'd advise, if you have any, to delete them all first.

Span!
About Me, Friend Code, etc.

[Style]span{display:none;}[/style]
This will erase the normally blue text on your profile.

[Style]span{color:COLOR!important;}[/style]
This will change that blue text, to whatever color you want.

Navblock!
The links on the header for PC.

[style].navblock{border: NUMBERpx inset COLOR;}[/style]
This will border the navblock.

[style].navblock{display:none;}[/style]
This will delete your navblock, I don't advise it.

Buttons!
The buttons, such as the post button on comments, and the user search.

[style]input{background-color:COLOR;color:COLOR;border:NUMBERpx inset COLOR;}[/style]
This handy little code with change the text, background and put a border on all of your buttons.

[style]input{display:none;}[/style]
This will erase all of the buttons.

Links!
Do I have to explain this? The clickable text.

[style]a:link{text-decoration:none;}[/style]
This will remove the underline from all unvisited links.

[style]a:visited{text-decoration:none;}[/style]
This will remove the underline from all visited links.

[style]a:link{display:none;}[/style]
I think this will remove all unvisited links, I highly recommend you not use this.

[style]a:visited{display:none;}[/style]
I think this will remove all visited links, I highly recommend you not use this.

Header 2!
The thing that says "______'s Profile"

[style]h2:before/after{content:url(IMG URL);}[/style]

Images!

[style]img{border: NUMBERpx solid COLOR;}[/style]
This will border all images on your profile.

[style].user_image{border: NUMBERpx solid COLOR;}[/style]
I personally find this ugly but, eh, it puts a border around all the images you put up.

BBCode
These are little tricks that can spice up your profile.

--

Colored Text!

[COLOR]TEXT[/COLOR]

Example: [aqua]Hello There~![/aqua] = Hello There~!

Strike Through!

[s]TEXT[/s]

Example: [s]Hello there~![/s] = ~~Hello There~!~~

Detect Codes!

[detect=DSi/3DS/PC]TEXT[/detect]

Example: [detect=DSi/3DS/PC]Hello There~![/detect] = Hello There~!

Highlight!

[hl]TEXT[/hl]

Example: [hl]Hello There~![/hl] = Hello There~!

Images!

[img]IMAGE URL[/img]

Example: [img]https://38.media.tumblr.com/avatar_993303438e99_128.png[/img] =

Smileys!

I'll Spoiler them.

Spoiler: show

Tips And Other Helpful Stuff.
Just some extras.

--

Different styles for each device!

If you put detect codes ( See Above. ) around a chunk of codes, not every code, but all codes, those codes will only appear on the device you select. I use this on my own profile, check it out if you'd like.

Borders!

I didn't mention it above for all the border codes so I'll put all the border styles here.

- Solid
- Double
- Dashed
- Dotted
- Groove
- Ridge
- Inset
- Outset