Guide to CSS: Beginner to Expert
Forum Index > PokéFarm > Guides >
QUOTE originally posted by Aemilia
QUOTE originally posted by louiserace
Hi
This is all very good. I just wondered if you knew how to remove all borders and margins from a table.
I have made the following table and managed to remove all borders now but I can't make the rows appear closer together.
Table
Oh hey, look, I updated some things. The code boxes are added, @import is added, box-sizing example added, and comments are added. If y'all see anything else I should add, lemme know. Always willing to get things updated so that I can provide the most complete guide I can.
New to-do:
- user-select
- clear
- columns
- content
- float
- transform
- transition/animation (halp with this one pls?)
Note this list is not exhaustive. It may take another week+ to get it added as well due to full time work, but I will try to get it all added asap. Adulting sucks ><
Buying:
BSDs 20 ZC
Prisms 70 ZC
by Kaede
How do you put a pokemon in your about me, and it looks like if it were in your party? So like it would be in your bio, and it shows food options
That uses Pokemon panels!
[pkmnpanel=MxCjs]
Replace the part after the equal sign with the identifier in the link of your Pokemon. This shows one of my Pokemon (my favourite one in my hoard because of sentimental value), but you can change it to any Pokemon you'd like to display~
As a note, this is BBCode, not CSS to simply use them and would be better off in Meu's guide to BBCode next time. Styling them, however, is perfect for this thread! (I'm not saying I'm not willing to help here, just trying to keep things organised and elaborate on which is which for those unaware.)
Flawless Water Gem
Gem
(: 0)
A beautiful Water Gem that shines radiantly.
Sells for 10,000
Likes:
Sweet food
MAX
Hasty nature
Aight, coming in here to say that I have added everything on that list above (user-select, clear, columns, content, float, and transform), except for animations and transitions. Still would love assistance with that seeing as I've had terrible luck with it.
Hi, is there a way to center a styleclass in another styleclass? I can get it centered with margins but it looks crooked on mobile if I put the margins in when I'm on my computer, and vise versa.
» Cryptid || 19 || She/They «
• ° PWYW Doodles! ° •
PMs open, please label them properly
Pfp by Silver Raven!
credit
Background from Spider-Man: Across the Spider-Verse
F2U code by Gumshoe
Try using margin: 0 auto; instead of any numbers. It won't affect anything above or below the second styleclass, but puts equal space on the left and right
box one
content in second box
Content in box oneOh it worked! Thank you so much! :D
you know how most code templates show off stuff like links, bold letters, tables, hide boxes, pokemon panels etc., is there any place i can find the code for them all in one place? i hope the question is clear enough, i didnt know how to word it well lol sorry
also ive been using one of your About Me templates for a long while now <3
scott | adult | extra silly
free templates
pkmn adoptables
love yourself or else i'll love you
creditsbackground: animation by Da Dou
coding: by me
So something like this? This is the one I use for myself when I test goodies. I don't have a Pokemon panel in it since I don't normally change those myself but it'd be easy to just throw the code in for it.
I tend to keep it saved in the template system so when I need to use it all I have to do is insert it into whatever I'm working on.
italics underline bold
test
extra testing
test
a b c d e f g h i j k l m n o p q r s t u v w x y z
testy testu testy testy testy
pokefarm testy test
Header 1 | |
---|---|
Content 1 | Content 2 |
codes
[accordion=1]
[a-section=extra testing]
[Display=test]a b c d e f g h i j k l m n o p q r s t u v w x y z [/display]
[progress=3/5]This bar is 60% full[/progress]
[i]italics[/i] [u]underline[/u] [b]bold[/b]
[tip=testy testu testy testy testy]test[/tip]
[url=http://pokefarm.com]pokefarm testy test[/url]
[table]
[tr][th=2x1]Header 1[/th][/tr]
[tr][td]Content 1[/td][td]Content 2[/td][/tr]
[/table][/a-section]
[a-section=codes][css=font-size:4px;][/css][/a-section]
[/accordion]
"There's not a cup of tea big enough or a book long enough to suit me." - C.S. Lewis
| Avatar credits | ©
signature by emberlynn; official 1D fragrance commercial gifs
Cannot post: Please log in to post