A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides >
QUOTE originally posted by IlokiN
QUOTE originally posted by eternalelixer
Hey, uh, how do I make an icon of a regional variant?
(Hover)
I'm a roleplayer and lesbian-demigirl. I'm currently hunting for a Melan or Shiny stufful! check my prgs in my journal~!
hey! i'm eternalelixer. i don't get nervous with new people, unless they're higher-up rolesstaff
..!
my art shop is in my about
pfpcredit
Background from Disney-Pixar's 'Turning Red'
F2U code by Gumshoe
how do you do the typing, with like the hiden words?
Like were you hover over and it shows a diffrent set of words?
🔇The Quiet Mart🔇
🔇My Journal🔇
🔇Art Shop🔇
Collector of Quiet/Dry pokemon!! send them my way!!
i'll buy them if they're special!!
0=Type race score
QUOTE originally posted by Tobster1214
how do you do the typing, with like the hiden words?
Like were you hover over and it shows a diffrent set of words?
You can do this by using tooltips!
Code
[Tip=Inside text]Outside text[/tip]
- About Me
- Buying
- Links
Ei/Altered ~ They/Them
I may not respond to random PMs. I am introverted/awkward and my anxiety makes it hard to respond to them.
Please only send PMs if it is important, I stated you could somewhere, or if I PMd you first.
Thank you for your understanding!
I will buy your Plasma Koas for 20 ZC/eqv each.
I will also buy your large/medium gems for 20/2 ZC/eqv each.
You can PM me if you are looking to sell either of these!
TBA
Hihi, I think there's a way to but I'm not sure, but I want to change the color (background) of a specific cell in a table. Just using highlight doesn't look the way I want it ^^
(ex. of what I mean, its in my code so might look different ^^)
| example | ||
|---|---|---|
 |
 |
 |
table code
[table]
[tr]
[th=3x1]example[/th]
[/tr]
[tr]
[td] [pkmn=shinx] [/td]
[td] [pkmn=luxio] [/td]
[td] [pkmn=luxray] [/td]
[/tr]
[/table]
Hmm, this isn't perfect, there's a tiny border of the old color, but I couldn't think of another way that didn't involve counting rows/cells with nth-of-type or something, at least without access to the underlying html... perhaps there is a way, but I'm up too late coding lol
Basically you just wrap the contents of the cell you want to highlight in the styleclass [sc=tbl-highlight] [/sc]
Some of the code is kind of hacky... it worked for me on Firefox for Windows, but if the short cell doesn't take up the whole height, that's probably what's wrong, and I'd need to look again.
| example | |||
|---|---|---|---|
This cell is short & wide |
|
|
|
| |
|
|
 |
Code
[table]
[tr]
[th=4x1]example[/th]
[/tr]
[tr]
[td][sc=tbl-highlight][css="font-size:75%;"] This cell is short & wide [/css][/sc][/td]
[td][sc=tbl-highlight] [pkmn=shinx] [/sc][/td]
[td] [pkmn=luxio] [/td]
[td] [pkmn=luxray] [/td]
[/tr]
[tr]
[td][sc=tbl-highlight] [pkmn=shinx] [/sc][/td]
[td] [pkmn=luxio] [/td]
[td] [pkmn=luxray] [/td]
[td] [pkmn=luxray/mega forme q] [/td]
[/tr]
[/table]
[style]
tr {
/*
this is hacky, but lets the below height setting work
technically you can't set row height this way
so the setting is mostly ignored on most browsers
*/
height: 0;
td {
height: 100%;
}
}
.tbl-highlight {
height: 100%;
background: #ffe375;
color: black;
}
[/style]
Ty, I'll try it!
It doesn't look bad but as you can see, theres still that border around the highlight color; I can't tell if this is an issue with the rest of my styleclass or something else ^^
Not sure if it's fixable but I'd like to make the background go around the text more if that makes sense (as in vertically)
QUOTE originally posted by sinnamoth
It doesn't look bad but as you can see, theres still that border around the highlight color; I can't tell if this is an issue with the rest of my styleclass or something else ^^
Not sure if it's fixable but I'd like to make the background go around the text more if that makes sense (as in vertically)
Hmm you put some padding on your table cells, and since the highlight element is inside that, there's the spacing.
But wait, I think I have another idea. Maybe we can make the highlighted cells table header cells, and pick just the actual header to make it different!
| example | |||
|---|---|---|---|
This cell is short & wide |
|
|
|
| |
|
|
|
Code
[table]
[tr]
[th=4x1]example[/th]
[/tr]
[tr]
[th][css="font-size:75%;"] This cell is short & wide [/css][/th]
[th] [pkmn=shinx] [/th]
[td] [pkmn=luxio] [/td]
[td] [pkmn=luxray] [/td]
[/tr]
[tr]
[th] [pkmn=shinx] [/th]
[td] [pkmn=luxio] [/td]
[td] [pkmn=luxray] [/td]
[td] [pkmn=luxray/mega forme q] [/td]
[/tr]
[/table]
[style]
table, th, td {
border-color: #ddd;
}
th, td {
text-align: center;
padding: 5px;
}
// actual header
th[colspan] {
padding: 7px;
background: black;
color: white;
}
// highlights
th {
background: #559;
color: #ddf;
}
// unhighlighted
td {
background: #666;
color: white;
}
[/style]
I think I fixed it, was def the padding thanks all ^^
New thing, Wondering if theres a way to set only images to grayscale specifically without having to wrap every single one in a SC or something to make it do that
this is the SC that i've tried implementing .beep {filter:grayscale(80%);}
Cannot post: Please log in to post