Back

Help Center

Ask questions and help others in this forum.
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]
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)
54272305.png
NEW-banner.png
@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>
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
1st Anniversary Fish Cake
Spacer
1st Anniversary Leaf Cake
Spacer
1st Anniversary Meat Cake
Spacer
1st Anniversary Stolen Cake
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
1st Anniversary Fish Cake
Spacer
1st Anniversary Leaf Cake
Spacer
1st Anniversary Meat Cake
Spacer
1st Anniversary Stolen Cake

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.

Long Patrol and Hibden
for forum games, please.
QF3R6o0.png mFu1NtF.png
[/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 :
image.png

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 :
image.png

Is it just an image size problem now ?
NEW-banner.png
@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
@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
@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?


roK33pc.png
5jqGIRr.png
Sp
OnHGPPB.png
M A R B R E
(don't know the font here, sorry)
Le Cœur Vaillant
Iridescent Cloth Emerald Brooch Vengeful Claws
llASmJS.png
Sp 5jqGIRr.png
OrxwS4A.png


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"

79442476_350.png
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]

Long Patrol and Hibden
for forum games, please.
QF3R6o0.png mFu1NtF.png
[/center]
@SkyBlaze thanks a lot for explaining, coding is a lot for me (even if bbc is simplified) ^^'

@Amut thank you so so much again, with all the explaining and stuff, you even put an exemple ToT

We need more people like you :')
@SkyBlaze thanks a lot for explaining, coding is a lot for me (even if bbc is simplified) ^^'

@Amut thank you so so much again, with all the explaining and stuff, you even put an exemple ToT

We need more people like you :')
NEW-banner.png