Username:
Password:
Remember me:
Register

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


Search forums via Google


1 Users appreciate this thread.

[HOWTO] Creating and Styling DIVs
 >  >>
Started by CoolApps
(2015-12-29 19:26:37)
CoolApps (2015-12-29 19:26:37)
Ever wanted to do more with your profile with customly defined DIVs? Well, here it is!

Step 1 - Setting Up
In order to do this, for the DIV CSS you'll need to use a web server or service such as PlazaCSS to host your CSS.
This will NOT work if the DIV CSS is directly placed into the 3DSPlaza biography editor textarea.
for the techies show
This would fail because Plaza would convert quotes into HTML entities which would make the DIV CSS we're needing to use invalid.
If you're using a web server or an other service then use this:
[style]@import url(http://example.com/path/to.css);[/style]
This should be added in the end of the profile to be on the safe side.

Step 2 - DIV Creation
Now we have the important part done, next is to create the DIV(s).
How you ask? The BBCodes [b​ox] (block) and [rb​ox] (rounded block) have been around for a long time. For simplicity sake (because we don't want to style more than we have to), we'll go with [b​ox].
Enter this in your Plaza biography:
[b​ox=COLOUR]whatever you want[/b​ox]
Obviously replace 'COLOUR' with a colour, preferably a hex code if you want to make it unique. This would not only change the background colour but it would also act like an ID.

Step 3 - Givin' Dem Dat SWAG Style
So here's the part we've been waiting for.
In the CSS file you had uploaded to a server or whatever, place something like this (remember to replace 'COLOUR' with the one you had set):
div[style="background-color: COLOUR;"] {
...
}
Where it shows '...' is where you should place your own CSS declarations. A nice example would be 'padding: 5px;'.

Once that's all saved, it should be all good.
If you want to see a demo, my profile has this set up.

If you're going to copy & paste, you may need to retype the tags you're pasting.
They were altered so that they would visually show up raw. This would primarily be the [b​ox] tags.


This post has been edited one or more times, the last time was:
2015-12-29 23:40:12

Newer account: NodePoint
PANZERFAUST (2016-01-02 01:13:20)
I don't understand...
I miss you
CoolApps (2016-01-02 04:33:25)
what part
Newer account: NodePoint
PANZERFAUST (2016-01-02 04:53:11)
Everything, literally.
I miss you
CoolApps (2016-01-02 05:31:01)
had a feeling.
Newer account: NodePoint
PANZERFAUST (2016-01-02 08:53:36)
I honestly don't even get what this thread is about.
I miss you
CoolApps (2016-01-03 05:29:45)
As I said in the OP, my profile shows it in action. Specifically it would be the red and black boxes I had organised my text in.
Newer account: NodePoint
PANZERFAUST (2016-01-03 06:41:38)
I somewhat get it now! Thanks.
TBH I was sorta high when I first read this.


EDIT: I do not understand how to do stuff using PlazaCSS though.

This post has been edited one or more times, the last time was:
2016-01-03 06:57:25

I miss you
CoolApps (2016-01-03 07:17:19)
You paste the code from the small text box to the bottom of your profile bio. You then use the large textarea to place your CSS in.
Newer account: NodePoint
PANZERFAUST (2016-01-03 07:56:56)
I understand that, but I don't know what to put in the large textarea.
I miss you
CoolApps (2016-01-03 14:21:22)
Profile CSS.
Newer account: NodePoint
PANZERFAUST (2016-01-03 15:37:34)
How did you make those box thingies?
I miss you
CoolApps (2016-01-03 16:10:42)
well first you go back up to the guide...
Newer account: NodePoint
PANZERFAUST (2016-01-03 20:05:12)
Yes, that is usually pretty critical. Then what?
I miss you
Leviathan (2016-02-15 06:53:44)
ing coolapps.

You just gave me a reason to come back here.

To continue being one of the top 10 profilers.
I'm an open book, there are few questions I won't answer honestly, no matter how embarrassing.
 >  >>

Log in to submit a comment

This topic's ID: 81874

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




Total registered users: 8321
New registered users today: 7
Newest registered user: ElegantVulpes

©  Copyright 2026 3DSPlaza. All Rights Reserved