Loading...

Top
PFQ Banner

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

Already a user? New to PFQ?

Free Use Templates

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

Pages: 1234

Érable's AvatarÉrable
Érable's Avatar

Rules

- Be respectful. All PFQ rules apply first and foremost. -
No requests.
If you have a request, DM it to me and we can discuss things there. I do have intentions of opening a shoppe later on, but not in the immediate future due to inconsistencies in my life. - Would love if you posted with which one(s) you love/are using, so I can gauge likes and dislikes. - All templates are free to use. Do not try to remove my credit in the images, do not try to pass them off as your own. All credit is given where necessary within the template. - There are post templates and about mes in this thread. Eventually, I'll make a free use signature as well. I'm not too comfortable with those yet, though, nor have had the inspiration for one. - Feel free to edit the code, but do not remove or edit my credit in any forme. Doing so will result in being report for theft. Note, please be gentle when discussing these as I'm very anxious even sharing them a bit more...publicly. They're all stored in my journal (linked in my about), where they do show the testing stuff. I'll link individual templates here for where they're shown in the thread. In the posts, I'll link to the journal so you can see how it's stylised.
Note:
This template is not free use. This is my sona template, made by me, for my use only. Do not steal this template.

Post Templates

Darkrai
DOS
Munna
Pika - Mimikyu
Rockruff
Turtwig
Squirtle
Pachirisu
Simple

About Me Templates

  • Shoppes
  • Collecting
  • Other Shoppes
  • Credits
656*
88
280*
*melan hunts
Érable's AvatarÉrable
Érable's Avatar
This one is not stylised for progress bars. Tabs are not displayed in this journal post, but they are stylised. It was a future addition to the original template as I decided to use it for an art shoppe.

Code

[styleclass=header][styleclass=floatRight][img]https://image.ibb.co/ibQDbQ/darkrai_Photo.png[/img][/styleclass][/styleclass][styleclass=body][styleclass=bodyText]Text goes here [/styleclass][/styleclass][styleclass=footer][/styleclass] [style] * { font-family: verdana, sans serif; font-size: 10pt; line-height: 110%; color: #c4c4c4; } .header { position: relative; background: url('https://image.ibb.co/fuvDbQ/darkrai_Header3.png'); background-size: 100% 100%; height: 135px; width: 100%; z-index: 10; } .floatRight { float: right; height: 180px; width: 32%; } .body { position: relative; background: url('https://image.ibb.co/jjrVO5/darkrai_Background.png') repeat-y; background-size: 100% auto; min-height: 50px; width: 100%; } .bodyText { width: 90.5%; padding-left: 5%; word-wrap: break-word; .panel{ border:none; box-shadow: 0px 0px 20px #000000; & > h3 { background: #292929; border: none; height: 16px; font-size: 15px; color: #c4c4c4; } & > h3:hover { -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; color: #d5d5d5; letter-spacing: 1px; } & > div { background: #383838; } & > h3 { color: #c4c4c4; & > a { color: #c4c4c4; } } } } table { border:none; } th { background: #292929; border: solid 2px #444444;} td { border: solid 1px #444444; } a:link, a:visited { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; text-decoration: none; color:#676767; } a:hover { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; letter-spacing: 2px; color:#787878; } .footer { background: url('https://image.ibb.co/iyL1Vk/darkrai_Footer.png'); background-size: 100% auto; background-repeat: no-repeat; width: 100%; height: 33px; } .tooltip_content { background-color: black; color: white; text-indent: 0; border: 1px solid #FFF; } span.bbcode_tooltip { border-bottom: 1px dashed white; } .tabbed_interface { margin: 0 2%; } ul { background: none; } .tabbed_interface > ul > li { box-sizing: border-box; background-color: #292929; border: 1px solid #000000; text-align: center; margin: 3px; padding: 5px; border-radius: 0; cursor: pointer; .defaultFont; &:hover { background: rgba(23, 23, 23, .6); } transform: translateY(-5px); } .tab { background: #292929; border: 1px solid #000000; box-shadow: none; border-radius: 0; padding: 2%; } .form { display: inline; -webkit-user-select: all; /* Chrome, Opera, Safari */ -moz-user-select: all; /* Firefox 2+ */ -ms-user-select: all; /* IE 10+ */ user-select: all; /* Standard syntax */ } [/style]
Érable's AvatarÉrable
Érable's Avatar
Command Prompt
Microsoft Windows [Version 10.0.16176] (c) 2018 Érable. All rights reserved. C:\user\Érable>This one does not have tabs coded. Tabs are now coded! Nor progress bars. <- Still not coded though. Journal post to some testing stuff.

