Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
Is there a CSS that does field stacking but only when you click the berry?
I don't like the one that I currently use that has all of the pokemon pre-stacked it makes it hard to look in other trainers fields when I want to do trades for certain pokemon
🖤💙💜💙🖤💙💜💙🖤💙💜💙🖤
Premission given by PokeFarm to use image as avatar.
🖤💙💜💙🖤💙💜💙🖤💙💜💙🖤
@holybutterball I don't think thats possible with css (feel free to correct me, but i havent seen it yet) but its possible with the Userscript extension! Its only usable with tapermonkey, but I'd highly recommend for little things like that.
- My Current Hunt
- Type Race+Plans!
2/226 hatched!
S: -k credits/- gp/- zc
A: -k credits/- gp/- zc
0 points this month!
Planned hunts: 
QUOTE originally posted by HolyButterBall
Is there a CSS that does field stacking but only when you click the berry?
I don't like the one that I currently use that has all of the pokemon pre-stacked it makes it hard to look in other trainers fields when I want to do trades for certain pokemon
QUOTE originally posted by Tarashia
QUOTE originally posted by HolyButterBall
Is there a CSS that does field stacking but only when you click the berry?
I don't like the one that I currently use that has all of the pokemon pre-stacked it makes it hard to look in other trainers fields when I want to do trades for certain pokemon
I want to use this as the font https://fonts.google.com/specimen/Raleway
Road To Arceus!
Creator
help!
Road To Arceus!
- Home
- Kanto
- Johto
- Hoenn
- Sinnoh
- Unova
- Kalos
- Alola
- Galar
- PFQ Exclusives
- PFQ Varients
- PFQ Megas
- Arceus Rank (EggDex)
583 / 591
- Arceus Rank (PokeDex)
1,221 / 1,362
583 / 591 1,221 / 1,362 text
text
text
text
text
text
text
text
text
text
text
code
[css=background:#008689; background-repeat: repeat-y; background-size:100%; padding: 5px 5px 5px 5px; color: #000000; font-family: "Raleway"; font-size:14px; margin-top:-10px;][center]
[size=17][img]https://pfq-static.com/img/userbars/arceus.png/t=1485169760[/img] [b][u]Road To Arceus![/u][/b] [img]https://pfq-static.com/img/userbars/arceus.png/t=1485169760[/img][/size]
[sc=tabbed_interface horizontal]
[ul]
[li]Home[/li]
[li]Kanto[/li]
[li]Johto[/li]
[li]Hoenn[/li]
[li]Sinnoh[/li]
[li]Unova[/li]
[li]Kalos[/li]
[li]Alola[/li]
[li]Galar[/li]
[li]PFQ Exclusives[/li]
[li]PFQ Varients[/li]
[li]PFQ Megas[/li]
[/ul][
][sc=tab-active]- Arceus Rank (EggDex)[progress=583/591][img]https://pokefarm.com/upload/QueenDiancie/oie_qdUEhuyTG7Lf.png[/img] 583 / 591 [img]https://pokefarm.com/upload/QueenDiancie/oie_qdUEhuyTG7Lf.png[/img][/progress]
- Arceus Rank (PokeDex)[progress=1221/1362][img]https://pokefarm.wiki/images/8/86/Pok%C3%A9Dex.png[/img] 1,221 / 1,362 [img]https://pokefarm.wiki/images/8/86/Pok%C3%A9Dex.png[/img][/progress][/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][
][sc=tab]text[/sc][/sc]
[/center]
[size=6][url=https://pokefarm.com/user/QueenDiancie]Creator[/url][/size][/css]
[style]
@color1: #fff;
@color2: #008689;
@color3: #000;
.tooltip_content {background-color: @color3 ; color: @color1 ; border: 1px solid @color2 ; font-size:13px; }
a {color: @color1; }
U {text-decoration: underline @color3; }
hr {border: 1px solid @color3; }
span.bbcode_tooltip {border-bottom:1px dotted @color1;}
.panel h3>a>svg { color: @color3; }
.panel { &>h3 {background-color: @color3; color: @color1; border-color: @color1; border-radius: 1px; text-align:center; a {color:@color1;}} &>div {background-color: @color2; color: @color3; border-color:@color1; } border-color:@color1; box-shadow:none; border: 1px solid @color1; border-radius: 1px;}
.tabbed_interface { >ul {background-color: @color2;
li{ background-color: @color3; color: @color2; padding:5px 10px; box-shadow:none; border:1px solid; font-size:14px; text-align: center; }
li.tab-active{ background-color: @color2; color: @color3; padding:5px 10px; box-shadow:none; border:1px solid; font-size:14px; } }
.tab-active{background-color: @color2 ; color: @color3; border: none; padding:10px; box-shadow: none;} }
.expbar {color: @color1; background-color: @color2; border: 1px solid @color1; &>div { background-color: @color3; border-right: 1px solid @color1; color:@color1; } }
.bbcode_table {background: @color2;
border: 1px solid @color2;}
table {border: 4px solid @color2;
padding: 4px;
border-collapse: separate;
th, td {text-align: center;
padding: 5px;
border-radius: 8px;
border: 2px solid @color2;
color: @color1;}
th {background-color: @color3;
color: @color1;}
td {background-color: @color2;}}
table{margin: 0 auto;}
@font-face {
font-family: 'Raleway', cursive;
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Raleway'), local('Raleway-Regular');
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
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Dry food
27%Mild nature
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Any food
27%Bashful nature
[font=font here] Actual text here [/font] Make sure it's readable
It'll look like this: Actual text here
Avatar credit can be found in my journal under the art tabs
signature by Kattscribbles, with help from Wardove. Official Pokemon Art
@queendiance i think you need to add a ,url("https://fonts.googleapis.com/css2?family=Raleway&display=swap") after the last source statement. i hope this helps ^^ i can't quite remember how to do it so someone else may be of help to you hh
Übercharm
Account Upgrade
(: 0)
An overpowered charm that, when activated, massively increases your chances of hatching Melanistic Pokémon for 28 days.
Sells for 2,000
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Dry food
27%Rash nature
QUOTE originally posted by Vaporeon26
[font=font here] Actual text here [/font] Make sure it's readable
It'll look like this: Actual text here
Instructions
1. On the font page, select the styles you need (ex: regular, italic, bold, bold italic)
2. Click the embed button on the right
3. Copy the URL in the href="" part of the embed, open a new tab, and go to the URL you copied
4. Copy the required character set definitions (at least Latin/normal/400) and add it to your post using a [style] tag
5. Apply the font as Vaporeon26 did above, or apply it using the font-family CSS in your [style] (you can use the demo CSS shown underneath the embed code on the Google fonts page - this is what I did - it defines a generic backup font for in case the webfont fails to load)
In my tests I could get away with using bold/italic for most English characters while only explicitly importing the normal definition, so that may be all you need. But tbh it's been a while since I did much with web fonts so ymmv.
This is some text in the Raleway font - it should display regardless of your device/browser. I've only imported the latin character set in standard weight for this example.
Code
[sc=font]This is some text in the Raleway font - it should display regardless of your device/browser. I've only imported the Latin character set in standard weight for this example.[/sc]
[style]
/* latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.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;
}
.font {
font-family: 'Raleway', sans-serif;
}
[/style]
this will probably be hard, but i think possible?
is there a way to have feilds in a grid but when you click the berry than stack?
so like the shelter grid code, but when you go to feed them and select a berry than it stacks.
Thank You!
Previous User: FireDanceCrystal | Call me: Flame
Hewo! Im Just A Playful Moltreon, Who Like's To Make Art!
I Am The One Who Made My Avatar, And My Shop Banners!
^^ Thats Me!
For all credits look in about me.
^^ Thats Me!
For all credits look in about me.
credit | free to use, edited by me || human base
I'm having issues with the code to Alert Shinies in the shelter. I don't know if i'm doing something wrong or what. This is my first time using CSS or anything.
Cannot post: Please log in to post