Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Joi 29 Aug - 17:08
» 10 King
Scris de Erpel Vin 29 Mar - 16:31
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
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
Mr.Crazy
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
Mitză
la data de Vin 24 Feb - 20:18
Mitză Membru dedicat
Conectat
Codul functioneaza doar pe versiunea phpBB2 !
Nu este nimic original !
Membru premium
Delight
la data de Vin 24 Feb - 20:22
Delight Membru premium
Conectat
imi cer scuze dar am uitat sa precizez.
Vizitator
Anonymous
la data de Vin 24 Feb - 21:02
Vizitato Vizitator
Conectat
E acelasi cod cunoscut pentru phpbb3, doar clasa fiind alta.
Membru dedicat
Mitză
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 Banner care se misca in dreapta. 230108
Membru dedicat
Razvan11
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
Mitză
la data de Vin 24 Feb - 21:26
Mitză Membru dedicat
Conectat
La phpBB3 ai scris #logo-desc, trebuia #logi Banner care se misca in dreapta. 288104
Vizitator
Anonymous
la data de Vin 24 Feb - 21:29
Vizitato Vizitator
Conectat
Daca pui logo desc se misca si descrierea.
Membru ET
avatar
la data de Dum 26 Feb - 9:19
Capone Membru ET
Conectat
Tare scriptul
Membru dedicat
mr.franta
la data de Dum 4 Mar - 16:28
mr.franta Membru dedicat
Conectat
am folosit toate aceste coduri si functioneaza de minune