Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

sempiternal [free to use templates]

Forum Index > Pokémon > Pokémon Art >

Pages: 123··· 131415

WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar

sempiternal

welcome to my freebie template thread! i just play with code for fun and kinda figured to sometimes share some things i end up making out to be free to use. fair warning beforehand, most of the css isn't too neat x.x

rules

  • don't claim any of these templates as your own or remove the credit - moving it is ok
  • editing my codes is ok (style change, colour changes), but ensure that my credit is still visible
  • pay attention to the legibility guidelines when editing to ensure your template doesn't break them
  • i don't do requests anymore, sorry about that!
they/them | +11 server time occasionally active pfp credit
WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar

all templates

click onto the imgs to head to the template's respective post ^^

post

lunala

chalkboard

minimalist

speaking

look up (shop)

zorua

binary (shop)

about me

journey start

about me + post

pride snakes

WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar
(old template, removed)
WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar

chalkboard

based off an old journal template - it's pretty old compared to the other templates

style testing

link boop
this is a tip!
a progress bar
tables
cell 1 cell 2 cell 3
cell 4 cell 5 cell 6

display boxes

are like this

code

[img]https://i.imgur.com/WW2SKDI.png[/img][css=background:url('https://i.imgur.com/NtXyX0i.png'); background-repeat:repeat-y; background-size:100%; padding: 0px 70px; color:white;][center][h1]title goes here or something[/h1] TEXT GOES HERE [/center][/css][img]https://i.imgur.com/Ek4oLSQ.png[/img][sc=credit][url=https://pfq.link/~LDxq]credit[/url] | free to use[/sc] [style]font-family: calibri; .panel {background-color: #0f0f0f; border: 0.25px solid white; border-radius:2px; box-shadow: none; margin: 0 auto; &>h3{background: white; border-bottom: 1.5px solid black; color: black; text-align: center; padding:3px;} &>div{color: white; padding: 3px;}} a { background: white; padding: 1px; } a {color: black;} a:hover {letter-spacing: 5px; transition: all 1s; } a:not(:hover){letter-spacing: 0px; transition: all 1s; } .expbar {padding: 5px; background: #4b4c56; color: white; border: 2px solid black;} .expbar div {background: grey; border-right: 2px solid black} .expbar span {color: white} .bbcode_table {background: transparent; border: 1px solid hidden;} table {border: 4px solid black; padding: 4px; th, td {text-align: center; padding: 5px; border: 2px solid black; color: black;} th {background-color: #4b4c56; color: white;} td {background-color: white;}} table{margin: 0 auto;} .tooltip_content { border: 0px solid black; background: grey; min-width:1%; text: 10pt; width: fit-content; color: #FFFFFF; padding: 5px; } .ol {list-style-type: circle;} .ul {list-style-type: square;} .credit { a, a:visited { color: @col-fg1; background: none; } font-size: 10pt; padding: 2px; } [/style]
credit | free to use
WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar
minimalist
This one was more of an experimental template which also happens to be editable! This is a tabbed template and can be used for shops and the like. You can freely add or remove tabs as you wish! I don't believe there's a limit. (but it'll be painful going through them if so :o) The code is in the last tab. ^^ I worked the most into this so some feedback (coding terms, there's not much art-wise here) would be nice! ;o;

style testing

