Nu sunteti conectat. Conectati-va sau inregistrati-va

Mesaj [Pagina 1 din 1]

1 Adaugare chenar la legenda la data de Mar Oct 30, 2012 9:51 am

Soricelul
avatar

Members
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.





http://web-coding.online-talk.net/

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

 
  • Creati un forum gratuit | © PunBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Creeaza-ti propriul blog gratuit