Try this!
Result: (the spoiler is styled a bit different in forums)
Code:
[table width="100%" td-align="center" td-padding="5px"]
[tr]
[td][icon=Morgana size=64][/td]
[/tr]
[tr]
[td][color=purple]Morgana, Fallen Angel[/color][/td]
[/tr]
[tr]
[td][spoiler=TIPS]
❖ [[Morgana]] - She can root someone with her [[Dark Binding]] and all you have to do is root your enemy with your [[Deadly Flourish]] and then use your [[Curtain Call]] to finish the enemy. Her [[Black Shield]] is also very helpful because it absorbs crowd control effects + it absorbs magic damage. Her ultimate [[Soul Shackles]] stuns multiple enemies with helps you kill them with your [[Curtain Call]]. Awesome support for Jhin.[/spoiler]
[/td]
[/tr]
[/table]
Result: (the spoiler is styled a bit different in forums)
|
| Morgana, Fallen Angel |
 TIPS |
AP Twisted Fate | AD Carry Kog | Support Sona
To add to Mowen's post above, the issue with your current BBCode is the way you currently "center" your elements, which becomes obvious when I highlight the section of your guide which you have screenshotted:
This shows you're using black/transparent text to manipulate the position of your guide content. That works, but also means there's no room for your spoilers to stretch across the entire width of your guide, because there's already black/transparent text filling some of the space to the left. Using tables (like Mowen described above) or simply making use of the [center] tag for the icons while leaving the spoiler uncentered (without columns/tables being involved) should yield better results.
This shows you're using black/transparent text to manipulate the position of your guide content. That works, but also means there's no room for your spoilers to stretch across the entire width of your guide, because there's already black/transparent text filling some of the space to the left. Using tables (like Mowen described above) or simply making use of the [center] tag for the icons while leaving the spoiler uncentered (without columns/tables being involved) should yield better results.
You need to log in before commenting.
I want you to help me with spoilers. You can see on screenshots how they look like and how they expand. I want my spoilers to be fully stretched along the guide like in the 3rd screenshot. How do i do it? Please help me I can't find how to do it.