Click to open network menu
Join or Log In
Mobafire logo

Join the leading League of Legends community. Create and share Champion Guides and Builds.

Create an MFN Account






Or

's Forum Avatar

Spoilers problem!

Creator: R3Veal November 8, 2017 8:53am
R3Veal
<Member>
R3Veal's Forum Avatar
Show more awards
Posts:
63
Joined:
Jul 11th, 2017
Permalink | Quote | PM | +Rep November 8, 2017 8:53am | Report
Hey guys,
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.
Mowen
<Retired Admin>
Mowen's Forum Avatar
Show more awards
Posts:
6449
Joined:
Nov 7th, 2010
Permalink | Quote | PM | +Rep November 8, 2017 9:02am | Report
Try this!

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
Wayne3100
<Retired Admin>
Wayne3100's Forum Avatar
Show more awards
Posts:
7192
Joined:
Aug 3rd, 2011
Permalink | Quote | PM | +Rep November 8, 2017 9:21am | Report
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.

Thanks to jhoijhoi for the signature!
R3Veal
<Member>
R3Veal's Forum Avatar
Show more awards
Posts:
63
Joined:
Jul 11th, 2017
Permalink | Quote | PM | +Rep November 8, 2017 9:27am | Report
Thank you dude so much!! <3

You need to log in before commenting.

League of Legends Champions:

Teamfight Tactics Guide