+- HELOVIA || The Way to the Sun (http://helovia.com)
+-- Forum: Out of Character (http://helovia.com/forumdisplay.php?fid=1)
+--- Forum: Player Resources (http://helovia.com/forumdisplay.php?fid=99)
+---- Forum: Growth Center (http://helovia.com/forumdisplay.php?fid=82)
+---- Thread: Niki's Free Tables (/showthread.php?tid=17489)
Niki's Free Tables - Malificent - 01-21-2015
Free Table Rules
- Do not remove my credit.
- Read instructions carefully, I'm here to help if you run across problems when editing to use, but these should be pretty simple.
- When tampering with codes; the only thing you are allowed to change is colors and the image (of course).
- Please don't use my codes to make your own codes (if you want help on making your own, PM me :) I don't bite, I swear).
- HAVE FUN WITH FREE TABLES! -throws confetti-
- Also please do not post your 'try out' table in this topic thread, try doing that in the art nook instead, or making a reply somewhere and just previewing it to get the correct code.
-- ^ Why? I'd like to keep this clean so people can just scroll through and pick a table as they please.
- Any questions are to be PM'd to Malificent's account. :)
The Stuffs
- Every time I create a new table all by my lonesome self, I'll post it here.
-- ^ I get bored sometimes and coding relieves me.
- Each table will be posted with instructions.
- If at some other point in time I feel like writing more here I will. (LOL!)
RE: Niki's Free Tables - Malificent - 01-21-2015
Table In Action
Malificent
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
- table by Niki -
Table Code
Code:
<div align="center"><div style="width:575px; background-color:#COLORHERE; margin-top:7px; margin-bottom:3px; border-top-left-radius:130px; border-top-right-radius:130px; border:#COLORHERE solid 5px;"><img src="IMG URL HERE" style="border-top-left-radius:123px; border-top-right-radius:123px;"></img><div style="background-color:#COLORHERE; padding:0px; margin:0px; font-size: 55px; font-family:'Dancing Script'; text-align: right; border-right:50px solid #COLORHERE; padding-right:10px; color:#7c6d59;">Malificent</div><div style="font-family:'georgia'; font-size:11px; color:#COLORHERE; margin-left:30px; margin-right:30px; text-align: justify; margin-top:9px; margin-bottom: 9px; opacity: 0.8;">
Text text text. <b>"Talk talk talk"</b> Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. <b>"Talk talk talk"</b> Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. <b>"Talk talk talk"</b> Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
</div><link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'></div></div>
<center><a href="IMG CREDIT URL HERE">[size=medium]image credits[/size]</a>
[size=x-small]- table by Niki -[/size]</center>Instructions:
- Everywhere you see "COLORHERE" is where you will type in the color hex code or just the color you wish to use. (Examples: Hex = #FFFFFF | Color = red).
- "IMG URL HERE" is where you image will go. Remember to keep the images size at 575px in width, otherwise the whole table will go whack. (Height does not matter).
- If you are advanced enough you may tamper with text coding. (Such as font size, font face, etc.)
- Remember my rules please! :)
RE: Niki's Free Tables - Tiva - 01-21-2015
Oh wow! Thank you Niki! <3
RE: Niki's Free Tables - Malificent - 01-22-2015
The Table
|
Notes
Your notes (ooc) shall go here.
This will automatically turn to a scroll if you reach 120px in height, so no worries. Type as much as you please. Tags
This box will not automatically turn to a scroll.
So, just use this for the @ [ name ] tags (without spaces). |
 Malificent
Text text text. "Talk talk talk." Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. "Talk talk talk." Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. |
- table by Niki -
The Code
Code:
<center><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><table cellpadding="0" cellspacing="0"><td valign="top">
<div style="width: 160px; height:100px; border: 5px solid #COLORHERE; background-color: #COLORHERE;"><div style="overflow: hidden; width: 160px; height: 100px; opacity: 0.6;"><img src="IMG URL HERE | 160PX WIDTH, 100PX HEIGHT"></img></div></div>
<div style="background-color: #COLORHERE; font-family: Playball; font-size: 27px; text-align: center; border-right: #COLORHERE 10px solid; border-left: #COLORHERE 10px solid; text-transform:lowercase; letter-spacing: 1px; color:#COLORHERE;">Notes</div>
<div style="overflow: auto; width: 156px; height: 120px; background-color:#COLORHERE; border: 5px solid #COLORHERE; font-size: 8px; font-family: verdana; text-align: justify; color:#COLORHERE; letter-spacing:-.1px; padding:2px;">
*******Your notes (ooc) shall go here.
This will automatically turn to a scroll if you reach 120px in height, so no worries. Type as much as you please.*******
</div>
<div style="background-color: #COLORHERE; font-family: Playball; font-size: 27px; text-align: center; border-right: #COLORHERE 10px solid; border-left: #COLORHERE 10px solid; text-transform:lowercase; letter-spacing: 1px; color:#COLORHERE;">Tags</div>
<div style="width: 156px; height: 100%; background-color:#COLORHERE; border: 5px solid #COLORHERE; font-size: 8px; font-family: verdana; text-align: justify; color:#COLORHERE; letter-spacing:-.1px; padding:2px;">
*******This box will not automatically turn to a scroll.
So, just use this for the @ [ name ] tags (without spaces).*******
</div>
<div style="width: 160px; height:100px; border: 5px solid #COLORHERE; background-color: #COLORHERE;"><div style="overflow: hidden; width: 160px; height: 100px; opacity: 0.6;"><img src="IMG URL HERE | 160PX WIDTH, 100PX HEIGHT"></img></div></div>
</td>
<td valign="top"><div style="width: 480px; background-color: #COLORHERE; border: 5px solid #b4c3b0; "><img src="IMG URL HERE | 480PX WIDTH"></img>
<div style="background-color: #COLORHERE; font-size: 45px; font-family: playball; border-right: 10px solid #COLORHERE; border-left: 10px solid #COLORHERE; border-top: 5px solid #COLORHERE; border-bottom: 5px solid #COLORHERE; color:#COLORHERE; text-align: center; margin: 0px;">Malificent</div>
<div style="font-size: 9px; font-family: verdana; text-align: justify; color:#COLORHERE; letter-spacing:-.1px; padding:2px; border-left: 10px solid #COLORHERE; border-right: 10px solid #COLORHERE; padding-left:5px; padding-right:5px;">
*******Text text text. <b>"Talk talk talk."</b> Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. <b>"Talk talk talk."</b> Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.*******
</div></div></td></table><a href="IMAGE CREDIT URL HERE">[size=medium]image credits[/size]</a>
[size=x-small]- table by Niki -[/size]</center>Instructions
- Everywhere you see "COLORHERE" is where you will type in the color hex code or just the color you wish to use. (Examples: Hex = #FFFFFF | Color = red).
---* For this table, please remember: all 'border-right' and 'border-left' colors should be the same, then 'border'/'border-top' colors should be the same but a different color than the 'border-right' & 'border-left'.
- "IMG URL HERE" is where you image will go.
--- * For this table, please remember: I have noted the size of the images and what they should be IN THE CODE where it says 'IMG URL HERE | #PX WIDTH, #PX HEIGHT', if I do not give a set height, height doesn't matter, but the dimensions I give you should be used, or the table will not work correctly.
- If you are advanced enough you may tamper with text coding. (Such as font size, font face, etc.)
- Remember my rules. :)
RE: Niki's Free Tables - Ryuu - 01-25-2015
These are amazing, Niki! Thank you so much!!
RE: Niki's Free Tables - Malificent - 01-29-2015
No problem! There will be more soon! <33
RE: Niki's Free Tables - Ilios - 04-06-2016
Xolani
Text text text. "Thinking thinking thinking" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Thinking thinking thinking" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Thinking thinking thinking" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Thinking thinking thinking" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Thinking thinking thinking" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
- table by Niki -
@Xolani! As you can see it's not my code, but I did the color xD Hope you like it <3
RE: Niki's Free Tables - Xolani - 04-06-2016
@Ilios - Thank you so much hon!! It's beautiful and I can't wait to use it!! :D
<3
And these tables are both lovely code,
RE: Niki's Free Tables - Ilios - 04-06-2016
You're welcome! You have permission for the image as well <3 I'm glad you like it! Niki always has amazing codes!
RE: Niki's Free Tables - Astarot - 04-26-2016
Astarot
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
Text text text. "Talk talk talk" Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text. Text text text.
- table by Niki -