Single post in sempiternal [free to use templates]
Forum Index > Pokémon > Pokémon Art > sempiternal [free to use templates] >
zelenia speaks...
@Miffed
Sorry for the late reply, but thank you so much! I'm glad you think that! c:
On another note, here is another template! This one's pretty messy and was coded in the span of about an hour. It's also customisable so you can change the text and image
I doubt you want to use an image of my pokesona when you're using this template
!
I'll edit in the code soon, I'm posting this mainly because daily backup is coming and I don't need to accidentally lose this.
EDIT: when I say messy, it's real messy. I'm quite unsure of mobile-friendlyness and how it even appears on screens that is not my size. I will revise this later on!
2021 edit: will hopefully make a better version??
style testing
bold italics underlined striked
don't click me!
you clicked me!
nice link
| Table heading 1 | Table heading 2 | Table heading 3 |
|---|---|---|
| Table cell 1 | Table cell 2 | Table cell 3 |
| Table cell 4 | Table cell 5 | Table cell 6 |
code
[sc=font]USERNAME speaks...[/sc][sc=image][pit="[img]IMG URL[/img]"][url=https://pfq.link/~LDxq]credit[/url] | art by [url=https://pokefarm.com/user/user]user[/url][/pit]
[size=10pt]hover for credit[/size][/sc][sc=triangle][/sc][sc=bubble][size=10]TEXT GOES HERE[/size][/sc]
[style]
//pretty messy coding below here//
@text: black;
@bkg: white;
@accent: rgba(75, 75, 75);
.bubble {background: white;
padding:10px;
max-height:auto;
width: 60%;
border-radius: 10px;
color: black;
text-align:center;}
.image {min-height:10px;
float: right;
position:relative;
span.bbcode_tooltip { border-bottom-color: black; font-size: 8px;}
width: 35%;}
.font {font-family: "VT323";
color: black;
font-size: 23pt;
text-shadow:
1px 1px 0 white,
-1px -1px 0 white,
1px -1px 0 white,
-1px 1px 0 white,
1px 1px 0 white;}
.triangle {height: 0px;
width: 0px;
border-left: 25px solid white;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
margin: 0px auto;
margin-bottom: -51px;
margin-right: 33.5%;}
a {color: @accent;}
a:hover {letter-spacing: 2px; transition: all 1s; }
a:not(:hover){letter-spacing: 0px; transition: all 1s; }
.tooltip_content {border: 0.5px solid black;
background: white;
min-width:1%;
width: fit-content;
color: @text;
font-size: 10pt;
padding: 5px; }
span.bbcode_tooltip { border-bottom-color: black; }
.panel {background-color: @bkg;
border: 1px solid @accent;
border-radius:5px;
box-shadow: none;
width: 75%;
margin: 0 auto;
&>h3{background: white;
border-bottom:1px solid @accent;
font-size:90%;
color: @bkg;
font-weight:bold;
text-align: center;
padding:5px;}
&>div{color: @text;
padding: 10px;}}
.expbar {padding: 5px;
background: rgba(100,100,100);
color: @text;
border-radius: 5px;
width: 65%;
border: 2px solid @accent;}
.expbar div {background: @accent;
border-right: 2px solid @accent}
.expbar span {color: white;}
.bbcode_table {background: transparent;
border: 1px solid hidden;}
table {border: 4px solid @bkg;
padding: 4px;
border-collapse: separate;
th, td {text-align: center;
padding: 5px;
border-radius: 8px;
border: 2px solid @accent;
color: @text;}
th {background-color: @accent;
color: @bkg;}
td {background-color: @bkg;}}
table{margin: 0 auto;}
hr{width: 80%;
height: 0.5px;
border-radius: 10px;
background: @accent;}
h1,h2{color: @accent;}
/* latin */
@font-face {
font-family: 'VT323';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/vt323/v12/pxiKyp0ihIEF2isfFJXUdVNF.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
[/style]
