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 : Previzualizare.
Pentru forum-uri din platforma FG - PHPBB3:
Observații foarte importante :
Autor : Ali .
Forum suport oficial : http://matematica-ajutor.forumz.ro.
Pentru forum-uri din platforma FG - PHPBB3:
- 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;
}
- 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>
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 : http://matematica-ajutor.forumz.ro.