the Rift


Code Free Table Code <3

Sevin the Sucky, I mean are you a # or vacuum? Posts: 161
OOC Account
Mare :: Other :: 5'5" :: 25
Sevin
#1
Hey everyone- I don't have time to make everyone a table like I would like to, but you're all more than welcome to take this code and use it for your own characters so long as you provide proper credit for the image.

I tried to provide very specific instructions on how to edit the table so that even those who don't know much about table editing should be able to use it!


Kahlua
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. "Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem." Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
here comes the sun
Image Credit




Code:
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<table align=center width=600 cellspacing=0 cellpadding=0 style="background: #BACKGROUND COLOR; color: #FONT COLOR; font-family: verdana; font-size: 8pt; text-align: justify; border: solid 3px #TAB COLOR; border-radius: 10px 150px 10px 150px;"><tr><td><div style="background: no-repeat #TAB COLOR; margin: 75px 200px 0px 0px; border-radius: 0px 20px 20px 0px; height: 60px; font-family: Lora; padding-left: 200px; font-size: 50px; color: #NAME COLOR; text-shadow: 1px 1px 2px #TEXT SHADOW;">Kahlua</div><div style="background: url('IMAGE URL') no-repeat; height: 150px; width: 150px; border-radius: 75px; border: solid 2px #NAME COLOR; margin-top: -105px; margin-left: 25px;"></div><div style="padding: 20px 65px 30px 65px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. <font color=SPEECH COLOR>"Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem."</font> Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div><div style="background: no-repeat #TAB COLOR; margin: 0px 0px 30px 200px; border-radius: 20px 0px 0px 20px; height: 60px; font-family: Lora; font-size: 30px; text-align: center; line-height: 60px; padding: 0px 25px 0px 25px; font-variant: small-caps; color: #NAME COLOR; text-shadow: 1px 1px 2px #TEXT SHADOW;">here comes the sun</div></td></tr></table>
<center><a href=CREDIT LINK>Image Credit</a></center>


Colors you need:
These are named exactly like they are in the code, just replace them with the proper color every time you see something in all caps. You don't have to change anything else (but if you know what you're doing, you're more than welcome to!)
BACKGROUND COLOR- the background color
FONT COLOR- the font color
TAB COLOR- the color of the lighter purple tabs and the table border
NAME COLOR- the color of the character name and image border
TEXT SHADOW- color close to but slightly lighter or darker than NAME COLOR
SPEECH COLOR- the color of the character's speech
IMAGE URL- the url link to your image
CREDIT LINK- the link to the image credit



What Sevin used:
Don't steal my colors, just wanted to show you what I used :D
BACKGROUND COLOR- 371f52
FONT COLOR- c6c1a5
TAB COLOR- 847591
NAME COLOR- 17151a
TEXT SHADOW- 564d5e
SPEECH COLOR- c8866f
IMAGE URL- http://images.helovia.net/index.php/view/53836f2259201
CREDIT LINK- https://www.flickr.com/photos/ladydragonflyherworld/


Searching for an image:
Use this link and replace 'flower' in the search bar with whatever it is you'd like to search for. All images in this search are creative commons licensed, meaning you can use them on this site.
Click on the image you'd like to use.
In the bottom right, click on the download arrow ( )
Click on 'Square (150x150)' and download the image.
Upload the image to Helovia's image hoster here.
Use the second box down to find your image URL and insert it into the code where appropriate.

Sevin the Sucky, I mean are you a # or vacuum? Posts: 161
OOC Account
Mare :: Other :: 5'5" :: 25
Sevin
#2
In the spirit of Christmas, here is some more code for a table that you are all welcome to use/edit to your heart's content. If you have questions/confusion I can try to help. Post below to test, if you need to :D



C
I
R
R
U
S
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Image Credit





Code:
<link href='http://fonts.googleapis.com/css?family=Cinzel:700' rel='stylesheet' type='text/css'>
<table align=center cellspacing=0 cellpadding=0 width=650 style="background: #BACKGROUND COLOR; font-family: verdana; font-size: 8pt; text-align: justify; color: #FONT COLOR; border: solid 3px #BORDER COLOR; border-radius: 250px 250px 10px 10px;"><tr><td><div style="background: url('IMAGE URL'); border-radius: 300px 300px 10px 300px; border: solid 2px #BORDER COLOR; margin: 25px 25px 0px 25px; height: 484px; width: 600px;"></div><div style="margin: 25px;"><div style="float: left; width: 75px; font-family: Cinzel; font-size: 80px; text-align: center; line-height: 80px; margin-top: -85px; text-shadow: 1px 1px 5px #TEXT SHADOW; color: #NAME COLOR; opacity: 0.3;">N<br>A<br>M<br>E</div><div style="background: rgba(252, 227, 195, 0.2); border-radius: 10px; border: solid 2px #BORDER COLOR; padding: 15px; width: 471px; margin-left: 100px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. <font color=#SPEECH COLOR>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</font> Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div></div></td></tr></table>
<center><a href=CREDIT LINK>Image Credit</a></center>



