Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1Tutorial Adaugare chenar la legenda la data de Dum Noi 04, 2012 2:18 pm

Soricelul

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

Rezultatul il vedeti la legenda noastra.

Sursa: http://fg-coding.net

Vezi profilul utilizatorului http://web-coding.online-talk.net

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum