AcasaCalendarFAQCautareMembriGrupuriInregistrareConectare

Distribuiţi|

Efect hover foarte interesant asupra imagini

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
Fondator
I'm sorry


Rank: Fondator
Sex Sex : masculin
Mesaje Mesaje : 157
€uro €uro : 44868
Varsta Varsta : 25
Joburi/Distractii Joburi/Distractii : Street Workout
MesajSubiect: Efect hover foarte interesant asupra imagini Mier Apr 10, 2013 10:22 am

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:
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 ...


[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Salut Vizitator Ai postat un numar de 0 mesaje
Te-a inscris pe data de
Ultima vizita a fost in
Si sa il salutam pe romanadi78 , ultimul membru inregistrat pe amorezatii
Respect Vizitator
Sus In jos
Vezi profilul utilizatorului

Efect hover foarte interesant asupra imagini

Vezi subiectul anterior Vezi subiectul urmator Sus

Subiecte similare

-
t scriptez sv de samp/vand gm-uri samp foarte bune si cautate orice mod/ vand 2 domenii .ro 3 euro fiecare! add: chron.samp@yahoo.com
t *FiveTime* IP: 188.212.105.203 Contact id: samp_florin Server De samp nou deschis Si dam level bani Super server:X Va asteptam i pe dumneavoastra Dati click sa vedeti srv:Xpoze
t VibePlay:GodFather [0.3x] 93.119.26.247:7777 Cel mai frumos server de Godfather din Romania cu staff profesionist, event-uri foarte interesante si activitati captivante. Va asteptam
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: Suport :: Forum Gratuit :: Tutoriale-