A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides >
Hey I was wondering how to change the colour of the space behind the title of a table, and how to put words into the tables instead of inventory. Possibly a tiny bit of help please...?
Look, a title | Titles again | Screms titles |
---|---|---|
blorb | blorb | blorb |
aaaa | aaaa | aaaa |
code
[table]
[tr]
[th]Header 1[/th]
[th]Header 2[/th]
[th]Header 3[/th]
[/tr]
[tr]
[td]words[/td]
[td]words[/td]
[td]words[/td]
[/tr]
[tr]
[td]words[/td]
[td]words[/td]
[td]words[/td]
[/tr]
[/table]
[style]
td, th { // both
border: 1px solid black; //border color
color: black; //color of text
padding: 0.60%; //go ahead and mess around with this
}
td {
background: lightblue; //change the color of this, it's the background of the word boxes
}
th {
background: pink; //background of table header
font-size: 16px; //font size, duh
}
[/style]
avatar [ carousel-horses on dA ]
AM BROKE CHILD, PLS BUY MY ART: chibs
QUOTE originally posted by åshlynSçrîbblës
Look, a title | Titles again | Screms titles |
---|---|---|
blorb | blorb | blorb |
aaaa | aaaa | aaaa |
code
[table]
[tr]
[th]Header 1[/th]
[th]Header 2[/th]
[th]Header 3[/th]
[/tr]
[tr]
[td]words[/td]
[td]words[/td]
[td]words[/td]
[/tr]
[tr]
[td]words[/td]
[td]words[/td]
[td]words[/td]
[/tr]
[/table]
[style]
td, th { // both
border: 1px solid black; //border color
color: black; //color of text
padding: 0.60%; //go ahead and mess around with this
}
td {
background: lightblue; //change the color of this, it's the background of the word boxes
}
th {
background: pink; //background of table header
font-size: 16px; //font size, duh
}
[/style]
It's not too complicated, it just takes a bit to get used to!
Anyways, I'm guessing that you want to have them match your hideboxes... so I based them off that. :')
Just stick this into your post, and the tables will look like this:
[style]table {border:1px solid black; margin: 0 auto;}
td, th {border:1px solid black;}
td {background: #fffacd; color:#551a8b;}
th {background: teal; color: #b0e2ff;}[/style]
x | x |
---|---|
y | y |
QUOTE originally posted by Kodiak
It's not too complicated, it just takes a bit to get used to!
Anyways, I'm guessing that you want to have them match your hideboxes... so I based them off that. :')
Just stick this into your post, and the tables will look like this:
[style]table {border:1px solid black; margin: 0 auto;}
td, th {border:1px solid black;}
td {background: #fffacd; color:#551a8b;}
th {background: teal; color: #b0e2ff;}[/style]
x | x |
---|---|
y | y |
You can replace the [inventory=*item name*] with NUFT. ^w^
QUOTE originally posted by Kodiak
You can replace the [inventory=*item name*] with NUFT. ^w^
QUOTE originally posted by Blake Smith
QUOTE originally posted by Kodiak
You can replace the [inventory=*item name*] with NUFT. ^w^
example+code
Mulch | |||||||||
---|---|---|---|---|---|---|---|---|---|
Damp Mulch x86 |
Gooey Mulch x86 |
Growth Mulch x3 |
Stable Mulch x100 |
[style] table { margin: 0 auto; } [/style]
Just copy and paste the code before or after your text. c:
[ 199 / 500 boxes collected ]
Is there a line of code I can use to make the ToolTip go directly under the text which has the tooltip?
I've seen it in other templates, but don't exactly know how to do it myself :p
Sorry!
credit | pfp commissioned by gezeichnet
I guess you could try something like this but it can produce unexpected results, e.g. when the tip is at the end of line. Also it doesn't use space efficiently. Afaik you'd have to define the width manually for your post.
So, consider if you really want to use it. Or maybe someone else knows a much better way.
This is some text and this is a [sc=mytip][tip=more text]tooltip[/tip][/sc]. This is another [sc=mytip][tip=yet more text]one[/tip][/sc]. [style] .mytip { display: inline-block; position: relative; } [/style]
This is some text and this is a
This is some text and this is a [sc=mytip][tip=more text]tooltip[/tip][/sc]. This is another [sc=mytip][tip=yet more text]one[/tip][/sc]. [style] .mytip { display: inline-block; position: relative; } [/style]
This is some text and this is a
tooltip
. This is another more text
one
.
yet more text
Avatar by Kaelwolfur.
Sent from my PokéNav
Cannot post: Please log in to post