Salut, astazi va voi arata cum sa faceti un chenar la legenda.

Pentru phpBB2.
1.Intrati in PA -> Afisare -> Template-uri -> General -> index_body
Cautati:

Cod:

<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>

si inlocuiti cu:

Cod:

<td class="row1 legend"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>

2. Intrati in PA -> Module -> HTML & JAVASCRIPT -> Creati un nou cod javascript
Titlu: La alegere
Amplasare: Indexul forumului
Cod javascript:

Cod:

$(function() {

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

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

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

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

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

  });
  });

Atentie! Aveti grija ca: "Activeaza gestiunea codurilor JavaScript :" sa fie setata pe "da".

3. Intrati in PA -> Afisare -> Imagini si culori -> Culori -> Foaie de stil CSS
Adaugati:

Cod:

.legend{font-style: normal;}

.legend 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;}

.legend 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;}

Pentru phpBB3.
1. Intrati in PA -> Module -> HTML & JAVASCRIPT -> Creati un nou cod javascript
Titlu: La alegere
Amplasare: Indexul forumului
Cod javascript:

Cod:

$(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');

  });
  });

Atentie! Aveti grija ca: "Activeaza gestiunea codurilor JavaScript :" sa fie setata pe "da".

2. Intrati in PA -> Afisare -> Imagini si culori -> Culori -> Foaie de stil CSS
Adaugati:

Cod:

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;}

Pentru punBB.
1.Intrati in PA -> Afisare -> Template-uri -> General -> index_body
Cautati:

Cod:

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

si inlocuiti cu:

Cod:

<p class="legend">{LEGEND} : {GROUP_LEGEND}</p>

2. Intrati in PA -> Module -> HTML & JAVASCRIPT -> Creati un nou cod javascript
Titlu: La alegere
Amplasare: Indexul forumului
Cod javascript:

Cod:

$(function() {

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

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

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

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

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

  });
  });

Atentie! Aveti grija ca: "Activeaza gestiunea codurilor JavaScript :" sa fie setata pe "da".

3. Intrati in PA -> Afisare -> Imagini si culori -> Culori -> Foaie de stil CSS
Adaugati:

Cod:

.legend{font-style: normal;}

.legend 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;}

.legend 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;}

Pentru Invision.
1. Intrati in PA -> Module -> HTML & JAVASCRIPT -> Creati un nou cod javascript
Titlu: La alegere
Amplasare: Indexul forumului
Cod javascript:

Cod:

$(function() {

$('.thin').next().addClass('legend');

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

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

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

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

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

  });
  });

Atentie! Aveti grija ca: "Activeaza gestiunea codurilor JavaScript :" sa fie setata pe "da".

2. Intrati in PA -> Afisare -> Imagini si culori -> Culori -> Foaie de stil CSS
Adaugati:

Cod:

.legend{font-style: normal;}

.legend 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;}

.legend 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;}

Sursa: http://fg-coding.net Tot aici vedeti si rezultatul la legenda lor.