
TOPIC | [bbc coding] Those damned columns...
Hi, so I 've been remaking some of my dragon's biography but even with transparent coding I can't get it to be centered ... Any tip ?
(it's the biography from this boy)
[url=https://www1.flightrising.com/dragon/54272305][img]https://www1.flightrising.com/rendern/coliseum/portraits/542724/54272305.png[/img][/url]
@Arclead
Ok. Let me see if I can help. Columns nest pretty strongly, and it's hard to make them shift over sometimes.
If you're trying to make the entire column be centered you need to use <transparent text to do so>
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
To make your text be in the middle
of a page
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
To make your text be in the middle
of a page
[/columns]
Your code should look like this
[code]
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
To make your text be in the middle
of a page
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
To make your text be in the middle
of a page
[/columns]
[/code]
You basically have to "trick" the BBC with an invisible column, because it wants to squeeze everything over. To then center the text or icons further once the main table is spaced the way you want, do this:
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
[center]
To make your text be in the middle
of a page
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
To make your text be in the middle
of a page
[/center]
[/columns]
[code]
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
[center]
To make your text be in the middle
of a page
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
To make your text be in the middle
of a page
[/center]
[/columns]
[/code]
And from there, you adjust your 'Spacer' transparent text as needed.
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
[center]
[item=1st Anniversary Fish Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Leaf Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Meat Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Stolen Cake]
[/center]
[/columns]
[code]
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
[center]
[item=1st Anniversary Fish Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Leaf Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Meat Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Stolen Cake]
[/center]
[/columns]
[/code]
[columns]
[color=transparent]Spacer [/color]
[nextcol]
[center]
[item=1st Anniversary Fish Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Leaf Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Meat Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Stolen Cake]
[/center]
[/columns]
I took off 2 of the first Spacer(s) in the first column.
[code]
[columns]
[color=transparent]Spacer [/color]
[nextcol]
[center]
[item=1st Anniversary Fish Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Leaf Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Meat Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Stolen Cake]
[/center]
[/columns]
[/code]
--------------------
For Marbre, it looks like you need a spacer column before the first gate image starts, to shove it over to be more in the center.
@Arclead
Ok. Let me see if I can help. Columns nest pretty strongly, and it's hard to make them shift over sometimes.
If you're trying to make the entire column be centered you need to use <transparent text to do so>
Your code should look like this
You basically have to "trick" the BBC with an invisible column, because it wants to squeeze everything over. To then center the text or icons further once the main table is spaced the way you want, do this:
And from there, you adjust your 'Spacer' transparent text as needed.
I took off 2 of the first Spacer(s) in the first column.
For Marbre, it looks like you need a spacer column before the first gate image starts, to shove it over to be more in the center.
Ok. Let me see if I can help. Columns nest pretty strongly, and it's hard to make them shift over sometimes.
If you're trying to make the entire column be centered you need to use <transparent text to do so>
Spacer Spacer Spacer |
To make your text be in the middle of a page |
Spacer |
To make your text be in the middle of a page |
Your code should look like this
Code:
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
To make your text be in the middle
of a page
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
To make your text be in the middle
of a page
[/columns]
You basically have to "trick" the BBC with an invisible column, because it wants to squeeze everything over. To then center the text or icons further once the main table is spaced the way you want, do this:
Spacer Spacer Spacer |
To make your text be in the middle
of a page |
Spacer |
To make your text be in the middle
of a page |
Code:
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
[center]
To make your text be in the middle
of a page
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
To make your text be in the middle
of a page
[/center]
[/columns]
And from there, you adjust your 'Spacer' transparent text as needed.
Spacer Spacer Spacer |
|
Spacer |
|
Spacer |
|
Spacer |
|
Code:
[columns]
[color=transparent]Spacer Spacer Spacer [/color]
[nextcol]
[center]
[item=1st Anniversary Fish Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Leaf Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Meat Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Stolen Cake]
[/center]
[/columns]
Spacer |
|
Spacer |
|
Spacer |
|
Spacer |
|
I took off 2 of the first Spacer(s) in the first column.
Code:
[columns]
[color=transparent]Spacer [/color]
[nextcol]
[center]
[item=1st Anniversary Fish Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Leaf Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Meat Cake]
[/center]
[nextcol]
[color=transparent]Spacer[/color]
[nextcol]
[center]
[item=1st Anniversary Stolen Cake]
[/center]
[/columns]
For Marbre, it looks like you need a spacer column before the first gate image starts, to shove it over to be more in the center.
@Amut Thanks you so much for your time, it just needed another columns ^^
[quote]Ok so it's working but not so much, I tried putting a spacer before the first gate and it made it look like this :
[img]https://i.ibb.co/D9QjM5C/image.png[/img]
and if I put it before the last column it did not even center the other one and it made the one in the middle all squished :
[img]https://i.ibb.co/P9YCD0k/image.png[/img]
Is it just an image size problem now ?[/quote]
@Amut Thanks you so much for your time, it just needed another columns ^^
Quote:
Ok so it's working but not so much, I tried putting a spacer before the first gate and it made it look like this :

and if I put it before the last column it did not even center the other one and it made the one in the middle all squished :

Is it just an image size problem now ?

and if I put it before the last column it did not even center the other one and it made the one in the middle all squished :

Is it just an image size problem now ?
@Arclead
that depends on whether you want the whole thing centered or just the text part of it
if you want the whole thing centered, then the first version of it works but you've got too much text in the first spacer column, so you'll need to keep adjusting it a bit more
if you're trying to center the text and have the images stay on the far sides, then you'll need a short spacer column on each side of the text instead
that depends on whether you want the whole thing centered or just the text part of it
if you want the whole thing centered, then the first version of it works but you've got too much text in the first spacer column, so you'll need to keep adjusting it a bit more
if you're trying to center the text and have the images stay on the far sides, then you'll need a short spacer column on each side of the text instead
@Arclead
that depends on whether you want the whole thing centered or just the text part of it
if you want the whole thing centered, then the first version of it works but you've got too much text in the first spacer column, so you'll need to keep adjusting it a bit more
if you're trying to center the text and have the images stay on the far sides, then you'll need a short spacer column on each side of the text instead
that depends on whether you want the whole thing centered or just the text part of it
if you want the whole thing centered, then the first version of it works but you've got too much text in the first spacer column, so you'll need to keep adjusting it a bit more
if you're trying to center the text and have the images stay on the far sides, then you'll need a short spacer column on each side of the text instead
@Arclead Remember that column default is right justification. So, if I'm understanding correctly, you want the gates on each far end, with the text and images centered right?
[img]https://i.imgur.com/roK33pc.png[/img]
[columns]
[img]https://i.ibb.co/wSD6bS2/5jqGIRr.png[/img]
[nextcol]
[color=transparent]Sp[/color]
[nextcol]
[center]
[img]https://i.ibb.co/yWL52BS/OnHGPPB.png[/img]
M A R B R E
(don't know the font here, sorry)
------------
Le Cœur Vaillant
------------
[item=Iridescent Cloth][item=Emerald Brooch][item=Vengeful Claws]
[img]https://i.imgur.com/llASmJS.png[/img]
[/center]
[nextcol]
[color=transparent]Sp[/color]
[nextcol]
[img]https://i.ibb.co/wSD6bS2/5jqGIRr.png[/img]
[/columns]
[img]https://i.imgur.com/OrxwS4A.png[/img]
It looks slightly off in forums, but it centered correctly on my test dragon Floe. Spacers went in between the center column. And ended up only 2 letters long "Sp"
[url=https://www1.flightrising.com/dragon/79442476][img]https://www1.flightrising.com/rendern/350/794425/79442476_350.png[/img][/url]
[code]
[img]https://i.imgur.com/roK33pc.png[/img]
[columns]
[img]https://i.ibb.co/wSD6bS2/5jqGIRr.png[/img]
[nextcol]
[color=transparent]Sp[/color]
[nextcol]
[center]
[img]https://i.ibb.co/yWL52BS/OnHGPPB.png[/img]
M A R B R E
(don't know the font here, sorry)
------------
Le Cœur Vaillant
------------
[item=Iridescent Cloth][item=Emerald Brooch][item=Vengeful Claws]
[img]https://i.imgur.com/llASmJS.png[/img]
[/center]
[nextcol]
[color=transparent]Sp[/color]
[nextcol]
[img]https://i.ibb.co/wSD6bS2/5jqGIRr.png[/img]
[/columns]
[img]https://i.imgur.com/OrxwS4A.png[/img]
[/code]
@Arclead Remember that column default is right justification. So, if I'm understanding correctly, you want the gates on each far end, with the text and images centered right?

It looks slightly off in forums, but it centered correctly on my test dragon Floe. Spacers went in between the center column. And ended up only 2 letters long "Sp"


![]() | Sp |
![]() M A R B R E (don't know the font here, sorry) Le Cœur Vaillant ![]() | Sp |
![]() |

It looks slightly off in forums, but it centered correctly on my test dragon Floe. Spacers went in between the center column. And ended up only 2 letters long "Sp"

Code:
[img]https://i.imgur.com/roK33pc.png[/img]
[columns]
[img]https://i.ibb.co/wSD6bS2/5jqGIRr.png[/img]
[nextcol]
[color=transparent]Sp[/color]
[nextcol]
[center]
[img]https://i.ibb.co/yWL52BS/OnHGPPB.png[/img]
M A R B R E
(don't know the font here, sorry)
------------
Le Cœur Vaillant
------------
[item=Iridescent Cloth][item=Emerald Brooch][item=Vengeful Claws]
[img]https://i.imgur.com/llASmJS.png[/img]
[/center]
[nextcol]
[color=transparent]Sp[/color]
[nextcol]
[img]https://i.ibb.co/wSD6bS2/5jqGIRr.png[/img]
[/columns]
[img]https://i.imgur.com/OrxwS4A.png[/img]