Code

[styleclass=commandPrompt][styleclass=bar][img]https://pokefarm.com/upload/erable/Template_Pictures/Command_prompt_icon_windows_.png[/img] Command Prompt [styleclass=pic_close][img]https://pokefarm.com/upload/erable/Template_Pictures/close2.png[/img][/styleclass][styleclass=pic_box][img]https://pokefarm.com/upload/erable/Template_Pictures/max2.png[/img][/styleclass][styleclass=pic_min][img]https://pokefarm.com/upload/erable/Template_Pictures/underscore.png[/img][/styleclass][/styleclass][styleclass=text]Microsoft Windows [Version 10.0.16176] (c) 2018 [url=https://pfq.link/@bPV]Érable[/url]. All rights reserved. [url=https://pfq.link/@bPV]C:\user\Érable[/url]>Text here[img]https://image.ibb.co/dXMkvk/blinking_Cursor.gif[/img][/styleclass][/styleclass] [style] .bar { background-color: white; color: black; height: 21px; vertical-align: middle; font-size: 11pt; padding-top: 4px; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .pic_min, .pic_box { float:right; //font-size:170%; padding:5px; line-height:15px; text-align:center; width:30px; height:15px; margin-top:-4px; } .pic_min:hover, .pic_box:hover { background-color: #cccccc; } .pic_close { float:right; padding: 5px; line-height:15px; width:30px; height:15px; text-align:center; margin-top: -4px; } .pic_close:hover { background-color: red; } .bar img:first-child { width: 18px; height: 18px; padding-left: 4px; float: left; } .text { position: relative; min-height: 150px; width: 100%; background-color: black; color: grey; font-size: 11pt; font-family: consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New; .panel{ border: 1px solid grey; border-radius: 0px; background-color: transparent; box-shadow: none; & > h3 { background-color: transparent; border-bottom: grey solid 1px; height: 16px; margin: 4px; font-size: 10pt; font-weight: bold; color: grey; } & > div { background-color: transparent; color: grey; font-size: 9pt; } } th { background: #565656; font-weight: bold; color: black; } table, th, td { border: solid 1px #444; } .tooltip_content { background-color: white; color: #444; border: #444 1px solid; } span.bbcode_tooltip { border-bottom: 1px dashed white; } a, a:link, a:active, a:visited { color: grey; text-decoration: none; } a:hover { color: white; text-decoration: none; } .tabbed_interface { font-size: inherit; border: none; } .tabbed_interface > ul { background: none; } .tabbed_interface > ul > li { border: 2px solid grey; text-align: center; font-variant: small-caps; font-weight: bold; background-color: transparent; margin-left: 5%; margin-right: 5%; padding: 0.5%; color: grey; } .tab, .tab-active { background-color: transparent; box-shadow: none; border: none; color: grey; text-align: inherit; padding: 1%;margin-top: 1%; //padding-right: 2%; } } [/style]
C:\user\Érable>
Érable's AvatarÉrable
Érable's Avatar
No tabs still. Or progress bars. Journal post

code

