29 coaches online • Server time: 09:12
Forum Chat
Log in
Recent Forum Topics goto Post ogres are awesome 1-...goto Post S2 of PEBBLgoto Post Mega-Stars never wen...
SearchSearch 
Post new topic   This topic is locked: you cannot edit posts or make replies.
View previous topic Log in to check your private messages View next topic
Woodstock



Joined: Dec 11, 2004

Post   Posted: Jan 25, 2013 - 22:43 Reply with quote Back to top

This thread will be dedicated to examples of BB code which you can use to make nice team biographies and such. If you have questions or suggestions for things you want to see, either send me a message or post in this thread.
Woodstock



Joined: Dec 11, 2004

Post   Posted: Jan 29, 2013 - 23:40 Reply with quote Back to top

** Team Biography 001; example
* 1 banner, 5 horizontal images to show and hide text

Code:
[img]https://fumbbl.com/i/390380[/img]\
[block=floatcontainer]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390372 group=text block=text1][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390373 group=text block=text2][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390375 group=text block=text3][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390378 group=text block=text4][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390379 group=text block=text5][/block]\
[/block]\
[block group=text id=text1][block=blackborder border2 pad5 width=500px bg=white]This is block one.[/block][/block]\
[block=hidden group=text id=text2][block=blackborder border2 pad5 width=500px bg=white]This is block two.[/block][/block]\
[block=hidden group=text id=text3][block=blackborder border2 pad5 width=500px bg=white]This is block three.[/block][/block]\
[block=hidden group=text id=text4][block=blackborder border2 pad5 width=500px bg=white]This is block four.[/block][/block]\
[block=hidden group=text id=text5][block=blackborder border2 pad5 width=500px bg=white]This is block five.[/block][/block]\


** Team Biography 002; example
* 1 banner, 5 horizontal images to show text, with indication of where you are.

Code:
[img]https://fumbbl.com/i/390380[/img]\
[block group=text id=text1]\
[block=floatcontainer]\
[block=floatleft][img]https://fumbbl.com/i/390370[/img][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390373 group=text block=text2][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390375 group=text block=text3][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390378 group=text block=text4][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390379 group=text block=text5][/block]\
[/block]\
[block=blackborder border2 pad5 width=500px bg=white]This is block one.[/block]\
[/block]\
[block=hidden group=text id=text2]\
[block=floatcontainer]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390372 group=text block=text1][/block]\
[block=floatleft][img]https://fumbbl.com/i/390371[/img][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390375 group=text block=text3][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390378 group=text block=text4][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390379 group=text block=text5][/block]\
[/block]\
[block=blackborder border2 pad5 width=500px bg=white]This is block two.[/block]\
[/block]\
[block=hidden group=text id=text3]\
[block=floatcontainer]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390372 group=text block=text1][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390373 group=text block=text2][/block]\
[block=floatleft][img]https://fumbbl.com/i/390374[/img][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390378 group=text block=text4][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390379 group=text block=text5][/block]\
[/block]\
[block=blackborder border2 pad5 width=500px bg=white]This is block three.[/block]\
[/block]\
[block=hidden group=text id=text4]\
[block=floatcontainer]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390372 group=text block=text1][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390373 group=text block=text2][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390375 group=text block=text3][/block]\
[block=floatleft][img]https://fumbbl.com/i/390376[/img][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390379 group=text block=text5][/block]\
[/block]\
[block=blackborder border2 pad5 width=500px bg=white]This is block four.[/block]\
[/block]\
[block=hidden group=text id=text5]\
[block=floatcontainer]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390372 group=text block=text1][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390373 group=text block=text2][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390375 group=text block=text3][/block]\
[block=floatleft][toggle=image src=https://fumbbl.com/i/390378 group=text block=text4][/block]\
[block=floatleft][img]https://fumbbl.com/i/390377[/img][/block]\
[/block]\
[block=blackborder border2 pad5 width=500px bg=white]This is block five.[/block]\
[/block]\


** Did you know cycle; example
* With thanks to Kam, press the star!
Code:
[block group=DYK id=dyk1]\
[block=panel automargin width=250px]\
[block=panelheader]Did you know?\
[block=floatright pad5][toggle=image group=DYK src=https://fumbbl.com/i/387557 block=dyk2][/block][/block]\
[block=pad10]Did You Know #1[/block]\
[/block][/block]\
\
[block=hidden group=DYK id=dyk2]\
[block=panel automargin width=250px]\
[block=panelheader]Did you know?\
[block=floatright pad5][toggle=image group=DYK src=https://fumbbl.com/i/387557 block=dyk3][/block][/block]\
[block=pad10]Did You Know #2[/block]\
[/block][/block]\
\
[block=hidden group=DYK id=dyk3]\
[block=panel automargin width=250px]\
[block=panelheader]Did you know?\
[block=floatright pad5][toggle=image group=DYK src=https://fumbbl.com/i/387557 block=dyk4][/block][/block]\
[block=pad10]Did You Know #3[/block]\
[/block][/block]\
\
[block=hidden group=DYK id=dyk4]\
[block=panel automargin width=250px]\
[block=panelheader]Did you know?\
[block=floatright pad5][toggle=image group=DYK src=https://fumbbl.com/i/387557 block=dyk1][/block][/block]\
[block=pad10]Did You Know #4[/block]\
[/block][/block]


Last edited by Woodstock on Feb 05, 2013; edited 1 time in total
Woodstock



Joined: Dec 11, 2004

Post   Posted: Jan 30, 2013 - 03:21 Reply with quote Back to top

** On request a simple table; example

Code:
[table width=600px]\
[tr][th]Against[/th][th]# Games[/th][th]Win %[/th][th]Average TV[/th][th colspan=2]Blocks for/against[/th][th colspan=2]Cas for/against[/th][th colspan=2]TDs for/against[/th][/tr]\
[tr][td][block=center]WE[/block][/td][td][block=center]50[/block][/td][td][block=center]75%[/block][/td][td][block=center]22[/block][/td][td][block=center]5[/block][/td][td][block=center]6[/block][/td][td][block=center]25[/block][/td][td][block=center]10[/block][/td][td][block=center]22[/block][/td][td][block=center]11[/block][/td][/tr]\
[/table]\
Display posts from previous:     
 Jump to:   
All times are GMT + 1 Hour
Post new topic   This topic is locked: you cannot edit posts or make replies.
View previous topic Log in to check your private messages View next topic