Azi este Vineri, 4 de Aprilie.2017

cu reduceri

Efecte imagine pentru blogul tau

Cateva trucuri pentru a modifica o imagine si a o adapta la un sptiu anume pe blogul tau. Cu ajutorul unui simplu cod html se poate modifica: grosimea de margine, rotunjirea colturilor fara a folosi programe complicate de pe net sau dimensiunile respectivei imagini.

<img src="url-imagine" style="height: 125px; width: 125px;-moz-border-radius: 8px;background-color: #ccc; border: 1px solid #2e2e2e;" /></a>
In codul de mai sus se poate modifica (marginea de la imagine 1px) schimband cifra 1 cu 2,3 sau 4 grosimea margini se mareste, vezi exemplele de mai jos:


Pentru rotunjirea margini de imagine apelam la functia: radius: 8px;
in exemplul urmator radius: 10px, 20px, 30px, 40px


Pentru modificarea dimensiuni unei imagini utilizam atributele height si width vezi exemplele; height: 125px; width: 125px;, height: 150px; width: 150px; sau height: 200px; width: 200px;

Related Posts:

  • Imagini si CSS totul depinde de ce navegator folosimO imagine normala:<img src="URL_IMAGINE"/>Rotunjim colturile si in Firefox se vede cum apare in aceasta postare si foarte diferit in, Chrome Opera e IE9:<img style="border-radius:20px" src="URL_IMAGINE"/>Am adăuga… Read More
  • Rotire imagine - un truc pentru blog-ul tauFolosind un truc simplu pentru a roti doua imagini într-un singur loc, doar cu mouse-ul, ca un efect de "roll-over". Întotdeauna pentru un asemenea efect avem nevoie de un script gazduit pe un hosting, de data acesta folosim… Read More
  • Mareste imaginea cu Zoom ItDesi exista script-uri care permite a da un efect zoom pentru imagini mari, aceste nu mereu sunt compatibile cu alte script-uri instalate pe blogul nostru, (ori intra in conflict cu ele ori ingreuneaza deschiderea pagini de b… Read More
  • Efect de margine rotunjita a unei imaginiUn avantaj utilizand CSS3 este, aplicarea pe imagini a efectului de rotunjire (sunt efecte foarte interesante pe care le gasesti mai jos), fara a ne complica prea mult, atata timp cat el se vedea atunci cand folosim un browse… Read More
  • Efecte imagine pentru blogul tauCateva trucuri pentru a modifica o imagine si a o adapta la un sptiu anume pe blogul tau. Cu ajutorul unui simplu cod html se poate modifica: grosimea de margine, rotunjirea colturilor fara a folosi programe complicate de pe … Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc