You are not connected. Please login or register

Character Box

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Character Box on Tue Sep 08, 2015 2:23 pm

avatar
So I use this Character Box that looks like the following:


Kei




         
----------------------------------------------------------TEXT HERE------------------------------------------------------------------------


Mood: Hungry
Condition: Healthy
Health: 180
Aura: 120




If anyone is interested here is the code:
Spoiler:

Code:
<HTML><TABLE class=NOBORDER border=2 frame=void cellSpacing=12 borderColor=white cellPadding=3 width=100% background=http://illiweb.com/fa/pbucket.gif?t=1252116309> <TBODY width=300> <TD bgColor=#000000> <P align=center><IMG height=225 src="http://1.bp.blogspot.com/_YPFDDjQ_y_Y/SdOvaRmm7YI/AAAAAAAADPs/CZSMIIbv328/s320/drawing-manga-panel-comics.jpg" height=250><BR><FONT face="Times New Roman, Times, Serif" color=white size=2>Name goes here<BR></TD> <TD bgColor=#000000 colspan=2><FONT face="Times New Roman, Times, Serif" color=white size=3>

[center]----------------------------------TEXT HERE-------------------------------------------[/center]

</TD></TR> <TR> <TD bgColor=#000000><FONT face="Times New Roman, Times, Serif" color=white size=2><FONT size=2><div align=center>Mood:<br>Condition:<br>Health<br>Aura</TD> <TD bgColor=#000000><FONT size=2><FONT face="Times New Roman, Times, Serif" color=white size=2><FONT size=2><div align=center>Link:</TD></TR></TBODY></TABLE></P></HTML>

Here is what everything means:

Dark Blue: Color of the borders of the table
Light Green: Background image URL
Orange: Character Image URL
Pink: Color of the character's name
Dark Green: Character's Name
Brown: Color of the main text
Red: The main text
Cyan: Color of Mood and Condition / Link
Yellow: Mood, Condition, Health and Aura (Aura and Health aren't in the image, but you should be able to find them next to Mood and Condition in the code) based on the state described in the main text
Purple: link to the character's page

Here are BBcode colors that should work:
BBcode colors:
Spoiler:
Aliceblue
Antiquewhite
Aqua
Aquamarine
Azure
Beige
Bisque
Black
Blanchedalmond
Blue
Blueviolet
Brown
Burlywood
Cadetblue
Chartreuse
Chocolate
Coral
Cornflowerblue
Cornsilk
Crimson
Cyan
Darkblue
Darkcyan
Darkgoldenrod
Darkgray
Darkgreen
Darkkhaki
Darkmagenta
Darkolivegreen
Darkorange
Darkorchid
Darkred
Darksalmon
Darkseagreen
Darkslateblue
Darkslategray
Darkturquoise
Darkviolet
Deeppink
Deepskyblue
Dimgray
Dodgerblue
Firebrick
Floralwhite
Forestgreen
Fuchsia
Gainsboro
Ghostwhite
Gold
Goldenrod
Gray
Green
Greenyellow
Honeydew
Hotpink
Indianred
Indigo
Ivory
Khaki
Lavender
Lavenderblush
Lawngreen
Lemonchiffon
Lightblue
Lightcoral
Lightcyan
Lightgoldenrodyellow
Lightgray
Lightpink
Lightsalmon
Lightseagreen
Lightskyblue
Lightslategray
Lightsteelblue
Lightyellow
Lime
Limegreen
Linen
Magenta
Maroon
Mediumaquamarine
Mediumblue
Mediumorchid
Mediumpurple
Mediumseagreen
Mediumslateblue
Mediumspringgreen
Mediumturquoise
Mediumvioletred
Midnightblue
Mintcream
Mistyrose
Moccasin
Navajowhite
Navy
Oldlace
Olive
Olivedrab
Orange
Orangered
Orchid
Palegoldenrod
Palegreen
Paleturquoise
Palevioletred
Papayawhip
Peachpuff
Peru
Pink
Plum
Powderblue
Purple
Red
Rosybrown
Royalblue
Saddlebrown
Salmon
Sandybrown
Seagreen
Seashell
Sienna
Silver
Skyblue
Slateblue
Slategray
Snow
Springgreen
Steelblue
Tan
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
Whitesmoke
Yellow
Yellowgreen

View user profile

2 Re: Character Box on Tue Sep 08, 2015 2:57 pm

avatar
Here is the Character Box without the Character Picture, Health/Aura/Condition/Mood Box, and link to character profile box.




       
----------------------------------------------------------TEXT HERE------------------------------------------------------------------------





Code:
Spoiler:

Code:
<HTML><TABLE class=NOBORDER border=2 frame=void cellSpacing=12 borderColor=white cellPadding=3 width=100% background=PUT_IMAGE_LINK_HERE> <TD bgColor=#000000 ><FONT face="Times New Roman, Times, Serif" color=white size=3>


       
[center]----------------------------------------------------------TEXT HERE------------------------------------------------------------------------[/center]


</TD></TR> <TR> </TR></TBODY></TABLE></P></HTML>



Last edited by Kei on Thu Sep 10, 2015 12:01 pm; edited 3 times in total (Reason for editing : I accidentally deleted the box while pulling copying it for something so I had to fix it)

View user profile

3 Re: Character Box on Thu Sep 10, 2015 12:15 am

avatar
Hello Kei, I wanted to use the second box, the one with only the text and I wanted to know if there was a way to make the box transparent or invisible so the image in the back could be more visible.

Thank you in advance~ ^^

View user profile

4 Re: Character Box on Thu Sep 10, 2015 3:32 am

avatar
I'm not 100% sure on how to do it, but I'll look into it and I'll let you know if I figure it out.

View user profile

5 Re: Character Box on Thu Sep 10, 2015 11:54 am

avatar
So this is what is would look like if I would take the text box away:




       
----------------------------------------------------------TEXT HERE------------------------------------------------------------------------




The image repeats itself depending on the size, so for the best background image without a text box to cover it, a pattern like texture or solid image would probably be the best.

Example:




       
----------------------------------------------------------TEXT HERE------------------------------------------------------------------------




Here is the code for the text box:

Code:

Code:
<HTML><TABLE class=NOBORDER border=0 frame=void cellSpacing=0 borderColor=white cellPadding=3 width=100% background=PUT_BACKGROUND_IMAGE_LINK_HERE> <TD bgColor= ><FONT face="Times New Roman, Times, Serif" color=Black size=3>


       
[center]----------------------------------------------------------TEXT HERE------------------------------------------------------------------------[/center]


</TD></TR> <TR> </TR></TBODY></TABLE></P></HTML>

So just put in the link of a picture online that you want to use where is says "PUT_BACKGROUND_IMAGE_LINK_HERE".

Also depending on the color of your background, you might have to change the color of the text so it is readable. To do that, look to where it says "Times New Roman, Times, Serif" color=Black size=3>" halfway through the code. Under "Color=Black" just change "Black" to whatever color you want according to the BBcode colors I originally posted in this thread.

I'm not that good at this, so I can't figure out how to work the transparent text box into this, but if I figure it out, I'll let you know.

View user profile

6 Re: Character Box on Thu Sep 10, 2015 2:08 pm

avatar
Thank you so much Kei~ ^^

I will owe you one~ :3

View user profile

7 Re: Character Box on Tue Mar 22, 2016 9:43 pm

avatar


Pearl Chephirah




TEST

Mood: Competitive
Condition: Healthy
Health: 100
Aura: 200



Last edited by Pearl Chephirah on Sun Mar 27, 2016 4:40 am; edited 1 time in total

View user profile

8 Re: Character Box on Thu Mar 24, 2016 9:07 pm

avatar


Angelina Luna






Mood: Superior
Condition: Perfect
Health: 130
Aura: 170

View user profile

9 Re: Character Box on Thu Mar 24, 2016 9:31 pm

avatar


Café Noir



Words n S***



Mood: Irritated
Condition: Alive
Health: 270
Aura: 30

View user profile

10 Re: Character Box on Tue Mar 29, 2016 3:46 am

avatar


Ravana



*Cocks gun and prepares for battle.*

Mood: Calm
Condition: Healthy
Health 200
Aura 100
Link: Ravana

View user profile

11 Re: Character Box on Tue May 03, 2016 2:02 am

avatar


Maximilion Redcliff



If we falter in battle, may our names be remembered for all time! To victory!

Mood: Pondering
Condition: Healthy
Health: 100
Aura: 200

View user profile

12 Re: Character Box on Tue May 03, 2016 1:46 pm

avatar


Azazel Macross



This is tasty...


Mood: Aloof
Condition: Healthy
Health = 130
Aura = 170

View user profile

13 Re: Character Box on Tue May 03, 2016 4:17 pm

avatar
Admin
This is all fine and well, but can we get it to fit into mobile? Kei's does it, but no one else does. It'll probably be easier to test with Lorem Ipsum instead of simply the word "Test". :/

View user profile http://www.rwbyrpg.com

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum