Group legend

how can i achieve this group legend style?

for more info just visit this forum
www.extrem-tutorials.com/

Bump..!!!

bump?

Bumping for a 3rd time :X

ok , let's try :
Go in Administration Panel -> Display -> Colors -> CSS and add that :

Code:

em{font-style: normal;}

    em a.group{
      font-family: arial;
      opacity: 0.6;
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6;
      -ms-filter: "alpha(opacity=60)";
      filter:alpha(opacity=60);
      color: white !important;
      text-shadow: 0 0 3px black;}

    em span{
      margin: 0 5px;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
      padding: 4px 8px;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-bottom: 1px solid white;
      border-right: 1px solid white;}

Now go in Administration Panel -> Module -> Javascript Managment -> Create a new javascript ->
Name : whatever
Mark in index
Fil with that :

Code:

  $(function() {

        $("em").html($("em").html().split("[").join(""));

        $("em").html($("em").html().split("]").join(""));

      jQuery('em a').each(function() {
     
      var color = $(this).css("color");

      $(this).wrap("<span style='background-color:" + color + ";'/>");

    $(this).addClass('group');

      });
      });

hi. thanks for the codes but its not working

What is your forum version ?

punbb

I was giving this code a shot, but it does nothing in PhpBB2 either..

The code work on phpBB3 , I will try to make and for punBB , you need to wait.

Bump?