Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
It was me, trying to fix things by changing the colors around. I made the text in these boxes too light. xD
Thanks for the offer tho!
Type Race: 698
Profile pic by xaandiir from their artshop (click their name for the shop!)
Here thar be Dragons
I'm trying to figure out this whole change the trainer card color from the first page and im getting confused on what the pixel values should be in all the different spaces. Also do we just copy and paste the code into the area we edit on the trainer card?
That code will affect how you view everyone's trainer cards - nobody else will be able to see your colors. You would put the code in your site skin.
I strongly recommend changing all of these lines:
border: WEIGHT IN PXpx COLOR HERE !important;
To this:
border-color: COLOR HERE !important;
Because changing the border width can affect the card layout. If you're not sure which colors match which part of the card, I usually set bright, unique colors in each section to make it easy to see what changed!
Is there something wrong with this code to highlight Murkrow eggs, or do I need to clear my cache?
#shelterarea > .pokemon > img[src*="i/h/o.png"]{
box-shadow: 0px 0px 50px 25px yellow;
background-color: yellow;
border-radius:100%;
}
elliot • they/them
quit, dm xim#7352 if you need me
©
You always need to clear your cache after changing your site skin. Your code puts a yellow 'glow' on murkrow eggs for me, so if that's what you wanted, it works
Avatar by Akua, permission to use it here
Is there a code to only disable small font bbcode in forum posts?
NO PMS.Maybe when PMs are organizable I'll find an actual signature :/
i believe so! i know i've seen it.
cy/fev. he/they pronouns. find me at @scorkaji on discord if you need me
avatar from Hazbin Hotel s1e8 pkmnpanel code
King's Shield
Forme-Change Item
(: 0)
A mysterious shield that enervates attackers. Aegislash could make good use of this.
Sells for 500
Likes:
Bitter food
27%
Calm nature
avatar from Hazbin Hotel s1e8 pkmnpanel code
That's tricky, since there's no if/then logic or min-size property for text size. You can force all text in all posts to be a certain size, which will include shrinking large text as well as growing small text. You will have to accept that doing so may break some people's layouts (why I eventually removed that code from my own skin).
If you are still interested and if nobody else has posted, I will write you some code when I'm on my laptop tomorrow. (It's late where I am sorry)
You probably know this but just in case you don't the site does have a minimum font size (10pt) in the legibility guidelines, so excessively small font may be reportable. But tbh even that size on my high resolution laptop is hard to read without zoom.
Edited a couple times because I got the min size wrong sorry.
Next day edit: Whoops, that took longer than I meant it to. Here's the code to override font sizes. I also included an override for font family since there can be so much variation in how different fonts appear at the same pt size, but you can delete that line if you like.
.forumpost .bbcode * {
/* the site default post text size is 12pt */
font-size: 12pt !important;
/* because fonts can vary in size, this is the site default font */
font-family: Meiryo, Verdana, sans-serif !important;
}
(I KNOW THIS ISNT SITE SKINS BUT ITS CSS RELATED)
So I need some help. I have this and for some reason the fonts wont match to the font link here
Coding In Use
text
Code
[img]https://i.ibb.co/SsnYkxh/Table-Of-Contents.png[/img]
[css=background:url(https://i.ibb.co/DQ6nTqg/GymMid.png); background-repeat:repeat-y; background-size:100%; padding: 0px 5px 0px 5px; color:#000000; font-family: "Merienda One"; font-size:14px; margin-top:-10px; ]
[center]Text[/center][/css][img]https://i.ibb.co/k8dDsg0/GymBot.png[/img]
[style]
a {color: #000000; }
U {text-decoration: underline wavy #000000; }
hr {border: 1px solid #001e60; }
span.bbcode_tooltip {border-bottom:1px dotted #5861A8;}
.panel h3>a>svg { color: #5861A8; }
.panel { &>h3 {background-color: #FFBCF5; color: #fff; border-color:#000000; border-radius: 1px; text-align:center; a {color:#000000;}} &>div {background-color: #BCCAFF; color: #000000; border-color:#2c003e; } border-color:#2c003e; box-shadow:none; border: 1px solid #2c003e; border-radius: 1px;}
.tabbed_interface { >ul {background:none;
li{ background-color:#FFBCF5; color: #000000; padding:5px 10px; box-shadow:none; border:1px solid; font-size:14px; text-align: center; }
li.tab-active{ background-color:#6FA9F8; color: #000000; padding:5px 10px; box-shadow:none; border:1px solid; font-size:14px; } }
.tab-active{background-image:url('https://i.ibb.co/DQ6nTqg/GymMid.png') ; color: #000000; border: none; padding:10px; box-shadow: none;} }
.expbar {color: #000000; background-color: #bccaff; border: 1px solid #000000; &>div { background-color: #ffbcf5; border-right: 1px solid #000000; color:#000000; } }
td:hover {transition:all .8s; background:#BCCAFF; color:#000000; a{color:#000000}}
.bbcode_table{border: 2px solid #000000; margin: 0 auto;}
.bbcode_table td{border: 1px solid #000000; }
.bbcode_table th{background-color:#FFBCF5; color: black; border-color: #000000; }
.tooltip_content{background-color:#FFBCF5; color: Black; border: 1px solid #000000; font-size:13px; }
@font-face {
font-family: 'Merienda One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merienda One'), local('Merienda One'), url(https://fonts.google.com/specimen/Merienda+One);
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]
Go Team Breakneck Blitz! -> Score: 0
Everstone
Special Evolution Item
(: 0)
A peculiar stone that prevents a Pokémon from evolving when held.
Sells for 250
Likes:
Dry food
27%
Mild nature
Avatar by TikiKat, for my use only
Did You Want It Like This Text?
Code For this post:
[style]
.text; font-family: 'Merienda One', cursive;
[/style]
Cannot post: Please log in to post