Nu sunteti conectat. Conectati-va sau inregistrati-va

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

1Tutorial Legenda noua phpBB3 la data de Mier Noi 07, 2012 8:04 pm

Soricelul

avatar
Administrator
Administrator
Salut,multi vor sa isi personalizeze moderatorii din footer.

Previzualizare:


Previzualizare live:
http://webctest.forumgratuit.ro/

Urmati urmatorii pasi:
Pasul 1: Eliminarea parantezelor:
Cod:
#page-body #main-content em{
  visibility: hidden;
  font-size: 4px !important;
}

#page-body #main-content em b{
  visibility: visible !important;
  font-size: 12px !important;
}

#page-body #main-content em b{
position: relative !important;
right: 5px;

Pasul 2: Personalizarea moderatorilor,adaugare chenar:
Cod:
#i_whosonline + p br + br + em a {
background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);

background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.3, rgb(235,235,235)),
  color-stop(0.83, rgb(255,255,255))
); 
  padding: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;border: 1px solid white;box-shadow: 0px 0px 2px  black;

}

Pasul 3: Adaugare hover:
Cod:
#i_whosonline + p br + br + em  a:hover {
background-image: linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);

background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.14, rgb(255,255,255)),
  color-stop(0.79, rgb(227,227,227))
);
  padding: 5px;
  border: 1px solid green;


  border-radius: 5px;border: 1px solid white;box-shadow: 0px 0px 3px  #0768C2;
}

Aceste coduri le adaugati in Pa/Afisare/Culori/Foaia de stil CSS

Tutorial realizat de fraNNNta | fraNNNta-Design



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