Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>


Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>

Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Conectare


Chenar legenda

power_settings_newConectați-vă pentru a răspunde
3 participanți

descriptionChenar legenda EmptyChenar legendaMier Oct 24, 2012 11:27 am

more_horiz
Cum pun un chenar cu colturi rotunjire la legenda grupurilor si acel chenar sa fie de culoarea respectiva de grup si sa aibe si un efect hove...

descriptionChenar legenda EmptyRe: Chenar legendaMier Oct 24, 2012 7:20 pm

more_horiz
pentru phpbb2

cautati in index_body

Cod:


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


si inlocuiti cu acesta

Cod:

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


acum adaugati acest java script

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

  });
  });



acum adaugati in css

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



javascript phpbb3

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

  });
  });


css phpbb3

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 cautati in index_body

Cod:

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


si inlocuiti cu

Cod:

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



javascipt punbb



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

  });
  });



css punbb

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 javascrip


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

  });
  });



si css invision


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


Ultima editare efectuata de catre fraNNNta in Joi Oct 25, 2012 6:05 am, editata de 1 ori

descriptionChenar legenda EmptyRe: Chenar legendaMier Oct 24, 2012 7:37 pm

more_horiz
Topic rezolvat??

descriptionChenar legenda EmptyRe: Chenar legendaMier Oct 24, 2012 9:50 pm

more_horiz
Eu folosesc PunBB. Merge codul dar daca ai putea sa il faci cu o opacitate mai mica la culoarea fontului adica sa nu fie albu ala asa inchis putin mai deschis si vreau un hover atunci cand pun cluckul pe grup sa se faca fontul sau numele grupului ma rog alb alb fara opacitate.

descriptionChenar legenda EmptyRe: Chenar legendaJoi Oct 25, 2012 6:06 am

more_horiz
sterge tot ce este opacity din css la codul dat pentru legenda

descriptionChenar legenda EmptyRe: Chenar legendaJoi Oct 25, 2012 8:36 am

more_horiz
Am zis ca vreau opacitate dar nu asa de mare si am zis ca vreau hover la text cand pun sageata pe text sa se faca alb alb textul fara opacitate dar cand nu e sageata sa aibe opacitate.
EDIT: Am rezolvat puteti da T/C. Multumesc foarte mult Franta pentru efortul depus si pentru ajutorul acordat am reusit sa fac acel hover si am rezolvat cu opacitatea singur :D

descriptionChenar legenda EmptyRe: Chenar legendaJoi Oct 25, 2012 2:50 pm

more_horiz
Chenar legenda 276182321

inchis

descriptionChenar legenda EmptyRe: Chenar legendaVin Oct 26, 2012 10:18 am

more_horiz
A-ti uitat sa dati T.C :))

descriptionChenar legenda EmptyRe: Chenar legenda

more_horiz
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
power_settings_newConectați-vă pentru a răspunde