Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
Cuvinte-cheie

edit  

Banner care se misca in dreapta.


Banner miscator in dreapta [CSS]

O previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Da-ti un click peste banner

Panou de Administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS

Acolo adaugati codul
Cod:
#i_logo{
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}

#i_logo:hover{
margin-left:100px;
}

=> Valideaza

Valabil doar pe versiunea phpBB2
Acest tutorial este realizat de Alex pentru Extrem-Tutorials

___________________________________________________________
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.


Comentariile utilizatorilor
Membru activ
avatar
la data de Vin 24 Feb - 20:11
Mr.Crazy Membru activ
Conectat
Ai uitai sa zici ca poti sa modifici valorile si sa pui un preview dar e binisor bravo desi este un cod destul de comun.
Membru dedicat
avatar
la data de Vin 24 Feb - 20:18
Mitză Membru dedicat
Conectat
Codul functioneaza doar pe versiunea phpBB2 !
Nu este nimic original !
Membru premium
avatar
la data de Vin 24 Feb - 20:22
Delight Membru premium
Conectat
imi cer scuze dar am uitat sa precizez.
Vizitator
avatar
la data de Vin 24 Feb - 21:02
Vizitato Vizitator
Conectat
E acelasi cod cunoscut pentru phpbb3, doar clasa fiind alta.
Membru dedicat
avatar
la data de Vin 24 Feb - 21:15
Mitză Membru dedicat
Conectat
Stiu FastCode, dar bine ar fi fost sa posteze acest cod pentru toate versiunile
Membru dedicat
avatar
la data de Vin 24 Feb - 21:20
Razvan11 Membru dedicat
Conectat
Toate codurile de mai jos se pun in foaia de stil css !

Invision:
Cod:
div#logostrip #logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
div#logostrip:hover #logo:hover {
margin-left:100px;
}

phpBB3:
Cod:
#logo-desc {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#logo-desc:hover{
margin-left:100px;
}

punBB:
Cod:
#pun-logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#pun-logo:hover{
margin-left:100px;
}

phpBB2:
Cod:
#i_logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#i_logo:hover{
margin-left:100px;
}


Dacă vreţi ca banner-ul să se mişte mai mult schimbaţi 100px cu mai mult . Iar pentru a dura mai mult mişcarea schimbaţi 1.5 cu mai mult( 2s ,2.5s,3s ,etc.) codurile pentru toate versiunile ... scrise de elyos !
Membru dedicat
avatar
la data de Vin 24 Feb - 21:26
Mitză Membru dedicat
Conectat
La phpBB3 ai scris #logo-desc, trebuia #logi
Vizitator
avatar
la data de Vin 24 Feb - 21:29
Vizitato Vizitator
Conectat
Daca pui logo desc se misca si descrierea.
Membru ET
la data de Dum 26 Feb - 9:19
Capone Membru ET
Conectat
Tare scriptul
Membru dedicat
avatar
la data de Dum 4 Mar - 16:28
mr.franta Membru dedicat
Conectat
am folosit toate aceste coduri si functioneaza de minune