Imagine buton de postare

Imagine buton de postareJoi Mar 12, 2015 4:18 pm

Salut stie cineva cum pot adauga o imagine de fundal la butoanele de postare, sa fac sa arate ca in imaginea de mai jos.

Imagine:

Imagine buton de postare 2yux8nb

Re: Imagine buton de postareJoi Mar 12, 2015 5:05 pm

Banuiesc ca ai forumul punbb.

Cauta in template-ul viewtopic_body aceasta linie

Cod:

<div class="main paged">

Dupa "> adaugati acest cod

Cod:

  <!-- BEGIN switch_user_logged_out -->
  
  <a class="vizitator" href="/login">Va rugam sa va conectati pentru a putea raspunde</a>
  
  <!-- END switch_user_logged_out -->

Salvati si publicati template-ul.

Apoi introduceti acest cod css in foaia de stil CSS

Cod:

a.vizitator{
  display: inline-block;
  padding: 5px 10px 8px;
  background-image: url(http://i39.servimg.com/u/f39/14/12/03/12/cs10.png);
  border: 1px solid #141414;
  box-shadow: 0px 0px 1px white inset;
  border-radius: 5px;
  text-shadow: 0px 0px 2px black;
  font-family: tahoma;
  text-decoration: none!important;
  font-size: 12px;
  color: white!important;
  float: right;
  margin: 5px;
}
  
a.vizitator:hover{
  background: url(http://i39.servimg.com/u/f39/14/12/03/12/fifa10.png);
}
a.vizitator:before{
  content: url(https://cdn2.iconfinder.com/data/icons/oxygen/16x16/apps/preferences-system-power-management.png);
  position: relative;
  top: 2px;
  right: 5px;
}

a.vizitator:hover:before{
  content: url(https://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/ktip.png);
}

Pentru a putea vizualiza cum functioneaza codul va rugam sa va deconectati si sa vizualizati un subiect care nu l-ati deschis dumneavoastra.

Re: Imagine buton de postareJoi Mar 12, 2015 8:52 pm

Topic

Exista si un model care trebuie respectat... Aici

Imagine buton de postare

descriptionImagine buton de postareJoi Mar 12, 2015 4:18 pm

descriptionRe: Imagine buton de postareJoi Mar 12, 2015 5:05 pm

descriptionRe: Imagine buton de postareJoi Mar 12, 2015 8:52 pm

descriptionRe: Imagine buton de postare