Colors you need:
These are named exactly like they are in the code, just replace them with the proper color every time you see something in all caps. You don't have to change anything else (but if you know what you're doing, you're more than welcome to!)
BACKGROUND COLOR- the background color
FONT COLOR- the font color
BORDER COLOR- the color of the table borders
NAME COLOR- the color of the character name and image border
TEXT SHADOW- color close to but slightly lighter or darker than NAME COLOR
SPEECH COLOR- the color of the character's speech
IMAGE URL- the url link to your image
CREDIT LINK- the link to the image credit



What Sevin used for Cirrus' table:
Don't steal my colors, just wanted to show you what I used :D
BACKGROUND COLOR- 483f50
FONT COLOR- ddc7bb
BORDER COLOR- 847591
NAME COLOR- fce3c3
TEXT SHADOW- ffffff
SPEECH COLOR- c8866f
IMAGE URL- http://images.helovia.net/index.php/view/540009540bc25
CREDIT LINK- https://www.flickr.com/photos/newelly/77...otostream/


Special notes for this table:
The background color for the text box should not need to be changed and should work with most background colors (it is an opaque gray-ish color, so it will change to match your background). If you really don't like the way it looks, let me know and I can help you change it (or you can change it yourself if you know how).
The size of your image must be 600px wide x 484px high or else some of it will be cut off. If you need help re-sizing an image just ask.
After every letter of your character's name (except the last one) insert < br> without the space as demonstrated in the code.


Searching for an image:
Use this link and replace 'flower' in the search bar with whatever it is you'd like to search for. All images in this search are creative commons licensed, meaning you can use them on this site.
Click on the image you'd like to use.
In the bottom right, click on the download arrow ( )
Click on 'Large (1024 x 768)' and download the image.
Resize or crop the image to 600px x 484px.
Upload the image to Helovia's image hoster here.
Use the second box down to find your image URL and insert it into the code where appropriate.

Megaera the Sunspear Posts: 306
Absent Abyss atk: 6.5 | def: 10.5 | dam: 4.5
Mare :: Pegasus :: 15 h :: 8 [Birdsong] HP: 70 | Buff: NOVICE
Gwaihir :: Golden Eagle :: None Laine
#3
Megaera
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem." Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
faithful like a soldier
Image Credit
FAC FORTIA ET PATERE
be brave and endure
:: permission given for use of magic and force :: please tag Megaera in all posts ::

Karnivool Posts: N/A
Unregistered
:: :: ::
#4
Karnivool

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

"Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem."
I hope you enjoy the view
Image Credit


Thank you so much for letting me use this! :D

Ki'irha Posts: 176
Outcast atk: 4.5 | def: 9.0 | dam: 6
Mare :: Unicorn :: 15hh :: 5 years old HP: 64.5 | Buff: NOVICE
Noella
#5
Ki'irha
text TEXT text

_________________
"Talking"
::OOC//
::Tagged//
A Moment Gone Forever
Image Credit
[Image: 5581b91112f69]
Colored by Kels ♡
Lines by Bronzehalo

Please Tag Me ○ Permission for magic and injury is granted. Just no death or permanent harm.

Patrick Posts: 31
Dragon's Throat Colt
Stallion :: Unicorn :: 15.0 (wfg) :: 6 months
LovellaTorendo
#6
Patrick
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. "Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem." Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
such big eyes you have
Image Credit || TABLE BY SEVIN

LovellaTorendo Posts: 0
OOC Account
Mare :: Other :: 16.2 :: 97
LovellaTorendo
#7
Livingston
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. "Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem." Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
we are of the nature of lions
Image Credit

Sarai Posts: 7
World's Edge Filly
Filly :: Hybrid :: 15hh :: Newborn (Ages in TallSun)
Emily
#8
Sarai

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. "Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem." Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

She is clothed with strength and dignity
Image Credit

Canaan Posts: 18
Aurora Basin Phantom
Stallion :: Equine :: 15.2 :: 5
Silk
#9
Canaan
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. "Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem." Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
screams of the innocent
Image Credit
You may use force with Canaan with the exception of permanent maiming or death.
OOC
Thread Tracker
Wish List
DeviantArt


Forum Jump:


RPGfix Equi-venture