The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Wrapping the Legend

View previous topic View next topic Go down

Solved Wrapping the Legend

Post by Bingoo2 on March 29th 2014, 11:22 pm

Hi again, guys, sorry for the trouble but I've been trying to work on a wrap for my legends but I do not get what selectors to use, and even if I do declare one in the templates, the effect would be that the whole groups have the code with no division of it. I just want my groups in the index to have a wrap around it and how do you remove the [ and ] in it? I tried searching for old topics but I cannot seem to find one with the right solution

Help please!

My forum URL(Currently test forum) is:http://testingforumviacodes.forumotion.com/
Version: punBB


Last edited by Bingoo2 on March 30th 2014, 4:46 pm; edited 1 time in total

Bingoo2
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Wrapping the Legend

Post by Ange Tuteur on March 30th 2014, 12:48 pm

Hello Bingoo2,

Go to Administration panel > display > templates > general > index_body

Find :
Code:
<p>{LEGEND}:{GROUP_LEGEND}</p>

Replace by :
Code:
<p id="groupLegend">{LEGEND}:{GROUP_LEGEND}</p>

Then save and publish.

If you want all the groups in a border, add this to your CSS :

Code:
#groupLegend:before {
  content:"Groups :";
  font-size:12px;
}

#groupLegend {
  border:1px solid #CCC;
  font-size:0;
  display:inline-block;
  padding:12px 3px 8px 3px;
}

#groupLegend a {
  font-size:12px;
  margin:0 6px;
}

If you want the groups themselves bordered, add this to your CSS :

Code:
#groupLegend:before {
  content:"Groups :";
  font-size:12px;
}

#groupLegend {
  font-size:0;
  padding:12px 3px 8px 3px;
}

#groupLegend a {
  border:1px solid #CCC;
  font-size:12px;
  padding:3px;
  margin:0 6px;
}

All CSS codes should go in :
Administration panel > display > colors > css stylesheet

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Wrapping the Legend

Post by Rhino.Freak on March 30th 2014, 3:15 pm

I want to ask can I get this done in phpbb3 or invision (without templates i guess) ?
And lol @ administrateur lol xD

Rhino.Freak
Helper
Helper

Male Posts : 1247
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Solved Re: Wrapping the Legend

Post by Ange Tuteur on March 30th 2014, 3:26 pm

For phpbb3 :
Spoiler:
All wrapped :
Code:
p em:before {
  content:"Groups :";
  font-size:12px;
}

p em {
  border:1px solid #CCC;
  font-size:0;
  display:inline-block;
  padding:6px 3px 3px 3px;
}

p em a {
  font-size:12px;
  margin:0 6px;
}

Group wrapped :
Code:
p em:before {
  content:"Groups :";
  font-size:12px;
}

p em {
  font-size:0;
  padding:6px 3px 3px 3px;
}

p em a {
  border:1px solid #CCC;
  font-size:12px;
  padding:3px;
  margin:0 6px;
}

For Invision :
Spoiler:
All wrapped :
Code:
#fo_stat .thin + div:before {
  content:"Groups :";
  font-size:12px;
}

#fo_stat .thin + div {
  border:1px solid #CCC;
  font-size:0;
  display:inline-block;
  padding:6px 3px 3px 3px;
}

#fo_stat .thin + div a {
  font-size:12px;
  margin:0 6px;
}

Group wrapped :
Code:
#fo_stat .thin + div:before {
  content:"Groups :";
  font-size:12px;
}

#fo_stat .thin + div {
  font-size:0;
  padding:6px 3px 3px 3px;
}

#fo_stat .thin + div a {
  border:1px solid #CCC;
  font-size:12px;
  padding:3px;
  margin:0 6px;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Wrapping the Legend

Post by Bingoo2 on March 30th 2014, 4:45 pm

Aye, thank you Ange, you're awesome! Marked as Solved~

Bingoo2
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Wrapping the Legend

Post by Jophy on March 30th 2014, 4:49 pm

Solved

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum