Adaugare parteneri pe dreapta [Toate versiunile]

Am modificat putin scriptul de aici: [You must be registered and logged in to see this link.]

Acum este disponibil si pe phpbb3 si invision doar ca va apare intr-un widget pe dreapta cu un effect de hover.

Pentru inceput va activati widget-urile si creati un nou widget.
Titlu: Parteneri
Continut:

Code:

<div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div><div id="parte">Minibanner</div>

Adaugati in CSS:

Code:

#parte {
list-style: none;
float: right;
font-family: 'Play';
font-size: 14px;
color: #777;
background: #F9F9F9;
width: 88px !important;
text-shadow: 1px 1px 1px white;
border-radius: 3px;
box-shadow: inset 0px 0px 3px white;
padding: 11px;
border: 1px solid #D8D8D8;
margin-left: 150px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; 
}

#parte:hover {
 -webkit-transform:translate(50px);
  -moz-transform: translate(50px);
  -o-transform:translate(50px);
  }



Demo: [You must be registered and logged in to see this link.]