Click to open network menu
Join or Log In
Smitefire logo

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

Create an MFN Account






Or

's Forum Avatar

Coding line dividers

Creator: Sh1ftR June 11, 2017 11:17am
4 posts - page 1 of 1
Sh1ftR
<Member>
Sh1ftR's Forum Avatar
Posts:
2
Joined:
Jun 11th, 2017
Permalink | Quote | PM | +Rep June 11, 2017 11:17am | Report
Greeting everyone, I'm new to MobaFire and I'm almost finishing my first guide, but I have a problem coding a certain type of line dividers.

I want to make a line divider that looks like this:


Screenshot taken from Lady of Clockwork Orianna Guide


anybody could help me with the divider coding? Thanks in advance!
L3gislacerator
<Fabulous>
L3gislacerator's Forum Avatar
Show more awards
Posts:
201
Joined:
Nov 16th, 2015
Permalink | Quote | PM | +Rep June 11, 2017 12:17pm | Report
Line dividers are made by using tables. Basically, you assign one a color, width, and no height to create a single line. Example:


Code:
[center][table][tr][td bgcolor=#2e2eff padding=1 width=700][/td][/tr][/table][/center]


Becomes




Adjust the width and color code as you please, and to make the line thicker, use more padding. You can find more table information here.

| Support Taric Guide | Jungle Taric Guide | signature by jhoijhoi! |
Wayne3100
<Retired Admin>
Wayne3100's Forum Avatar
Show more awards
Posts:
7192
Joined:
Aug 3rd, 2011
Permalink | Quote | PM | +Rep June 11, 2017 12:23pm | Report
^ I was about to post something similar, but that's the idea, yes. Note that instead of using padding you can also set a low number as the table height (so for example, [center][table][tr][td bgcolor=#2e2eff height=1 width=700][/td][/tr][/table][/center] would show a similar result to what L3gislacerator produced).

Welcome to MOBAFire! :)

Thanks to MissMaw for the signature!
Sh1ftR
<Member>
Sh1ftR's Forum Avatar
Posts:
2
Joined:
Jun 11th, 2017
Permalink | Quote | PM | +Rep June 11, 2017 12:34pm | Report
Thank you, L3gislacerator and Wayne3100 for the help. Got the line divider in place. Much love peeps! :D

You need to log in before commenting.

League of Legends Champions:

Teamfight Tactics Guide