Username:
Password:
Remember me:
Register

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


Search forums via Google


2 Users appreciate this thread.

Simple Profile Guidelines
Started by Foreverluv
(2014-04-15 21:09:54)
Foreverluv (2014-04-15 21:09:54)
Welcome to my Simple Profile Guidelines thread!

I have been having users PM me about getting their profile done by me. But it gets to be a big hassle so here is some guidelines and tips on how to make your profile EPIC

First off I will start with text
There are many ways to make your text different.
Here are some basic ways
*Make sure you don't add spaces!!*
Underlined text:
[u ][/u ] =Text
Bold Text:
[b ][/b ] =Text]
Italic Text:
[i ][/i ] =Text
Highlighted text:
[hl ][/hl] =Text
Strike through:
[s ][/s ] =Text

*Exclusive!!*

Everybody has been asking me about the rainbow text. It lags your profile but here it is!! Just a reminder don't forget to add spaces!!
[ style]@-webkit-keyframes color{0%{color:red}20%{color:yellow}40%
{color:green}60%{color:cyan}
80%{color:blue}100%{color:magenta;}}div{-webkit-animation:color 1s infinite linear;}[ /style]

To make your Comment boxes rotate will make your profile lag as well. But here is the code for that:

[ style]-webkit-marquee:auto fast infinite scroll normal;
white-space:nowrap;}div{-webkit-animation:color 3s infinite linear;}@-webkit-keyframes orbit{0%{-webkit-transform: rotateX(0deg)}100%{-webkit-transform: rotateX(360deg);}}.commentbox_1{-webkit-animation: orbit 9s infinite linear;}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);}}.commentbox_2{-webkit-animation: spin 9s infinite linear;}@-webkit-keyframes blinker{0%{opacity:0}100%{opacity:1;
}}a{-webkit-animation:blinker 3s infinite linear alternate};[ /style]

I suggest you not use those codes for your profile will lag but hey knock yourself out.


To add one color text to your whole profile will be:

[ style]body{background-color:none!important; colorurple;text-shadow:1px 1px Purple, -1px -1px White; font-family:none;font-weight:cursive;font-size:10px;}[/ style]
You can add any color like Green Purple Pink and so on.


This next code will allow you to have one whole text the same as in Underlined [b]Bold
Italic or Strike Through



[ style].content{colorurple;font-weight:bold;text-decoration:underline;}[/ style]




Now comes the fun part.
BACKGROUND DESIGN

Designing your background can be fun. You can make it all different kinds of pictures.

Here I will give you the codes and a picture with it, the I'll recoup the code without a picture in it.

This code will make the background behind your main one a picture.

[style]body{background:url('http://i61.tinypic.com/o7ioo4.jpg';}[ /style]

[style]body{background:url('IMG URL HERE';}[/style]

This will make your "You Are Logged In As *Username*" area an image.

[ style]div.members_menu{background-image:url(http://i60.tinypic.com/260a1wm.jpg);}[ /style]

[ style]div.members_menu{background-image:url(IMG URL HERE);}[/ style]


[ style].content{background: url(http://i59.tinypic.com/bint49.jpg)}[/ style]

[style].content{background: url(IMG URL HERE)}[/style]


[style ]div.menu{background-image:url(http://i58.tinypic.com/ws78l3.jpg);}[/style ]

[style]div.menu{background-image:url(IMG URL HERE);}[/style]


Comment boxes:

[style ].commentbox_1{content:lime;background-image:url(http://i58.tinypic.com/ws78l3.jpg);}[/style ]

[style].commentbox_1{content:lime;background-image:url(IMG URL HERE);}[/style]

[style ].commentbox_2{content:green;background-image:url(http://i61.tinypic.com/30i9tzk.jpg);}[/style ]

[style].commentbox_2{content:green;background-image:url(IMG URL HERE);}[/style]


[style ].post_comment{background-image:url(http://i59.tinypic.com/ibe4h5.jpg);}[/style ]

[style].post_comment{background-image:url(IMG URL HERE);}[/style]


[style ] .post_comment textarea{background-image:url(http://i60.tinypic.com/260a1wm.jpg);}[/style ]


[style] .post_comment textarea{background-image:url(IMG URL HERE);}[/style]


This code will make your header and image.

[style ]img.header{height:0px;} div.header{height:200px; background-image:url(http://i57.tinypic.com/33jlcsl.jpg);}[/style ]

[style]img.header{height:0px;} div.header{height:200px; background-image:url(IMG URL HERE);}[/style]


I hoped this helped to all of you users!!


This post has been edited one or more times, the last time was:
2014-04-16 04:10:54

i liek turtles

Okay?
Okay.

RIP mini Niall Ily<3
Aaron was here and loves you
RobertABC (2014-04-16 11:35:24)
^
Hello
Foreverluv (2014-07-09 01:54:00)
I've found more codes. Just too lazy to put up d:
i liek turtles

Okay?
Okay.

RIP mini Niall Ily<3
Aaron was here and loves you
DrakeJericho (2014-07-30 03:34:37)
Bumped. Closed.
 

This topic is closed, so you can not post a comment.

This topic's ID: 69145

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