Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Guide to CSS (Beginner & Intermediate) [In Progress]

Forum Index > PokéFarm > Guides >

Pages: 123··· 6465666768··· 828384

Mirzam's AvatarMirzam
Mirzam's Avatar
Not all Pokemon have s/a/m mini sprites yet. When the Sinnoh sprites are updated (it's been a while because of Galar), the mini sprites should be added too.
Riaxxu's AvatarRiaxxu
Riaxxu's Avatar

QUOTE originally posted by Tarashia

Not all Pokemon have s/a/m mini sprites yet. When the Sinnoh sprites are updated (it's been a while because of Galar), the mini sprites should be added too.
Oh, okay. Thank you!
Will take any and all unwanted Celebi's My Shop
GS Balls
68/1000
Code help: Tarashia || Journal || Icon Artsu by Cøbaltøad
Riaxxu's AvatarRiaxxu
Riaxxu's Avatar
Hi again! I'm sorry if this is against the rules for multiposting???? But bbcoding really gives me a headache, I'm used to taking precodes and fixing them to my preferences, not doing them from scratch. I could never do that. It's really hard for me to understand. Anyway I've been trying to figure out how to do something like this

example

Not EXACTLY like that of course but more along the lines of pink/pastel colors but with the same small font.

example of colors

Just something that simple gives me a heck of a hard time and it's frustrating.
matecocido's Avatarmatecocido
matecocido's Avatar
im not sure I understand your doubt the "table of contents" is literally a table. I believe the guide has it on the 'tables tab' and for size you have to go to the table code and add font-size:11px or the px you want.
»» NO PMS PLEASE !! «« * * * *
Riaxxu's AvatarRiaxxu
Riaxxu's Avatar
I figured it out but I'm having some issues centering this table.

Example

Introduction
x-
x-
x-
x-
x-

code

[css=background-color: #fcdfe4; border: 2px outset #aa6f73; border-radius: 16px; padding: 8px; font-size: 8pt; color: #aa6f73] [h1]HEADING[/h1] [table] [tr] [th=3x1]Introduction[/th] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [/table][/css]
Mirzam's AvatarMirzam
Mirzam's Avatar
If I were you, I'd use a [ style ] tag instead of the CSS tag. It may be a little more complicated at first but it will give you a lot more detailed control. For example, you must set that header background color - on my skin it's very hard to read the word "introduction". You also need to increase the contrast between your text and background for the table body if you want to post this in a shop or something.
Introduction
x-
x-
x-
x-
x-

Code

[sc=table_wrapper][table] [tr] [th=3x1]Introduction[/th] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [/table][/sc] [style] .table_wrapper { /* this is basically just what was in your [ css ] tag before */ background-color: #fcdfe4; border: 2px outset #aa6f73; border-radius: 16px; padding: 8px; font-size: 8pt; color: #aa6f73; table { border-color: #aa6f73; margin: 0 auto; /* this centers the table */ td, th { /* affects both the header cell and body cells */ border-color: #aa6f73; } th { /* affects header cells only */ background: white; } td { /* affects body cells only */ } } } [/style]
Riaxxu's AvatarRiaxxu
Riaxxu's Avatar

QUOTE originally posted by Tarashia

If I were you, I'd use a [ style ] tag instead of the CSS tag. It may be a little more complicated at first but it will give you a lot more detailed control. For example, you must set that header background color - on my skin it's very hard to read the word "introduction". You also need to increase the contrast between your text and background for the table body if you want to post this in a shop or something.
Introduction
x-
x-
x-
x-
x-

Code

[sc=table_wrapper][table] [tr] [th=3x1]Introduction[/th] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [tr] [td=3x1]x-[/td] [/tr] [/table][/sc] [style] .table_wrapper { /* this is basically just what was in your [ css ] tag before */ background-color: #fcdfe4; border: 2px outset #aa6f73; border-radius: 16px; padding: 8px; font-size: 8pt; color: #aa6f73; table { border-color: #aa6f73; margin: 0 auto; /* this centers the table */ td, th { /* affects both the header cell and body cells */ border-color: #aa6f73; } th { /* affects header cells only */ background: white; } td { /* affects body cells only */ } } } [/style]
-- Holy, that is very complicated looking. I'll study the code so I'll understand it better. But if I were to put this in a hide tab how would I change the hide tabs background color and font if possible.
matecocido's Avatarmatecocido
matecocido's Avatar

QUOTE

-- Holy, that is very complicated looking. I'll study the code so I'll understand it better. But if I were to put this in a hide tab how would I change the hide tabs background color and font if possible.
please check the original posts. it has *so* many codes. and css is very very complicated, in case you just realize ! :p
Riaxxu's AvatarRiaxxu
Riaxxu's Avatar
I hate to bother again but I was curious on how I could grey out the pokemon I don't have. I'd show an example but I don't see it anymore. I don't know how to better explain it.

Image

Code

[sc=table_wrapper][sc=text][h1]Pokedex[/h1] [sc=tabbed_interface horizontal][ul] [li]Kanto[/li] [li]Johto[/li] [li]Hoenn[/li] [li]Sinnoh[/li] [li]Unova[/li] [li]Kalos[/li] [li]Alola[/li] [li]Galar[/li] [/ul][ ][sc=tab-active] [table] [tr] [td][pkmn=bulbasaur][/td] [td][pkmn=bulbasaur(S)][/td] [td][pkmn=bulbasaur(A)][/td] [td][pkmn=bulbasaur(M)][/td] [td][pkmn=ivysaur][/td] [td][pkmn=ivysaur(S)][/td] [td][pkmn=ivysaur(A)][/td] [td][pkmn=ivysaur(M)][/td] [td][pkmn=venusaur][/td] [td][pkmn=venusaur(S)][/td] [td][pkmn=venusaur(A)][/td] [td][pkmn=venusaur(M)][/td] [/tr] [tr] [td][pkmn=venusaur/mega forme][/td] [td][pkmn=venusaur/mega forme(S)][/td] [td][pkmn=venusaur/mega forme(A)][/td] [td][pkmn=venusaur/mega forme(M)][/td] [td][pkmn=charmander][/td] [td][pkmn=charmander(S)][/td] [td][pkmn=charmander(A)][/td] [td][pkmn=charmander(M)][/td] [td][pkmn=charmeleon][/td] [td][pkmn=charmeleon(S)][/td] [td][pkmn=charmeleon(A)][/td] [td][pkmn=charmeleon(M)][/td] [/tr] [tr] [td][pkmn=charizard][/td] [td][pkmn=charizard(S)][/td] [td][pkmn=charizard(A)][/td] [td][pkmn=charizard(M)][/td] [td][pkmn=charizard/mega forme x][/td] [td][pkmn=charizard/mega forme x(S)][/td] [td][pkmn=charizard/mega forme x(A)][/td] [td][pkmn=charizard/mega forme x(M)][/td] [td][pkmn=charizard/mega forme y][/td] [td][pkmn=charizard/mega forme y(S)][/td] [td][pkmn=charizard/mega forme y(A)][/td] [td][pkmn=charizard/mega forme y(M)][/td] [/tr] [tr] [td][pkmn=squirtle][/td] [td][pkmn=squirtle(S)][/td] [td][pkmn=squirtle(A)][/td] [td][pkmn=squirtle(M)][/td] [td][pkmn=wartortle][/td] [td][pkmn=wartortle(S)][/td] [td][pkmn=wartortle(A)][/td] [td][pkmn=wartortle(M)][/td] [td][pkmn=blastoise][/td] [td][pkmn=blastoise(S)][/td] [td][pkmn=blastoise(A)][/td] [td][pkmn=blastoise(M)][/td] [/tr] [tr] [td][pkmn=blastoise/mega forme][/td] [td][pkmn=blastoise/mega forme(S)][/td] [td][pkmn=blastoise/mega forme(A)][/td] [td][pkmn=blastoise/mega forme(M)][/td] [td][pkmn=caterpie][/td] [td][pkmn=caterpie(S)][/td] [td][pkmn=caterpie(A)][/td] [td][pkmn=caterpie(M)][/td] [td][pkmn=metapod][/td] [td][pkmn=metapod(S)][/td] [td][pkmn=metapod(A)][/td] [td][pkmn=metapod(M)][/td] [/tr] [tr] [td][pkmn=butterfree][/td] [td][pkmn=butterfree(S)][/td] [td][pkmn=butterfree(A)][/td] [td][pkmn=butterfree(M)][/td] [td][pkmn=weedle][/td] [td][pkmn=weedle(S)][/td] [td][pkmn=weedle(A)][/td] [td][pkmn=weedle(M)][/td] [td][pkmn=kakuna][/td] [td][pkmn=kakuna(S)][/td] [td][pkmn=kakuna(A)][/td] [td][pkmn=kakuna(M)][/td] [/tr] [tr] [td][pkmn=beedrill][/td] [td][pkmn=beedrill(S)][/td] [td][pkmn=beedrill(A)][/td] [td][pkmn=beedrill(M)][/td] [td][pkmn=beedrill/mega forme][/td] [td][pkmn=beedrill/mega forme(S)][/td] [td][pkmn=beedrill/mega forme(A)][/td] [td][pkmn=beedrill/mega forme(M)][/td] [td][pkmn=pidgey][/td] [td][pkmn=pidgey(S)][/td] [td][pkmn=pidgey(A)][/td] [td][pkmn=pidgey(M)][/td] [/tr] [tr] [td][pkmn=pidgeotto][/td] [td][pkmn=pidgeotto(S)][/td] [td][pkmn=pidgeotto(A)][/td] [td][pkmn=pidgeotto(M)][/td] [td][pkmn=pidgeot][/td] [td][pkmn=pidgeot(S)][/td] [td][pkmn=pidgeot(A)][/td] [td][pkmn=pidgeot(M)][/td] [td][pkmn=pidgeot/mega forme][/td] [td][pkmn=pidgeot/mega forme(S)][/td] [td][pkmn=pidgeot/mega forme(A)][/td] [td][pkmn=pidgeot/mega forme(M)][/td] [/tr] [tr] [td][pkmn=rattata][/td] [td][pkmn=rattata(S)][/td] [td][pkmn=rattata(A)][/td] [td][pkmn=rattata(M)][/td] [td][pkmn=rattata/alolan forme][/td] [td][pkmn=rattata/alolan forme(S)][/td] [td][pkmn=rattata/alolan forme(A)][/td] [td][pkmn=rattata/alolan forme(M)][/td] [td][pkmn=raticate][/td] [td][pkmn=raticate(S)][/td] [td][pkmn=raticate(A)][/td] [td][pkmn=raticate(M)][/td] [/tr] [tr] [td][pkmn=raticate/alolan forme][/td] [td][pkmn=raticate/alolan forme(S)][/td] [td][pkmn=raticate/alolan forme(A)][/td] [td][pkmn=raticate/alolan forme(M)][/td] [td][pkmn=spearow][/td] [td][pkmn=spearow(S)][/td] [td][pkmn=spearow(A)][/td] [td][pkmn=spearow(M)][/td] [td][pkmn=fearow][/td] [td][pkmn=fearow(S)][/td] [td][pkmn=fearow(A)][/td] [td][pkmn=fearow(M)][/td] [/tr] [tr] [td][pkmn=ekans][/td] [td][pkmn=ekans(S)][/td] [td][pkmn=ekans(A)][/td] [td][pkmn=ekans(M)][/td] [td][pkmn=arbok][/td] [td][pkmn=arbok(S)][/td] [td][pkmn=arbok(A)][/td] [td][pkmn=arbok(M)][/td] [td][pkmn=pichu][/td] [td][pkmn=pichu(S)][/td] [td][pkmn=pichu(A)][/td] [td][pkmn=pichu(M)][/td] [/tr] [tr] [td][pkmn=pikachu][/td] [td][pkmn=pikachu(S)][/td] [td][pkmn=pikachu(A)][/td] [td][pkmn=pikachu(M)][/td] [td][pkmn=raichu][/td] [td][pkmn=raichu(S)][/td] [td][pkmn=raichu(A)][/td] [td][pkmn=raichu(M)][/td] [td][pkmn=raichu/alolan forme][/td] [td][pkmn=raichu/alolan forme(S)][/td] [td][pkmn=raichu/alolan forme(A)][/td] [td][pkmn=raichu/alolan forme(M)][/td] [/tr] [tr] [td][pkmn=sandshrew][/td] [td][pkmn=sandshrew(S)][/td] [td][pkmn=sandshrew(A)][/td] [td][pkmn=sandshrew(M)][/td] [td][pkmn=sandshrew/alolan forme][/td] [td][pkmn=sandshrew/alolan forme(S)][/td] [td][pkmn=sandshrew/alolan forme(A)][/td] [td][pkmn=sandshrew/alolan forme(M)][/td] [td][pkmn=sandslash][/td] [td][pkmn=sandslash(S)][/td] [td][pkmn=sandslash(A)][/td] [td][pkmn=sandslash(M)][/td] [/tr] [tr] [td][pkmn=sandslash/alolan forme][/td] [td][pkmn=sandslash/alolan forme(S)][/td] [td][pkmn=sandslash/alolan forme(A)][/td] [td][pkmn=sandslash/alolan forme(M)][/td] [td][pkmn=nidoran][/td] [td][pkmn=nidoran(S)][/td] [td][pkmn=nidoran(A)][/td] [td][pkmn=nidoran(M)][/td] [td][pkmn=nidorina][/td] [td][pkmn=nidorina(S)][/td] [td][pkmn=nidorina(A)][/td] [td][pkmn=nidorina(M)][/td] [/tr] [tr] [td][pkmn=nidoqueen][/td] [td][pkmn=nidoqueen(S)][/td] [td][pkmn=nidoqueen(A)][/td] [td][pkmn=nidoqueen(M)][/td] [td][pkmn=nidorino][/td] [td][pkmn=nidorino(S)][/td] [td][pkmn=nidorino(A)][/td] [td][pkmn=nidorino(M)][/td] [td][pkmn=nidoking][/td] [td][pkmn=nidoking(S)][/td] [td][pkmn=nidoking(A)][/td] [td][pkmn=nidoking(M)][/td] [/tr] [tr] [td][pkmn=cleffa][/td] [td][pkmn=cleffa(S)][/td] [td][pkmn=cleffa(A)][/td] [td][pkmn=cleffa(M)][/td] [td][pkmn=clefairy][/td] [td][pkmn=clefairy(S)][/td] [td][pkmn=clefairy(A)][/td] [td][pkmn=clefairy(M)][/td] [td][pkmn=clefable][/td] [td][pkmn=clefable(S)][/td] [td][pkmn=clefable(A)][/td] [td][pkmn=clefable(M)][/td] [/tr] [tr] [td][pkmn=vulpix][/td] [td][pkmn=vulpix(S)][/td] [td][pkmn=vulpix(A)][/td] [td][pkmn=vulpix(M)][/td] [td][pkmn=vulpix/alolan forme][/td] [td][pkmn=vulpix/alolan forme(S)][/td] [td][pkmn=vulpix/alolan forme(A)][/td] [td][pkmn=vulpix/alolan forme(M)][/td] [td][pkmn=ninetales][/td] [td][pkmn=ninetales(S)][/td] [td][pkmn=ninetales(A)][/td] [td][pkmn=ninetales(M)][/td] [/tr] [tr] [td][pkmn=ninetales/alolan forme][/td] [td][pkmn=ninetales/alolan forme(S)][/td] [td][pkmn=ninetales/alolan forme(A)][/td] [td][pkmn=ninetales/alolan forme(M)][/td] [td][pkmn=igglybuff][/td] [td][pkmn=igglybuff(S)][/td] [td][pkmn=igglybuff(A)][/td] [td][pkmn=igglybuff(M)][/td] [td][pkmn=jigglypuff][/td] [td][pkmn=jigglypuff(S)][/td] [td][pkmn=jigglypuff(A)][/td] [td][pkmn=jigglypuff(M)][/td] [/tr] [tr] [td][pkmn=wigglytuff][/td] [td][pkmn=wigglytuff(S)][/td] [td][pkmn=wigglytuff(A)][/td] [td][pkmn=wigglytuff(M)][/td] [td][pkmn=zubat][/td] [td][pkmn=zubat(S)][/td] [td][pkmn=zubat(A)][/td] [td][pkmn=zubat(M)][/td] [td][pkmn=golbat][/td] [td][pkmn=golbat(S)][/td] [td][pkmn=golbat(A)][/td] [td][pkmn=golbat(M)][/td] [/tr] [tr] [td][pkmn=crobat][/td] [td][pkmn=crobat(S)][/td] [td][pkmn=crobat(A)][/td] [td][pkmn=crobat(M)][/td] [td][pkmn=oddish][/td] [td][pkmn=oddish(S)][/td] [td][pkmn=oddish(A)][/td] [td][pkmn=oddish(M)][/td] [td][pkmn=gloom][/td] [td][pkmn=gloom(S)][/td] [td][pkmn=gloom(A)][/td] [td][pkmn=gloom(M)][/td] [/tr] [tr] [td][pkmn=vileplume][/td] [td][pkmn=vileplume(S)][/td] [td][pkmn=vileplume(A)][/td] [td][pkmn=vileplume(M)][/td] [td][pkmn=bellossom][/td] [td][pkmn=bellossom(S)][/td] [td][pkmn=bellossom(A)][/td] [td][pkmn=bellossom(M)][/td] [td][pkmn=paras][/td] [td][pkmn=paras(S)][/td] [td][pkmn=paras(A)][/td] [td][pkmn=paras(M)][/td] [/tr] [tr] [td][pkmn=parasect][/td] [td][pkmn=parasect(S)][/td] [td][pkmn=parasect(A)][/td] [td][pkmn=parasect(M)][/td] [td][pkmn=venonat][/td] [td][pkmn=venonat(S)][/td] [td][pkmn=venonat(A)][/td] [td][pkmn=venonat(M)][/td] [td][pkmn=venomoth][/td] [td][pkmn=venomoth(S)][/td] [td][pkmn=venomoth(A)][/td] [td][pkmn=venomoth(M)][/td] [/tr] [tr] [td][pkmn=diglett][/td] [td][pkmn=diglett(S)][/td] [td][pkmn=diglett(A)][/td] [td][pkmn=diglett(M)][/td] [td][pkmn=diglett/alolan forme][/td] [td][pkmn=diglett/alolan forme(S)][/td] [td][pkmn=diglett/alolan forme(A)][/td] [td][pkmn=diglett/alolan forme(M)][/td] [td][pkmn=dugtrio][/td] [td][pkmn=dugtrio(S)][/td] [td][pkmn=dugtrio(A)][/td] [td][pkmn=dugtrio(M)][/td] [/tr] [tr] [td][pkmn=dugtrio/alolan forme][/td] [td][pkmn=dugtrio/alolan forme(S)][/td] [td][pkmn=dugtrio/alolan forme(A)][/td] [td][pkmn=dugtrio/alolan forme(M)][/td] [td][pkmn=meowth][/td] [td][pkmn=meowth(S)][/td] [td][pkmn=meowth(A)][/td] [td][pkmn=meowth(M)][/td] [td][pkmn=meowth/alolan forme][/td] [td][pkmn=meowth/alolan forme(S)][/td] [td][pkmn=meowth/alolan forme(A)][/td] [td][pkmn=meowth/alolan forme(M)][/td] [/tr] [tr] [td][pkmn=meowth/galarian forme][/td] [td][pkmn=meowth/galarian forme(S)][/td] [td][pkmn=meowth/galarian forme(A)][/td] [td][pkmn=meowth/galarian forme(M)][/td] [td][pkmn=persian][/td] [td][pkmn=persian(S)][/td] [td][pkmn=persian(A)][/td] [td][pkmn=persian(M)][/td] [td][pkmn=persian/alolan forme][/td] [td][pkmn=persian/alolan forme(S)][/td] [td][pkmn=persian/alolan forme(A)][/td] [td][pkmn=persian/alolan forme(M)][/td] [/tr] [tr] [td][pkmn=psyduck][/td] [td][pkmn=psyduck(S)][/td] [td][pkmn=psyduck(A)][/td] [td][pkmn=psyduck(M)][/td] [td][pkmn=golduck][/td] [td][pkmn=golduck(S)][/td] [td][pkmn=golduck(A)][/td] [td][pkmn=golduck(M)][/td] [td][pkmn=mankey][/td] [td][pkmn=mankey(S)][/td] [td][pkmn=mankey(A)][/td] [td][pkmn=mankey(M)][/td] [/tr] [tr] [td][pkmn=primeape][/td] [td][pkmn=primeape(S)][/td] [td][pkmn=primeape(A)][/td] [td][pkmn=primeape(M)][/td] [td][pkmn=growlithe][/td] [td][pkmn=growlithe(S)][/td] [td][pkmn=growlithe(A)][/td] [td][pkmn=growlithe(M)][/td] [td][pkmn=arcanine][/td] [td][pkmn=arcanine(S)][/td] [td][pkmn=arcanine(A)][/td] [td][pkmn=arcanine(M)][/td] [/tr] [tr] [td][pkmn=poliwag][/td] [td][pkmn=poliwag(S)][/td] [td][pkmn=poliwag(A)][/td] [td][pkmn=poliwag(M)][/td] [td][pkmn=poliwhirl][/td] [td][pkmn=poliwhirl(S)][/td] [td][pkmn=poliwhirl(A)][/td] [td][pkmn=poliwhirl(M)][/td] [td][pkmn=poliwrath][/td] [td][pkmn=poliwrath(S)][/td] [td][pkmn=poliwrath(A)][/td] [td][pkmn=poliwrath(M)][/td] [/tr] [tr] [td][pkmn=politoed][/td] [td][pkmn=politoed(S)][/td] [td][pkmn=politoed(A)][/td] [td][pkmn=politoed(M)][/td] [td][pkmn=abra][/td] [td][pkmn=abra(S)][/td] [td][pkmn=abra(A)][/td] [td][pkmn=abra(M)][/td] [td][pkmn=kadabra][/td] [td][pkmn=kadabra(S)][/td] [td][pkmn=kadabra(A)][/td] [td][pkmn=kadabra(M)][/td] [/tr] [tr] [td][pkmn=alakazam][/td] [td][pkmn=alakazam(S)][/td] [td][pkmn=alakazam(A)][/td] [td][pkmn=alakazam(M)][/td] [td][pkmn=alakazam/mega forme][/td] [td][pkmn=alakazam/mega forme(S)][/td] [td][pkmn=alakazam/mega forme(A)][/td] [td][pkmn=alakazam/mega forme(M)][/td] [td][pkmn=machop][/td] [td][pkmn=machop(S)][/td] [td][pkmn=machop(A)][/td] [td][pkmn=machop(M)][/td] [/tr] [tr] [td][pkmn=machoke][/td] [td][pkmn=machoke(S)][/td] [td][pkmn=machoke(A)][/td] [td][pkmn=machoke(M)][/td] [td][pkmn=machamp][/td] [td][pkmn=machamp(S)][/td] [td][pkmn=machamp(A)][/td] [td][pkmn=machamp(M)][/td] [td][pkmn=bellsprout][/td] [td][pkmn=bellsprout(S)][/td] [td][pkmn=bellsprout(A)][/td] [td][pkmn=bellsprout(M)][/td] [/tr] [tr] [td][pkmn=weepinbell][/td] [td][pkmn=weepinbell(S)][/td] [td][pkmn=weepinbell(A)][/td] [td][pkmn=weepinbell(M)][/td] [td][pkmn=victreebell][/td] [td][pkmn=victreebell(S)][/td] [td][pkmn=victreebell(A)][/td] [td][pkmn=victreebell(M)][/td] [td][pkmn=tentacool][/td] [td][pkmn=tentacool(S)][/td] [td][pkmn=tentacool(A)][/td] [td][pkmn=tentacool(M)][/td] [/tr] [tr] [td][pkmn=tentacruel][/td] [td][pkmn=tentacruel(S)][/td] [td][pkmn=tentacruel(A)][/td] [td][pkmn=tentacruel(M)][/td] [td][pkmn=geodude][/td] [td][pkmn=geodude(S)][/td] [td][pkmn=geodude(A)][/td] [td][pkmn=geodude(M)][/td] [td][pkmn=geodude/alolan forme][/td] [td][pkmn=geodude/alolan forme(S)][/td] [td][pkmn=geodude/alolan forme(A)][/td] [td][pkmn=geodude/alolan forme(M)][/td] [/tr] [tr] [td][pkmn=graveler][/td] [td][pkmn=graveler(S)][/td] [td][pkmn=graveler(A)][/td] [td][pkmn=graveler(M)][/td] [td][pkmn=graveler/alolan forme][/td] [td][pkmn=graveler/alolan forme(S)][/td] [td][pkmn=graveler/alolan forme(A)][/td] [td][pkmn=graveler/alolan forme(M)][/td] [td][pkmn=golem][/td] [td][pkmn=golem(S)][/td] [td][pkmn=golem(A)][/td] [td][pkmn=golem(M)][/td] [/tr] [tr] [td][pkmn=golem/alolan forme][/td] [td][pkmn=golem/alolan forme(S)][/td] [td][pkmn=golem/alolan forme(A)][/td] [td][pkmn=golem/alolan forme(M)][/td] [td][pkmn=ponyta][/td] [td][pkmn=ponyta(S)][/td] [td][pkmn=ponyta(A)][/td] [td][pkmn=ponyta(M)][/td] [td][pkmn=ponyta/galarian forme][/td] [td][pkmn=ponyta/galarian forme(S)][/td] [td][pkmn=ponyta/galarian forme(A)][/td] [td][pkmn=ponyta/galarian forme(M)][/td] [/tr] [tr] [td][pkmn=rapidash][/td] [td][pkmn=rapidash(S)][/td] [td][pkmn=rapidash(A)][/td] [td][pkmn=rapidash(M)][/td] [td][pkmn=rapidash/galarian forme][/td] [td][pkmn=rapidash/galarian forme(S)][/td] [td][pkmn=rapidash/galarian forme(A)][/td] [td][pkmn=rapidash/galarian forme(M)][/td] [td][pkmn=slowpoke][/td] [td][pkmn=slowpoke(S)][/td] [td][pkmn=slowpoke(A)][/td] [td][pkmn=slowpoke(M)][/td] [/tr] [tr] [td][pkmn=slowbro][/td] [td][pkmn=slowbro(S)][/td] [td][pkmn=slowbro(A)][/td] [td][pkmn=slowbro(M)][/td] [td][pkmn=slowking][/td] [td][pkmn=slowking(S)][/td] [td][pkmn=slowking(A)][/td] [td][pkmn=slowking(M)][/td] [td][pkmn=magnemite][/td] [td][pkmn=magnemite(S)][/td] [td][pkmn=magnemite(A)][/td] [td][pkmn=magnemite(M)][/td] [/tr] [tr] [td][pkmn=magneton][/td] [td][pkmn=magneton(S)][/td] [td][pkmn=magneton(A)][/td] [td][pkmn=magneton(M)][/td] [td][pkmn=magnezone][/td] [td][pkmn=magnezone(S)][/td] [td][pkmn=magnezone(A)][/td] [td][pkmn=magnezone(M)][/td] [td][pkmn=farfetch'd][/td] [td][pkmn=farfetch'd(S)][/td] [td][pkmn=farfetch'd(A)][/td] [td][pkmn=farfetch'd(M)][/td] [/tr] [tr] [td][pkmn=farfetch'd/galarian forme][/td] [td][pkmn=farfetch'd/galarian forme(S)][/td] [td][pkmn=farfetch'd/galarian forme(A)][/td] [td][pkmn=farfetch'd/galarian forme(M)][/td] [td][pkmn=doduo][/td] [td][pkmn=doduo(S)][/td] [td][pkmn=doduo(A)][/td] [td][pkmn=doduo(M)][/td] [td][pkmn=dodrio][/td] [td][pkmn=dodrio(S)][/td] [td][pkmn=dodrio(A)][/td] [td][pkmn=dodrio(M)][/td] [/tr] [tr] [td][pkmn=seel][/td] [td][pkmn=seel(S)][/td] [td][pkmn=seel(A)][/td] [td][pkmn=seel(M)][/td] [td][pkmn=dewgong][/td] [td][pkmn=dewgong(S)][/td] [td][pkmn=dewgong(A)][/td] [td][pkmn=dewgong(M)][/td] [td][pkmn=grimer][/td] [td][pkmn=grimer(S)][/td] [td][pkmn=grimer(A)][/td] [td][pkmn=grimer(M)][/td] [/tr] [tr] [td][pkmn=grimer/alolan forme][/td] [td][pkmn=grimer/alolan forme(S)][/td] [td][pkmn=grimer/alolan forme(A)][/td] [td][pkmn=grimer/alolan forme(M)][/td] [td][pkmn=muk][/td] [td][pkmn=muk(S)][/td] [td][pkmn=muk(A)][/td] [td][pkmn=muk(M)][/td] [td][pkmn=muk/alolan forme][/td] [td][pkmn=muk/alolan forme(S)][/td] [td][pkmn=muk/alolan forme(A)][/td] [td][pkmn=muk/alolan forme(M)][/td] [/tr] [tr] [td][pkmn=shellder][/td] [td][pkmn=shellder(S)][/td] [td][pkmn=shellder(A)][/td] [td][pkmn=shellder(M)][/td] [td][pkmn=cloyster][/td] [td][pkmn=cloyster(S)][/td] [td][pkmn=cloyster(A)][/td] [td][pkmn=cloyster(M)][/td] [td][pkmn=gastly][/td] [td][pkmn=gastly(S)][/td] [td][pkmn=gastly(A)][/td] [td][pkmn=gastly(M)][/td] [/tr] [tr] [td][pkmn=haunter][/td] [td][pkmn=haunter(S)][/td] [td][pkmn=haunter(A)][/td] [td][pkmn=haunter(M)][/td] [td][pkmn=gengar][/td] [td][pkmn=gengar(S)][/td] [td][pkmn=gengar(A)][/td] [td][pkmn=gengar(M)][/td] [td][pkmn=gengar/mega forme][/td] [td][pkmn=gengar/mega forme(S)][/td] [td][pkmn=gengar/mega forme(A)][/td] [td][pkmn=gengar/mega forme(M)][/td] [/tr] [tr] [td][pkmn=onix][/td] [td][pkmn=onix(S)][/td] [td][pkmn=onix(A)][/td] [td][pkmn=onix(M)][/td] [td][pkmn=steelix][/td] [td][pkmn=steelix(S)][/td] [td][pkmn=steelix(A)][/td] [td][pkmn=steelix(M)][/td] [td][pkmn=drowzee][/td] [td][pkmn=drowzee(S)][/td] [td][pkmn=drowzee(A)][/td] [td][pkmn=drowzee(M)][/td] [/tr] [tr] [td][pkmn=hypno][/td] [td][pkmn=hypno(S)][/td] [td][pkmn=hypno(A)][/td] [td][pkmn=hypno(M)][/td] [td][pkmn=krabby][/td] [td][pkmn=krabby(S)][/td] [td][pkmn=krabby(A)][/td] [td][pkmn=krabby(M)][/td] [td][pkmn=kingler][/td] [td][pkmn=kingler(S)][/td] [td][pkmn=kingler(A)][/td] [td][pkmn=kingler(M)][/td] [/tr] [tr] [td][pkmn=voltorb][/td] [td][pkmn=voltorb(S)][/td] [td][pkmn=voltorb(A)][/td] [td][pkmn=voltorb(M)][/td] [td][pkmn=electrode][/td] [td][pkmn=electrode(S)][/td] [td][pkmn=electrode(A)][/td] [td][pkmn=electrode(M)][/td] [td][pkmn=exeggcute][/td] [td][pkmn=exeggcute(S)][/td] [td][pkmn=exeggcute(A)][/td] [td][pkmn=exeggcute(M)][/td] [/tr] [tr] [td][pkmn=exeggutor][/td] [td][pkmn=exeggutor(S)][/td] [td][pkmn=exeggutor(A)][/td] [td][pkmn=exeggutor(M)][/td] [td][pkmn=exeggutor/alolan forme][/td] [td][pkmn=exeggutor/alolan forme(S)][/td] [td][pkmn=exeggutor/alolan forme(A)][/td] [td][pkmn=exeggutor/alolan forme(M)][/td] [td][pkmn=cubone][/td] [td][pkmn=cubone(S)][/td] [td][pkmn=cubone(A)][/td] [td][pkmn=cubone(M)][/td] [/tr] [tr] [td][pkmn=marowak][/td] [td][pkmn=marowak(S)][/td] [td][pkmn=marowak(A)][/td] [td][pkmn=marowak(M)][/td] [td][pkmn=marowak/alolan forme][/td] [td][pkmn=marowak/alolan forme(S)][/td] [td][pkmn=marowak/alolan forme(A)][/td] [td][pkmn=marowak/alolan forme(M)][/td] [td][pkmn=marowak/alolan totem forme][/td] [td][pkmn=marowak/alolan totem forme(S)][/td] [td][pkmn=marowak/alolan totem forme(A)][/td] [td][pkmn=marowak/alolan totem forme(M)][/td] [/tr] [tr] [td][pkmn=lickitung][/td] [td][pkmn=lickitung(S)][/td] [td][pkmn=lickitung(A)][/td] [td][pkmn=lickitung(M)][/td] [td][pkmn=lickilicky][/td] [td][pkmn=lickilicky(S)][/td] [td][pkmn=lickilicky(A)][/td] [td][pkmn=lickilicky(M)][/td] [td][pkmn=koffing][/td] [td][pkmn=koffing(S)][/td] [td][pkmn=koffing(A)][/td] [td][pkmn=koffing(M)][/td] [/tr] [tr] [td][pkmn=weezing][/td] [td][pkmn=weezing(S)][/td] [td][pkmn=weezing(A)][/td] [td][pkmn=weezing(M)][/td] [td][pkmn=rhyhorn][/td] [td][pkmn=rhyhorn(S)][/td] [td][pkmn=rhyhorn(A)][/td] [td][pkmn=rhyhorn(M)][/td] [td][pkmn=rhydon][/td] [td][pkmn=rhydon(S)][/td] [td][pkmn=rhydon(A)][/td] [td][pkmn=rhydon(M)][/td] [/tr] [tr] [td][pkmn=rhyperior][/td] [td][pkmn=rhyperior(S)][/td] [td][pkmn=rhyperior(A)][/td] [td][pkmn=rhyperior(M)][/td] [td][pkmn=tangela][/td] [td][pkmn=tangela(S)][/td] [td][pkmn=tangela(A)][/td] [td][pkmn=tangela(M)][/td] [td][pkmn=tangrowth][/td] [td][pkmn=tangrowth(S)][/td] [td][pkmn=tangrowth(A)][/td] [td][pkmn=tangrowth(M)][/td] [/tr] [tr] [td][pkmn=kangaskhan][/td] [td][pkmn=kangaskhan(S)][/td] [td][pkmn=kangaskhan(A)][/td] [td][pkmn=kangaskhan(M)][/td] [td][pkmn=kangaskhan/mega forme][/td] [td][pkmn=kangaskhan/mega forme(S)][/td] [td][pkmn=kangaskhan/mega forme(A)][/td] [td][pkmn=kangaskhan/mega forme(M)][/td] [td][pkmn=horsea][/td] [td][pkmn=horsea(S)][/td] [td][pkmn=horsea(A)][/td] [td][pkmn=horsea(M)][/td] [/tr] [tr] [td][pkmn=seadra][/td] [td][pkmn=seadra(S)][/td] [td][pkmn=seadra(A)][/td] [td][pkmn=seadra(M)][/td] [td][pkmn=kingdra][/td] [td][pkmn=kingdra(S)][/td] [td][pkmn=kingdra(A)][/td] [td][pkmn=kingdra(M)][/td] [td][pkmn=goldeen][/td] [td][pkmn=goldeen(S)][/td] [td][pkmn=goldeen(A)][/td] [td][pkmn=goldeen(M)][/td] [/tr] [tr] [td][pkmn=seaking][/td] [td][pkmn=seaking(S)][/td] [td][pkmn=seaking(A)][/td] [td][pkmn=seaking(M)][/td] [td][pkmn=staryu][/td] [td][pkmn=staryu(S)][/td] [td][pkmn=staryu(A)][/td] [td][pkmn=staryu(M)][/td] [td][pkmn=starmie][/td] [td][pkmn=starmie(S)][/td] [td][pkmn=starmie(A)][/td] [td][pkmn=starmie(M)][/td] [/tr] [tr] [td][pkmn=mime jr.][/td] [td][pkmn=mime jr.(S)][/td] [td][pkmn=mime jr.(A)][/td] [td][pkmn=mime jr.(M)][/td] [td][pkmn=mr. mime][/td] [td][pkmn=mr. mime(S)][/td] [td][pkmn=mr. mime(A)][/td] [td][pkmn=mr. mime(M)][/td] [td][pkmn=mr. mime/galarian forme][/td] [td][pkmn=mr. mime/galarian forme(S)][/td] [td][pkmn=mr. mime/galarian forme(A)][/td] [td][pkmn=mr. mime/galarian forme(M)][/td] [/tr] [tr] [td][pkmn=scyther][/td] [td][pkmn=scyther(S)][/td] [td][pkmn=scyther(A)][/td] [td][pkmn=scyther(M)][/td] [td][pkmn=scizor][/td] [td][pkmn=scizor(S)][/td] [td][pkmn=scizor(A)][/td] [td][pkmn=scizor(M)][/td] [td][pkmn=scizor/mega forme][/td] [td][pkmn=scizor/mega forme(S)][/td] [td][pkmn=scizor/mega forme(A)][/td] [td][pkmn=scizor/mega forme(M)][/td] [/tr] [tr] [td][pkmn=smoochum][/td] [td][pkmn=smoochum(S)][/td] [td][pkmn=smoochum(A)][/td] [td][pkmn=smoochum(M)][/td] [td][pkmn=jynx][/td] [td][pkmn=jynx(S)][/td] [td][pkmn=jynx(A)][/td] [td][pkmn=jynx(M)][/td] [td][pkmn=pinsir][/td] [td][pkmn=pinsir(S)][/td] [td][pkmn=pinsir(A)][/td] [td][pkmn=pinsir(M)][/td] [/tr] [tr] [td][pkmn=pinsir/mega forme][/td] [td][pkmn=pinsir/mega forme(S)][/td] [td][pkmn=pinsir/mega forme(A)][/td] [td][pkmn=pinsir/mega forme(M)][/td] [td][pkmn=tauros][/td] [td][pkmn=tauros(S)][/td] [td][pkmn=tauros(A)][/td] [td][pkmn=tauros(M)][/td] [td][pkmn=magikarp][/td] [td][pkmn=magikarp(S)][/td] [td][pkmn=magikarp(A)][/td] [td][pkmn=magikarp(M)][/td] [/tr] [tr] [td][pkmn=gyarados][/td] [td][pkmn=gyarados(S)][/td] [td][pkmn=gyarados(A)][/td] [td][pkmn=gyarados(M)][/td] [td][pkmn=gyarados/mega forme][/td] [td][pkmn=gyarados/mega forme(S)][/td] [td][pkmn=gyarados/mega forme(A)][/td] [td][pkmn=gyarados/mega forme(M)][/td] [td][pkmn=lapras][/td] [td][pkmn=lapras(S)][/td] [td][pkmn=lapras(A)][/td] [td][pkmn=lapras(M)][/td] [/tr] [tr] [td][pkmn=ditto][/td] [td][pkmn=ditto(S)][/td] [td][pkmn=ditto(A)][/td] [td][pkmn=ditto(M)][/td] [td][pkmn=eevee][/td] [td][pkmn=eevee(S)][/td] [td][pkmn=eevee(A)][/td] [td][pkmn=eevee(M)][/td] [td][pkmn=vaporeon][/td] [td][pkmn=vaporeon(S)][/td] [td][pkmn=vaporeon(A)][/td] [td][pkmn=vaporeon(M)][/td] [/tr] [tr] [td][pkmn=jolteon][/td] [td][pkmn=jolteon(S)][/td] [td][pkmn=jolteon(A)][/td] [td][pkmn=jolteon(M)][/td] [td][pkmn=flareon][/td] [td][pkmn=flareon(S)][/td] [td][pkmn=flareon(A)][/td] [td][pkmn=flareon(M)][/td] [td][pkmn=espeon][/td] [td][pkmn=espeon(S)][/td] [td][pkmn=espeon(A)][/td] [td][pkmn=espeon(M)][/td] [/tr] [tr] [td][pkmn=umbreon][/td] [td][pkmn=umbreon(S)][/td] [td][pkmn=umbreon(A)][/td] [td][pkmn=umbreon(M)][/td] [td][pkmn=leafeon][/td] [td][pkmn=leafeon(S)][/td] [td][pkmn=leafeon(A)][/td] [td][pkmn=leafeon(M)][/td] [td][pkmn=glaceon][/td] [td][pkmn=glaceon(S)][/td] [td][pkmn=glaceon(A)][/td] [td][pkmn=glaceon(M)][/td] [/tr] [tr] [td][pkmn=sylveon][/td] [td][pkmn=sylveon(S)][/td] [td][pkmn=sylveon(A)][/td] [td][pkmn=sylveon(M)][/td] [td][pkmn=omanyte][/td] [td][pkmn=omanyte(S)][/td] [td][pkmn=omanyte(A)][/td] [td][pkmn=omanyte(M)][/td] [td][pkmn=omastar][/td] [td][pkmn=omastar(S)][/td] [td][pkmn=omastar(A)][/td] [td][pkmn=omastar(M)][/td] [/tr] [tr] [td][pkmn=kabuto][/td] [td][pkmn=kabuto(S)][/td] [td][pkmn=kabuto(A)][/td] [td][pkmn=kabuto(M)][/td] [td][pkmn=kabutops][/td] [td][pkmn=kabutops(S)][/td] [td][pkmn=kabutops(A)][/td] [td][pkmn=kabutops(M)][/td] [td][pkmn=aerodactyl][/td] [td][pkmn=aerodactyl(S)][/td] [td][pkmn=aerodactyl(A)][/td] [td][pkmn=aerodactyl(M)][/td] [/tr] [tr] [td][pkmn=munchlax][/td] [td][pkmn=munchlax(S)][/td] [td][pkmn=munchlax(A)][/td] [td][pkmn=munchlax(M)][/td] [td][pkmn=snorlax][/td] [td][pkmn=snorlax(S)][/td] [td][pkmn=snorlax(A)][/td] [td][pkmn=snorlax(M)][/td] [td][pkmn=articuno][/td] [td][pkmn=articuno(S)][/td] [td][pkmn=articuno(A)][/td] [td][pkmn=articuno(M)][/td] [/tr] [tr] [td][pkmn=zapdos][/td] [td][pkmn=zapdos(S)][/td] [td][pkmn=zapdos(A)][/td] [td][pkmn=zapdos(M)][/td] [td][pkmn=moltres][/td] [td][pkmn=moltres(S)][/td] [td][pkmn=moltres(A)][/td] [td][pkmn=moltres(M)][/td] [td][pkmn=dratini][/td] [td][pkmn=dratini(S)][/td] [td][pkmn=dratini(A)][/td] [td][pkmn=dratini(M)][/td] [/tr] [tr] [td][pkmn=dragonair][/td] [td][pkmn=dragonair(S)][/td] [td][pkmn=dragonair(A)][/td] [td][pkmn=dragonair(M)][/td] [td][pkmn=dragonite][/td] [td][pkmn=dragonite(S)][/td] [td][pkmn=dragonite(A)][/td] [td][pkmn=dragonite(M)][/td] [td][pkmn=mewtwo][/td] [td][pkmn=mewtwo(S)][/td] [td][pkmn=mewtwo(A)][/td] [td][pkmn=mewtwo(M)][/td] [/tr] [tr] [td][pkmn=mew][/td] [td][pkmn=mew(S)][/td] [td][pkmn=mew(A)][/td] [td][pkmn=mew(M)][/td] [td][/td] [td][/td] [td][/td] [td][/td] [td][/td] [td][/td] [td][/td] [td][/td] [/tr] [/table][/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits]code by Angel Hope[/sc][/sc] [style] .text { background: white; color: #808080; padding: 2%; table { max-width: 100%; margin: 0px auto; } } .table, th { color: #808080; background: #B3B3B3; border-style: none; border-color: #ffffff; } .tabbed_interface { &>ul { background: white; &>li { background: white; color: #808080; text-align: center; &.tab-active { background: #B3B3B3; color: #808080; }}}}//coded by Angel Hope DO NOT REMOVE// .tab, .tab-active { background: white; color: #808080; box-shadow: none; } .credits { text-align: right} [/style][/sc] [style] .table_wrapper { /* this is basically just what was in your [ css ] tag before */ background-color: #fcdfe4; border: 2px outset #aa6f73; border-radius: 16px; padding: 8px; font-size: 8pt; color: #564740; table { border-color: #aa6f73; margin: 0 auto; /* this centers the table */ td, th { /* affects both the header cell and body cells */ border-color: #aa6f73; } th { /* affects header cells only */ background: #aa6f73; } td { /* affects body cells only */ } } } [/style]
SilverFeyX's AvatarSilverFeyX
SilverFeyX's Avatar
I'm having problems with a template I want to make. I'm trying to make tabs but when I use white-space: nowrap; it affects the text and causes that to go offscreen but when I don't the box moves up and down.

Code

[css= background: url('https://cdn.discordapp.com/attachments/567322820850352128/754746335504105533/th.jpeg-11.jpg'); height: 500px; width: 310px; box-shadow: none; border: 2px solid white;] [sc=tabbed_interface horizontal] [Ul] [li][img]https://cdn.discordapp.com/attachments/567322820850352128/755097752534515742/Untitled148.png[/img][/li] [li][img]https://cdn.discordapp.com/attachments/567322820850352128/755097752534515742/Untitled148.png[/img][/li] [/ul] [sc=tab][sc=text]Heya! I'm SilverFeyX. I used to go by Awesomeminer148 but after getting back from my hiatus I changed my name. I'll just list facts about me because long paragraphs are boring and boring is bad. [/sc][/sc] [sc=tab][sc=text]content 2[/sc][/sc] [/sc] [/css] [Style] Img { Height: 25px; Width: 25px; } .tabbed_interface { Line-height: 14px; Position: relative; Background: transparent; Border: none; Box-shadow: none; &>ul { Background: transparent; Border: none; Box-shadow: none; Width: 100px; Margin-left: 10px; Margin-top: -20px; Position: relative; &>li { Background: transparent; Border: none; Box-shadow: none; Height: 50px; Width: 50px; Position: relative; &>div { Width: 280px; Height: 274px; Position: absolute; } } } } .tab { Color: white; Height: 300px; Border: none; Box-shadow: none; Background: transparent; Width: 280px; } .panel { Position: relative; Box-shadow: none; Border: none; Color: white; Background: transparent; Width: 160px; } .text { Border: 2px solid white; Color: white; Background-color: rgba(0,0,0,0.5); Height: 274px; Margin-top: 125px; Text-align: center; Padding: 15px; Width: 280px; Margin-left: -2px; } [/style]
I'm on mobile and I'm not the best at coding so some stuff may be unnecessary.
Send me any unwanted sweet hearts, easter eggs and normal gems! Please Type race score: 5231 Collecting: (and maybe GS Balls + gracidea seeds!)
43/???
4/???
5/???
Profile pic thing made by me

Pages: 123··· 6465666768··· 828384

Cannot post: Please log in to post

© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page