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
help!
Road To Arceus!
Creator- Home
- Kanto
- Johto
- Hoenn
- Sinnoh
- Unova
- Kalos
- Alola
- Galar
- PFQ Exclusives
- PFQ Varients
- PFQ Megas
- Arceus Rank (EggDex)
- Arceus Rank (PokeDex)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
Likes:
Dry food
27%
Mild nature
Avatar by TikiKat, for my use only
[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
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!
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