sempiternal [free to use templates]
Forum Index > Pokémon > Pokémon Art >
love your templates! can i change "a few" things on the minimalist template so i could properly fit what my shop sells?
edit: ended up adding a hide box, progress bar, and a few table cells-
hello!! please feed :]
just a prod that templates have been updated to better fit within the legibility guidelines, if you're using any of them, then i suggest you go check and update them ^^
some templates have been removed as they're fairly old and i'm not very interested in updating/keeping them ;;
although i am vaguely interested in releasing new templates (especially pokemon ones oops), i can't guarantee that i will actually be able to ^^;;
Thank you, i'll be using the minimalist [grey] for my art shop ! Thks a lot !
My Art Shop
Diamond Tiara
Summon Item
(
: 0)
A tiara embedded all over with glittering diamonds. It is befitting of a princess. Using it will summon the Legendary Pokémon Diancie.
Unsellable
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Bitter food
27%Gentle nature
I am now using your minimalist [grey] for my shop 😁 modified it a bit^^ thank you for your templates 🌺
Ashe | She/Her | 32
Selling everything in my visible fields :3
i seem to be very good at impulsively doing things huh
it was a lil janky getting back into code, but it was a nice way to just destress a little bit. everything featured in this post right now has been styled, so you're free to use any of the bbcode i've used here without having to put together your own styles
kinda wanna maybe try to do shop or about mes? maybe if i get the time, i'll release one of those
style test
bold italics underline strikethrough
hover over me!
27%
tooltip
click me!
| test | test | test |
|---|---|---|
| test | test | test |
| test | test | test |
Stardust
Treasure
(: 0)
Beautiful red sand. Can be sold at a high price. Rubbing it on Pokémon while feeding it candy is not recommended.
Sells for 
1,000
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sour food
27%Relaxed nature
code
[img]https://i.imgur.com/grGyk8o.png[/img][
][sc=template]text goes here[/sc][
][sc=credit][url=https://pfq.link/~LDxq]credit[/url] | free to use[/sc]
[style]
// colours //
@bkg1: #ffffff;
@bkg2: #ECECEC;
@text: #000000;
@accent1: #EEC4C8;
@accent2: #9c323c;
@accent3: #3B111B;
// background //
.template {
border-radius: 0px;
background: @bkg1;
padding: 10px;
font-size: 10pt;
min-height: 7%;
color: @text;
text-align: center;
b,u,i { color: @accent3; }
hr {
border: 1px solid @accent2;
width: 70%;
}
// links //
a, a:visited {
color: @accent2;
text-decoration: none;
transition:all 100ms ease-in-out;
}
a:hover {
color: @accent3;
letter-spacing: 1px;
transition:all 100ms ease-in-out;
}
// tooltip //
.tooltip_content {
border: 0px solid @accent2;
background: @accent1;
max-width: 80%;
color: @accent2;
font-size: 10pt;
padding: 5px;
}
.bbcode_tooltip {
border-color: @accent2;
border-bottom: 1px solid @accent3;
}
// hide + accordion //
.panel {
background: none;
color: @text;
border: 0px;
box-shadow: none;
>h3 {
background: @accent1;
color: @accent2;
border: 0px solid @bkg1;
border-radius: 0px;
padding: 5px;
margin-left: 6.5%;
min-width: 85%;
width: fit-content;
max-width: 85%;
text-align: center;
}
>div {
color: @text;
text-align:left;
border-radius: 0px;
border: 1px solid @text;
margin: 0.5% 6.3%;
padding: 5px;
animation: fade 1.3s;
text-align: center;
}
}
// tables //
table {
margin: 0px auto;
border: 0px;
}
table th{
text-align: center;
vertical-align: middle;
padding: 7px;
border: 3px solid @bkg1;
background: @accent1;
color: @accent2;
border-radius: 7px;
}
table td {
text-align: center;
vertical-align: middle;
padding: 5px;
border: 3px solid @bkg1;
background: @bkg2;
color: @text;
border-radius: 7px;
}
// tabs //
.tabbed_interface {
border-collapse: separate;
>ul {
background: none;
>li {
background: @accent1;
color: @accent2;
border: 0px solid @bkg1;
border-radius: 0px;
margin: 10px 10px;
font-size: 10pt;
min-width: 15%;
width: fit-content;
padding: 7px 0px;
text-align: center;
&.tab-active {
background: @accent2;
border: 0px solid @bkg1;
color: @bkg1;
border-radius: 0px;
margin: 10px 10px;
font-size: 10pt;
min-width: 15%;
width: fit-content;
padding: 7px 0px;
text-align: center;
}
}
}
.tab, .tab-active {
background: @bkg1;
color: @text;
border: 1px solid @text;
box-shadow: none;
margin: 10px 10px;
border-radius: 0px;
font-size: 10pt;
padding: 5px 5px;
}
}
// progress bar //
.expbar {
background: @bkg1;
border-radius: 7px;
width: 70%;
border: 1px solid @accent3;
color: @accent3;
>div {
background: @accent1;
border-right: 1px solid @accent1;
}
}
// pkmn panels //
.party > div {
background: @bkg1;
color: @accent3;
border: 1px solid @accent3;
font-size: 10pt;
box-shadow: 3px 3px 3px 3px @accent1;
.happy {display: none;}
.nature {display: none;}
.type {display: none;}
a:link, a:visited {
color: @accent3;
}
div.tooltip_content {
background: @accent1;
color: @accent2;
min-width: 100%;
border: solid 1px @accent2;
}
.bbcode_tooltip {
border-bottom: 1px solid @accent3;
}
}
.party > div > .pkmn:before {
border: solid @accent2;
background-color: @accent1;
}
.party > div > .expbar {
border: solid 1px @accent3;
color: @accent3;
background: @bkg1;
width: 60%;
>div {
background: @accent1;
border-right: solid 1px @accent1
}
}
}
.credit {
font-size: 10pt;
padding: 5px 0px 0px 10px;
}
[/style]
- tab
- tab
- tab
- tab
- tab
content
content
content
content
content
credit | free to use
binary
style test
bold italics underline strikethrough
hover over me!
27%
tooltip
click me!
| test | test | test |
|---|---|---|
| test | test | test |
| test | test | test |
Stardust
Treasure
(: 0)
Beautiful red sand. Can be sold at a high price. Rubbing it on Pokémon while feeding it candy is not recommended.
Sells for 1,000
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sour food
27%Relaxed nature
code
[sc=template][sc=bar][sc=main][sc=font][h1]binary[/h1][/sc]
text goes here, you're not limited to just keeping the tabs, imgs + labels i've put in here, please change them to your heart's content
[sc=tabbed_interface horizontal][ul]
[li][img]https://pfq-static.com/img/farmbtns/farm_news.png/t=1535200173[/img][/li]
[li][tip=hunts][item=pokeradar][/tip][/li]
[li][tip=pokemon][img]https://pfq-static.com/img/navbar/party.png/t=1430540365[/img][/tip][/li]
[li][tip=breeding pairs][item=matchup checker][/tip][/li]
[li][tip=items][img]https://pfq-static.com/img/farmbtns/inventory.png/t=1535200174[/img][/tip][/li]
[li][tip=currency][item=money safe][/tip][/li]
[li][tip=boxes][item=deluxe box][/tip][/li]
[li][tip=summons][item=azure flute][/tip][/li]
[li][tip=gems][item=normal gem][/tip][/li]
[li][tip=megastones][img]https://pfq-static.com/img/items/keystone.png/t=1511636561[/img][/tip][/li]
[li][tip=relics][item=relic copper][/tip][/li]
[li][tip=dex trades][img]https://pfq-static.com/img/navbar/dex.png/t=1430540337[/img][/tip][/li]
[/ul][
][sc=tab-active][* leave this blank for a "close tab"-esque button *][/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][/sc][/sc][/sc][/sc][sc=credit][url=https://pfq.link/~LxwF]code[/url] | free to use[/sc]
[style]
@bkg1: #141414;
@bkg2: #3B3B3B;
@text: #ffffff;
@accent1: #F2F2F2;
@accent2: #6E6E6E;
@accent3: #7075FF;
@accent4: rgb(112, 117, 255, 0.5);
// background //
.template{
.main {
border-radius: 0px 7px 7px 0px;
background: @bkg1;
padding: 10px;
width: 90%;
min-height: 7%;
font-size:10pt;
color: @text;
text-align: center;
}
.bar {
border-left: 20px solid @accent3;
height:100%;
}
b,u,i { color: @accent3; }
hr {
border: 1px solid @accent3;
width: 70%;
}
// links //
a, a:visited {
color: @accent3;
text-decoration: none;
transition:all 100ms ease-in-out;
}
a:hover {
color: @accent3;
letter-spacing: 1px;
transition:all 100ms ease-in-out;
}
// tooltip //
.tooltip_content {
border: 1px solid @accent3;
background: @bkg1;
min-width: fit-content;
color: @accent1;
font-size: 10pt;
padding: 5px;
}
.bbcode_tooltip {
border-color: @accent2;
border-bottom: 1px solid @accent3;
}
// hide + accordion //
.panel {
background: none;
color: @text;
border: 0px;
box-shadow: none;
>h3 {
background: @accent1;
color: @bkg1;
border: 0px solid @bkg1;
border-radius: 0px;
padding: 5px;
margin-left: 6.5%;
min-width: 85%;
width: fit-content;
max-width: 85%;
text-align: center;
a, a:visited {
color: #212FF2;
}
}
>div {
color: @text;
text-align:left;
border-radius: 0px;
border: 1px solid @text;
margin: 0.5% 6.3%;
padding: 5px;
animation: fade 1.3s;
text-align: center;
}
}
// tables //
table {
margin: 0px auto;
border: 0px;
}
table th{
text-align: center;
vertical-align: middle;
padding: 7px;
border: 3px solid @bkg1;
background: @accent4;
color: @accent1;
border-radius: 7px;
}
table td {
text-align: center;
vertical-align: middle;
padding: 5px;
border: 3px solid @bkg1;
background: @bkg2;
color: @text;
border-radius: 7px;
}
// tabs //
.tabbed_interface {
border-collapse: separate;
>ul {
background: none;
>li {
background: none;
color: @accent1;
border: 0px solid @bkg1;
border-radius: 0px;
margin: 2px 2px;
font-size: 10pt;
min-width: fit-content;
padding: 5px 5px;
text-align: center;
filter:grayscale(100%);
> .bbcode_tooltip {
border-color: @accent2;
border-bottom: 0px solid @accent3;
}
&.tab-active {
background: none;
border: 0px solid @bkg1;
color: @bkg1;
border-radius: 0px;
margin: 2px 2px;
font-size: 10pt;
min-width: fit-content;
padding: 5px 5px;
vertical-align: center;
filter:grayscale(0%);
}
.li:hover {
filter:grayscale(0%);
transition: all 100ms ease-in-out;
}
}
}
.tab, .tab-active {
background: none;
color: @text;
border: 0px solid @text;
box-shadow: none;
margin: 10px 10px;
border-radius: 0px;
font-size: 10pt;
padding: 5px 5px;
}
}
// progress bar //
.expbar {
background: @bkg1;
border-radius: 7px;
width: 70%;
border: 1px solid @accent3;
color: @accent1;
>div {
background: @accent4;
border-right: 0px solid @accent1;
}
}
// pkmn panels //
.party > div {
background: @bkg1;
color: @accent3;
border: 1px solid @accent3;
font-size: 10pt;
box-shadow: 3px 3px 3px 3px @accent1;
.happy {display: none;}
.nature {display: none;}
.type {display: none;}
a:link, a:visited {
color: @accent3;
}
div.tooltip_content {
background: @bkg1;
color: @accent1;
min-width: 100%;
border: solid 1px @accent3;
}
.bbcode_tooltip {
border-bottom: 1px solid @accent3;
}
}
.party > div > .pkmn:before {
border: solid @accent2;
background-color: @accent1;
}
.party > div > .expbar {
border: solid 1px @accent3;
background: @bkg1;
width: 60%;color: @accent1;
>div {
background: @accent4;
border-right: 0px solid @accent1;
}
}
.font {
font-family: 'Space Mono';
color: @accent3;
letter-spacing: 0px;
transition: all 500ms ease-in-out;
}
.font:hover {
letter-spacing: 2px;
transition: all 500ms ease-in-out;
}}
/* latin */
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.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;
}
.credit {
font-size: 10pt;
text-align: left;
margin-top: 3px;
margin-left: 5px;}
[/style]
hunts
pokemon
breeding pairs
items
currency
boxes
summons
gems
megastones
relics
dex trades
content
content
content
content
content
content
content
content
content
content
content
code | free to use
howdo you use these im new and makeing a shop and want know how to use tese on a chomebook without a mouse thx in advance
QUOTE originally posted by ShinySylveon0309
howdo you use these im new and makeing a shop and want know how to use tese on a chomebook without a mouse thx in advance
I'll be using Zorua for my journal until I find a new one that's cool and easy to navigate! Thanks for making epic templates like this!
Profile picture is my artwork. Musharp (the species Ferris is) belongs to PokeFarm Q. The colors are taken from Musharp's melanistic sprite.
♫⋆｡♪ ₊˚♬ ﾟ.
× 45 / 500Cannot post: Please log in to post