bold italics underlined striked don't click me!
you clicked me!
nice link
road to some goal
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

  • Tab
  • Tab
  • Tab
  • Tab
  • code
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Content 2
Content 3
content
[sc=top][font=comic sans][size=25]title here[/size][/font][/sc][ ][sc=middle][size=10]some words here [hr] [sc=tabbed_interface horizontal][ul] [li]Tab[/li] [li]Tab[/li] [li]Tab[/li] [li]Tab[/li] [li]Tab[/li] [/ul][ ][sc=tab-active]content[/sc][ ][sc=tab]content[/sc][ ][sc=tab]content[/sc][ ][sc=tab]content[/sc][ ][sc=tab]content[/sc][ ][/sc][/size][/sc][ ][sc=bottom][url=https://pfq.link/~LDxq]credit[/url] | free to use[/sc] [style] //colour coding - editable area //change the colours, but make sure that the words are still legible @bkg: white; @text: black; @accent: #595959; //code, don't touch unless you know what you're doing .top { background: @accent; padding:10px; max-height:auto; color:@bkg; text-align:center; } .middle { background: @bkg; padding:25px; min-height:7%; color: @text; text-align:center; font-size: 10pt; } .bottom { background: @accent; padding:10px; max-height:auto; color: @bkg; text-align:left; a, a:visited { color: @bkg; } font-size: 10pt; } 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 @text; background: @bkg; min-width:1%; width: fit-content; color: @text; font-size: 10pt; padding: 5px; } .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:10pt; color: @accent; font-weight:bold; text-align: center; padding:5px;} >div { color: @text; padding: 10px; } } .expbar { padding: 5px; background: @bkg; color: @bkg; border-radius: 0px; width: 65%; text-shadow: 1px 1px 0 @text, -1px -1px 0 @text, 1px -1px 0 @text, -1px 1px 0 @text, 1px 1px 0 @text; border: 2px solid @accent; } .expbar div { background: @accent; border-right: 2px solid @accent } .expbar span { color: @bkg; } .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; } .tabbed_interface { border-collapse: separate; >ul { background: @bkg; >li { background: @accent; color: black; border: 1px solid @accent; border-radius: 0px; margin: 10px; height: 15px; font-size: 10pt; min-width: 15%; padding: 5px 0px; text-align: center; color: @bkg; &.tab-active { background: @bkg; border: 1px solid @accent; color: @text; } } } .tab, .tab-active { background: @bkg; color: @accent; border: 1px solid @accent; box-shadow: none; } } hr { width: 80%; height: 0.5px; border-radius: 10px; background: @accent; } b,i{color: @accent;} h1,h2{color: @accent;} [/style]
credit | free to use
Pan.Yøshï's AvatarPan.Yøshï
Pan.Yøshï's Avatar
I'm not sure if I'm allowed to post any comments/criticism but I love them all! If you make a advertising sticker, I'll probably share it xD Also, i may borrow the victini code, it's great!
yoshi | he/him | -5 server time My Journal My Shop 💐[Boxes + Gems + S/A/D]
533/2800 ZC
icon made by AxelBby
WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar
Ahah, thank you! I haven't yet got a banner up yet, but will hopefully be working on that. ^^
cynicalCrows's AvatarcynicalCrows
cynicalCrows's Avatar
These are so nice! I love the minimalist one and might use it ^^ - I don't really know what I'm doing with coding so I can't give feedback in that department, but it looks really nice!!
jaie | 22 | they/them +0 server time semi-active credits | s/a lunamor uft
WaterWølf600's AvatarWaterWølf600
WaterWølf600's Avatar
ahh, finally got a new template out! Had quite a bit of trouble regarding how to make the quote look nice, but I think it should be okay uwu

code test

bold italics underlined striked don't click me!
you clicked me!
nice link
road to some goal
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

[img]https://imgur.com/SOD6j8q.png[/img] [sc=lunala]YOUR TEXT HERE[/sc][img]https://imgur.com/irD7UYv.png[/img][size=10pt][url=https://pfq.link/~LDxq]credit[/url] | free to use[/size] [style] .lunala {background:url('https://imgur.com/Qjr1Io4.png'); background-repeat:repeat-y; background-size:100%; padding: 5px 25px 0px 25px; color: white;text-align: center;font-size: 12px;} //colours// @bkg: black; @accent: white; @text: white; a {color: @text;} a:hover {letter-spacing: 2px; transition: all 1s; } a:not(:hover){letter-spacing: 0px; transition: all 1s; } .tooltip_content {border: 0.5px solid @text; background: @bkg; min-width:1%; width: fit-content; color: @text; font-size: 12px; padding: 5px; } .panel {background-color: @bkg; border: 1px solid @accent; border-radius:5px; margin: 0 auto; box-shadow: none; &>h3{background: @bkg; border-bottom:1px solid @accent; font-size:90%; color: @bkg; font-weight:bold; text-align: center; border-radius:5px; padding:5px;} &>div{color: @text; padding: 10px; text-align: left;}} .expbar {padding: 5px; background: @bkg; color: @bkg; text-shadow: 1px 1px 0 @text, -1px -1px 0 @text, 1px -1px 0 @text, -1px 1px 0 @text, 1px 1px 0 @text; border: 2px solid @accent;} .expbar div {background: @accent; border-right: 2px solid @accent} .expbar span {color: @bkg;} .bbcode_table {background: transparent; font-size: 12px; border: 1px solid hidden;} table {border: 4px solid @bkg; padding: 4px; th, td {text-align: center; padding: 5px; border: 2px solid @accent; color: @text;} th {background-color: @accent; color: @bkg;} td {background-color: @bkg;}} table{margin: 0 auto;} .credit { a, a:visited { color: @col-fg1; } font-size: 10pt; padding: 2px;}[/style]
credit | free to use
Mayie's AvatarMayie
Mayie's Avatar
hi! your templates look really cool. maybe it's just me but the font color of the quote on the latest template is too bright? i don't know maybe it's just me :D but overall they look awesome. also, i'm planning on using the minimalist template for my shop soon~ i'm looking forward to seeing more of your edits
avatar by Zenobelle
Signature by CatEnergetic, with help from Wardove. Art for Lugia.

Pages: 123··· 131415

Cannot post: Please log in to post

© PokéFarm 2009-2022 (Full details)Contact | Rules | Privacy | WikiGet shortlink for this page