👍 14

Posted 14/Dec/2023 21:41:02 (4 months ago)
Edited 03/May/2024 17:29:19 (16 hours ago)

hi everyone!! recently taught myself css, so i wanted to make some templates for anyone to use. if anyone does use these templates, post here if you're comfortable! i'd love to see, and it helps prevent the thread from being consumed by sally c,:

RULES

- feel free to edit this code as you wish, and combine it with other codes. just make sure that credit is given to me and that this thread is linked should you use any parts of my code. (be aware that some of these are rather inefficient, i have improved a lot since making the thread!) - the one exception to this rule is you may not under any circumstances use my code to make a profit. if i find out you've been doing this, serious action will be taken. - do NOT remove any credit elements present in the code. as per pfq rules, including credits is mandatory.

juno
mio is fine too!
| adult | any pronouns | pfq's otter hoarder f2u code ♡ code shop ♡ trade shop ♡ journal

Mio Xenoblade

👍 0

Posted 14/Dec/2023 22:03:11 (4 months ago)
Edited 14/Jan/2024 20:48:45 (3 months ago)

Normal Type Theme

This is a hidebox.

This is the hidebox content.

This is a display box.

This is the display box content.

This is a progress bar.

Lv. 100 — +2,137,339

Likes:

Dry food

MAX

Modest nature

hello! hope you like the code! if something doesn't work, please let me know! this code is formatted for about mes specifically - please don't use it for anything else!

thanks for having a look at my code :D

credits

_{Coded by Mio Xenoblade (free to use)
Pkmnpanel Code
Image Credits}

Code

[sc=background][ ][sc=tabbed_interface horizontal][ul][ ][li][img]https://www.serebii.net/shuffle/pokemon/132.png[/img][/li][ ][li][img]https://www.serebii.net/shuffle/pokemon/264.png[/img][/li][ ][li][img]https://www.serebii.net/shuffle/pokemon/133.png[/img][/li][ ][li][img]https://www.serebii.net/shuffle/pokemon/573.png[/img][/li][ ][/ul][ ][sc=tab tab-active]Tab 1[/sc][ ][sc=tab]Tab 2[/sc][ ][sc=tab]Tab 3[/sc][ ][sc=tab]Tab 4[ ][hide=credits][centre][ ][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url] [url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url] [url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][ ][/sub][/centre][/hide][/sc][ ][/sc][ ] [style] .tabbed_interface { background: none; border: none; & > ul { background: none; border: none; & > li { background: none; border: none; padding: 0%; border: none; color: black; width: 2px; opacity: 70%; &.tab-active { background: none; } } & > li:hover { cursor: pointer; opacity: 100%; } } > .tab, > .tab-active { background: rgb(255,255,255, 70%); opacity: 100%; border: 1px solid black; border-radius: 10px; margin: 1%; box-shadow: none; color: black; padding: 2%; } } .background { background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/NORMAL_BG.png'); align: center; background-size: 400px 450px; background-repeat: repeat; width 100%; border: 1px solid black; border-radius: 10px; padding: 1%; } .panel { background: rgb(179,170,222, 30%); border: 1px solid black; color: black; box-shadow: none; > h3 { > a { color: black; } border: 1px solid black; background: rgb(80,76,99, 30%); color: black; box-shadow: none; } > div { color: black; a:link, a:visited { color: black; } } } div.tooltip_content { font-size: 10px; background: rgb(179,170,222, 80%); color: black; border: 1px dashed black; } .bbcode_tooltip { border-bottom: 1px dotted black; } .expbar { background: rgb(179,170,222, 30%); color: black; border: 1px solid black; > div { background: rgb(80,76,99, 30%); border-right: 1px solid black; } } @pkmn-panel-bg: rgb(179,170,222, 30%); @pkmn-border-color: #000000; @pkmn-text-color: #000000; @pkmn-link-color: black; @pkmn-platform-color: @col-bg1; @pkmn-platform-edge: @col-border1; @pkmn-berry-color: @col-flavour-up; @pkmn-xp-done: #8881a8; @pkmn-xp-remining: #cac0fa; @pkmn-xp-text: #000000; @pkmn-xp-border: #000000; .party { display: inline-block; margin: 1px; width: 100px; color: #000000; a { color: @pkmn-link-color; } >div { background: @pkmn-panel-bg; border-color: #000000; box-shadow: none; width: 250px; margin: 1px; overflow: hidden; &:hover>.action a[data-berry]:after { color: @pkmn-border-color; } >.pkmn:before { background-color: @pkmn-platform-color; border-color: @pkmn-platform-edge; } >.name a { margin-bottom: 5px; max-width: 140px; } >.expbar { width: 140px; height: 25px; margin-top: 2px; background-color: @pkmn-xp-remining; border-color: @pkmn-xp-border; color: @pkmn-xp-text; >div { border-color: @pkmn-xp-border; background-color: @pkmn-xp-done; } } >.extra { >.happy { display: none; } >.nature { width: 165px; margin-left: 5px; } } >.action { width: 140px; height: 30px; >.berrybuttons { >a { background-color: @pkmn-berry-color; display: none; width: 100%; height: 30px; padding: 3px; box-sizing: border-box; >img { height: 25px; vertical-align: top; } } } >.berrybuttons[data-up="any"]>a[data-berry="aspear"] { display: inline-block; border-radius: 20px; } >.berrybuttons[data-up="sour"]>a[data-berry="aspear"] { display: inline-block; } >.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] { display: inline-block; } >.berrybuttons[data-up="dry"]>a[data-berry="chesto"] { display: inline-block; } >.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] { display: inline-block; } >.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] { display: inline-block; } } } }[/style][ ][/sc]

_{codebox credit}

Mio Xenoblade

👍 0

Posted 14/Dec/2023 22:37:51 (4 months ago)
Edited 14/Jan/2024 20:49:18 (3 months ago)