A character portal is a nice way to present characters to viewers. There are two templates needed to be created to make the characters portal works.
The first template is:
Template:Portal[]
<includeonly>{| style="background-color:white; border:3px solid black;border-radius: 10px 10px 10px 10px;" |- align="center" |<div style="position:relative; height: 90px; width: 100px;"> <div style="position: absolute; top: 78px; left: 0px; width: 100px; overflow: hidden; line-height: 12px; z-index: 4; text-align: right; font-weight: caption;"><table cellspacing="0" cellpadding="1" style=" background-color:black;-moz-border-radius-topleft:8px; border-radius:5px;" align="right"><tr><td> [[{{{articlename}}}|<font color="white" size="1">'''{{{name}}}'''</font>]]</td></tr></table></div> <div style="position: absolute; top: 0px; left: 0px; height: 90px; width: 100px; overflow: hidden"> <div style="position: absolute; top: 0px; left: 0px; font-size: 130px; overflow: hidden; line-height: 100px; z-index: 3">[[{{{articlename}}}| ]]</div> <div style="position: absolute; top: 0px; left: 0px; z-index: 2; ">[[Image:{{{image}}}|100px|{{{articlename}}}]]</div> </div></div> |}</includeonly>
Next, this is the template put at the page where you want the characters to be seen:
Template:Characters Portal[]
{| width="100%" border="0" style="border:black; background:transparent;" | {| width="100%" cellspacing="2" align="center" |{{Portal|image=Wiki-background|articlename=User:Miyanlove|name=User:Miyanlove}} |} |}
Finally!
Sample Output[]
|