[img]https://image.ibb.co/jxLLT5/Munna_Header.png[/img] [styleclass=body]Text here [/styleclass][img]https://image.ibb.co/dCVXak/Munna_Footer.png[/img] [style] .body { background: url("https://image.ibb.co/epcCak/Munna_Body.png") repeat-y; min-height: 45px; font-size: 13pt; font-family: Franklin Gothic, Verdana, sans serif; color: #a1789e; padding: 5px; word-wrap: break-word; } .tooltip_content { background-color: #a1789e; color: #f0d3d9; border: 1px solid #b08eae; } span.bbcode_tooltip { border-bottom: 1px dashed #a1789e; } a:link, a:visited { text-decoration: none; color: #694967; } a:hover, a:active { color:#a1789e; text-decoration: none; } table { border:none; margin: 0 auto; } th { background: transparent; border: solid 1px #a1789e; font-weight: bold; color: #a1789e; } td { border: solid 1px #a1789e; color: #a1789e; } .panel{ border: 1px solid #a1789e; border-radius: 0px; background: transparent; box-shadow: 0px 0px 5px #444; & > h3 { background: #f0d3d9; border-bottom: 1px solid #b08eae; height: 16px; font-size: 13px; font-family: Franklin Gothic, Verdana, sans serif; color: #a1789e; margin: 5px; text-transform: small-caps; } & > h3:hover { -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; color: #a1789e; letter-spacing: 1px; } & > div { background: #f0d3d9; color: #a1789e; font-size: 10pt; font-family: Franklin Gothic, Verdana, sans serif; } } [/style]
Érable's AvatarÉrable
Érable's Avatar
Hidden CSS in here, makes for a shorter template length. Also, I've found it makes it easier to use. Journal post here. What you see in the post is everything that is stylised (so still no tabs). Actually coded progress bars in this one. These templates are so old, shh. They get better, I promise.

Code

[img]https://image.ibb.co/cdzdS5/header_pika.png[/img] [styleclass=body]Text here[/styleclass][ ][img]https://image.ibb.co/nqsSon/footer_pika.png[/img] [style] @import 'skins/user/b/P/V/pikamimtemp/__extra'; //free to use, coded by LightBlood, images official, simply resized them [/style]
Érable's AvatarÉrable
Érable's Avatar
No tabs, hidden CSS (yay for ease!). Journal Post. This one, I feel, looks better with longer posts just because of the patterned background.

Code

[img]https://image.ibb.co/jhN41k/header.png[/img][styleclass=body][styleclass=text]Text here[/styleclass][/styleclass][styleclass=footer][img]https://image.ibb.co/ijQVrJ/footer.png[/img][/styleclass] [style] @import 'skins/user/b/P/V/babyrocktemp/__extra'; //template by Sugita, images official [/style]
Érable's AvatarÉrable
Érable's Avatar
This one has tabs coded. Also got a sidebar thing. All links there lead to Google because easy. Journal post Longer posts are a necessity if you don't want that last link covered though, sadly. Can't figure out how to force the image below the text, but I had the thoughts of a shoppe post in mind for this template. Side can be your ads or something that I often see in shoppes. Forced the last link to display for this post though. Sidebar can be completely customised with links or text/status.

Code

[styleclass=turtwig][img]https://image.ibb.co/bQZy1v/Turtwig_Header.png[/img][styleclass=body][styleclass=statusbar]We are strong~ [url=https://google.com]Journal[/url] [url=https://google.com]Trade Shoppe[/url] [url=https://google.com]Art Shoppe[/url][/styleclass][ ][styleclass=text]Text here[/styleclass][/styleclass][ ][styleclass=corner][img]https://image.ibb.co/nFti1v/turt.png[/img][/styleclass][img]https://image.ibb.co/gtO2Bv/Turtwig_Footer.png[/img] [/styleclass] [style] @import 'skins/user/b/P/V/turtwigtemp/__extra'; //template by Sugita, official images used [/style]
Érable's AvatarÉrable
Érable's Avatar
Highly similar to the prior Turtwig one. I like this design tbh and may do a fire-y designed one in the future, and perhaps implement different pokemon into the corner as well as other types. Dunno yet though. We shall see. Still the same type of side bar incorporated into the design. Journal Post

Code

[styleclass=turtwig][img]https://image.ibb.co/gYjtdy/squirtle_Header.png[/img][styleclass=body][styleclass=statusbar]We are strong~ [url=https://google.com]Journal[/url] [url=https://google.com]Trade Shoppe[/url] [url=https://google.com]Art Shoppe[/url][/styleclass][ ][styleclass=text]Text here [/styleclass][/styleclass][ ][styleclass=corner][img]https://image.ibb.co/dqTOpF/117px_007_Squirtle_AG_anime.png[/img][/styleclass][img]https://image.ibb.co/dN6Xia/squirtle_Footer.png[/img] [/styleclass] [style] @import 'skins/user/b/P/V/squirtletemp/__extra'; //template by Sugita, official images used [/style]
Érable's AvatarÉrable
Érable's Avatar
Shoppe Name
Pretty sure this is completely coded, tabs definitely included. :D Journal post Was intended for a friend's shoppe template, ended up being too complex for them, so here we are.

