Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

benkes

Membru HelpCenter
avatar
Membru HelpCenter

Mesaje Mesaje : 5
Credite Credite : 13
Data de inscriere Data de inscriere : 04/05/2012
Vezi profilul utilizatorului http://www.pasionatidematematica.blogspot.com

Efect hover foarte interesant asupra imagini la data de Joi Mai 10, 2012 9:19 pm

Va prezentam, astăzi, un tutorial foarte simplu și interesant referitor la efecte asupra imaginilor (hover) . De exemplu, ai o imagine în site/forum/blog tău și vrei s-o scoți în evidenta, poți face acest lucru citind indicațiile de mai jos, dar mai întâi : [Trebuie sa fiti inscris si conectat pentru a vedea acest link].
Pentru forum-uri din platforma FG - PHPBB3:

  1. Cod CSS :amplasare :Panou de administrare ---> Pagina de start ---> Imagini si culori ---> Foaia de stil css ---> adaugă codul :
    Cod:
    div.demoAB4 {
    cursor: pointer;
    position: relative;
    text-align: center;
    }
    div.demoAB4 img {
    width: 400px;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
    }
    div.demoAB4 img:hover {
    width: 500px;
    }
    div.demoAB4:after {
    content: "efect mouseover";
    display: block;
    font-weight: bold;
    font-family: Helvetica;
    font-size: 20px;
    text-align: center;
    }
  2. Cod HTML :amplasare: Se poate amplasa oriunde în forum-ul tău în afara zonelor neacoperite de foaia de stil CSS a forum-ului (pagini html separate, portal, etc...)

Cod:
<div class="demoAB4">
<img src="URL_IMAGINE" /></div>
In loc de "URL_IMAGINE" adaugă link-ul către imaginea ta.
Observații foarte importante :

  • Daca vreți acest efect asupra imaginilor din topicurilor dvs. trebuie sa aveți permis codul html în topic;
  • Adăugarea imaginii se face doar cu codul html menționat mai sus și nu cu bbcodul pentru imagini (aflat în zone de postare mai sus oferit de platforma);
  • Acest tutorial este oferit versiuni PHPBB3 ... nu cunosc celelalte versiuni FG : PHPBB2, Punpb..etc, dar bănuiesc ca același demers au ! ;
  • Pentru suport oferit site/blog în afara celor de la FG "contact me" pentru mai multe detalii ;
  • Daca întâmpinați probleme nu ezitați sa întrebați aici și nu prin PM (doar în cazul mai sus);

Autor : Ali .
Forum suport oficial : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

.Nick

Administrator
avatar
Administrator

Mesaje Mesaje : 418
Credite Credite : 741
Data de inscriere Data de inscriere : 26/01/2011
Vezi profilul utilizatorului http://helpcenter-fg.forumz.ro

Re: Efect hover foarte interesant asupra imagini la data de Vin Mai 11, 2012 2:50 pm

Felicitari, interesant tutorialul.

_________________
Cu stima,
Echipa HelpCenterFG
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]| [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Salut, Vizitator, bine ai venit pe forum.

Maxx

Administrator
avatar
Administrator

Mesaje Mesaje : 152
Credite Credite : 170
Data de inscriere Data de inscriere : 24/08/2011
Vezi profilul utilizatorului

Re: Efect hover foarte interesant asupra imagini la data de Vin Mai 11, 2012 3:35 pm

Bravo benkes, foarte frumos tutorialul.Stiu si eu un cod asemanator, poate o sa-l postez si eu.

_________________

Continut sponsorizat



Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum