ardent

Byakko's Inari Shrine

table testing, image storage, and character ideas



Byakko


age
2 Years
gender
Other
gems
0
size
build
posts
0
player
01-21-2022, 06:35 PM (This post was last modified: 01-21-2022, 06:43 PM by Byakko. Edited 1 time in total.)
...how did I make this back in ~2018?!
How do I make the right side a table slot too for an alternative static background that extends with the separate text box!?
Would that function better as a a wide table underneath the two tables and a scroll box???
Def' need to research CSS again...


CHARACTER NAME

"QUOTE/SONG LYRICS HERE."
Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here! Text goes here!

Action | "Speech." | Skill





CAUTION! WORK IN PROGRESS!

Code:
<table style="width:550px;border:0px black solid;background-color:#000000; border-radius: 20px;">
<tr>
<td style="width:278px;background-image:url('');background-repeat:no-repeat;background-position:top center; border-radius: 20px 0px 0px 20px;background-color:#f9d692;">
<td>
<table style="width:420px;border:0px black solid;background-color:transparent;border-radius:20px;">
<div style="height:210px;background-image:url('');background-repeat:no-repeat;background-position:top center;border-radius:0px 20px 0px 0px;background-color:#f9d692;"></div>
<div align="center" style="opacity:0.8; padding:1px;margin:1px 0px 1px 0px; background-color:#3245A8;font-family: times new roman; font-size: 10px; text-transform: uppercase; color: #000; text-shadow: 0px 0px 6px #ffffff; letter-spacing: 1px; line-height: 16px;"><link href="https://fonts.googleapis.com/css?family=Pompiere&display=swap" rel="stylesheet"><font face="Pompiere" color=000 size=6>CHARACTER NAME</font face></link>
<br>
<br>"QUOTE/SONG LYRICS HERE."</div>
<tr>
<div height=auto align=justify style="font-family:garamond;font-size:11px;color:#000;line-height:12px;letter-spacing:1px;word-spacing:2px; background:#498DF4;padding:0 10px 0 10px;margin:2px 0px 0px 0px;opacity:1.0;filter:alpha(opacity=100); height:280px; border-radius: 0px 0px 20px 0px; border: 0px solid #f9d692;""> Text goes here!

<center>Action | <font color=#0f4d00>"Speech."</font> | <font color=01034D>Skill</font></center>
<center></div></tr></table></td></tr></table></center>