Mac
New Member
Everything Ferris Bueller learnt in life he learnt from ME!
Posts: 183
inherit
ewc.president@gmail.com
195560
0
Nov 5, 2023 15:18:14 GMT -8
Mac
Everything Ferris Bueller learnt in life he learnt from ME!
183
June 2013
dannymac
|
Post by Mac on Jun 26, 2015 18:46:10 GMT -8
Hey, I just installed the LEGEND Plugin, where you can have the boxes for each colour/user and what they represent.. However, I am not sure where to put this code: <div id="user-legend"></div> I want to put it so that it shows up in Forum Information & Statistics or in the "LEGEND" area the plugin added on its own BOARD: ewcprez.proboards.com/Help? Thanks Mac
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 27, 2015 19:29:35 GMT -8
Hi Mac,
If putting it in the Proboards legend area is o.k. with you and presumably on the right side, you can just go to your home template and find the legend part which I posted below. Then add the blue parts:
{if $[legend]} <div class="container legend"> <div class="title-bar"><h2>Legend</h2></div> <div class="content"> <table> <tr> {foreach $[legend]} <td style="width:25%;">$[legend.icon] <span>$[legend.name]</span></td> {/foreach} <td style="width:75%;"><div id="user-legend"></div></td> </tr> </table> </div> </div> {/if}
And then the css would be something like this to position it a bit better. (Goes in the bottom of your style sheet: (Admin>Themes>•Advanced Styles & CSS>Style Sheet)
#user-legend{width:300px;float:right; margin-left:200px;margin-top:-4px; }
If you have a monumental amount of legends to go in there, you may want to increase the width:300px; a bit and play with the margin-left: 200px; Also if you need to fiddle with it a bit, I put the css right above what I'm working on in the template except with style tags and once I get it perfect, move it to my style sheet. <style> #user-legend{width:300px;float:right; margin-left:200px;margin-top:-4px; } </style>
Hope that helped. Let me know how it goes.
|
|