Code

[sc=pach][styleclass=header][styleclass=overlayB]Shoppe Name[/styleclass][/styleclass][styleclass=body]Text here[/styleclass][styleclass=footer][styleclass=overlayT][/styleclass][styleclass=credits] template by [url=https://pfq.link/@bPV]Érable[/url] | official images used [/styleclass][/styleclass][/sc] [style] .pach { width: 80%; margin: 0 auto; font-size: 10pt; font-family: Arial, Century Gothic, sans serif; color: black; .body { background: #a9e0f4; min-height: 100px; .panel { border:none; box-shadow: 0px 0px 20px #000000; & > h3 { background: #8ed6f0; border: none; border-bottom: 1px solid #178bb5; height: 16px; font-size: 13px; color: #000; } & > h3:hover { -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; color: #000; letter-spacing: 1px; } & > div { background: #61c6ea; color: #000; } & > h3 { & > a { background: transparent; color: #000; text-decoration: none; } color: #000; } } .expbar { padding: 5px; background: transparent; color: #000; border: 1px solid #178bb5; } .expbar div { background: #61c6ea; border-right: 1px solid #178bb5; } .expbar span { color: #000; } table { border:none; margin: 0 auto; } th { background: none; border: solid 2px #000; } td { border: solid 1px #000; } a:link, a:visited { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #093444; text-decoration: underline; } a:hover { text-decoration: underline; color: #093444; } .tooltip_content { background: #FFF; background: -webkit-linear-gradient(#FFF, #8ed6f0); background: -o-linear-gradient(#FFF, #8ed6f0); background: -moz-linear-gradient(#FFF, #8ed6f0); background: linear-gradient(#FFF, #8ed6f0); color: #000; text-indent: 0; border: #178bb5 1px solid; } span.bbcode_tooltip { border-bottom: 1px dashed black; } .tabbed_interface { margin: 0 2%; } ul { background: none; } .tabbed_interface > ul > li { box-sizing: border-box; background-color: #8ed6f0; border: 1px solid #1dade2; text-align: center; color: black; margin: 3px; padding: 5px; padding-left: 10px; padding-right: 10px; border-radius: 10px; cursor: pointer; font-family: Georgia, Palatino, Garamond, serif; transform: translateY(-5px); } .tab, .tab-active { background: #8ed6f0; border: 1px solid #1dade2; box-shadow: none; border-radius: 10px; padding: 2%; color: black; } } .header { display: flex; position: relative; font-size: 12pt; font-variant: small-caps; font-family: Lucida, monotype corsiva; text-align: center; color: #000; height: 175px; background: url('https://image.ibb.co/nqXH0m/800px_Dawn_Pachirisu.png'); background-size: cover; background-position: center; } .header .overlayB { background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(169,224,244,1) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(169,224,244,1) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(169,224,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#a9e0f4',GradientType=0 ); line-height: 175px; height: 100%; width: 100%; text-align: left; padding: 1%; font-size: 20pt; align-self: flex-end; } .footer { position: relative; font-size: 12pt; font-variant: small-caps; text-align: center; color: #000; height: 150px; background: url('https://image.ibb.co/fviCY6/800px_Dawn_Plan_A.png'); background-size: cover; background-position: center; } .overlayT { background: -moz-linear-gradient(top, rgba(169,224,244,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(169,224,244,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(169,224,244,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e0f4', endColorstr='#007db9e8',GradientType=0 ); line-height: 150px; height: 100%; width: 100%; } .credits { position: absolute; font-size: 8pt; bottom: 0; right: 0; background: rgba(255,255,255,.5); a:link, a:visited { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #093444; text-decoration: underline; } a:hover { text-decoration: underline; color: #093444; } } } [/style]
Midnyte96's AvatarMidnyte96
Midnyte96's Avatar
I love them! keep you the good work! <3
Name's Sassy.
Signature, much like other things, is a work in progress.

Pages: 1234

Cannot post: Please log in to post

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