Banner mişcător pentru toate versiunile.

Ei bine probabil că aţi văzut pe unele forumuri.. atunci când pui cursorul peste imaginea tip logo aceasta se mişcă.
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.)

Bravo elyos,un tutorial foarte folositor!
Problema,este ca nu imi merge.
Am adaugat acest cod pentu phbb2 in css si,nici o schimbare..

Ai făcut vreo modificare asupra logo-ului din template-uri?

Este forumul tau,care mi-lai dat.Eu nu am modificat nimic.

Poate pentru că forumul meu e punBB şi tu pui cod de phpBB2 ? Nu crezi ?:-?
Dăăă.

Multumesc elyos , chiar il cautam !

Si eu ,multumesc mult!!!chiar imi trebuia...

Merge totul perfect daca nu ai modifcat numele clasei...

cum adica daca nu ai modificat numele clasei ?

Bravo elyos pentru munca depusa !

Foarte bune codurile multumim

Eu nu am logo , am un text ( in loc de banner) pus din overall header. Si am adaugat codul in css , dar nu se intampla nimic cu el.

Daca aveti probleme,va rog deschideti un topic in sectiune corecta,iar noi va vom ajuta.

Un tutorial reusit, felicitarile mele!

Foarte folositoare Bravo

Foarte folositor...De cand il cautam )

multumesc foarte mult,de mult timp cautam acest tutorial