Azi este Duminica, 27 de Iulie.2017

cu reduceri

Cun scriem un text pe fondul unei imagine


scrie un text pe imagine

Un exemplu de text scris peste o imagine

Atentie! textul sa nu depaseasca dimensiunea imagini
In anumite situatii dorim sa facem o descriere pe o imagine si nu stim cum.

Cu ajutorul unei aplicatii simple rezolvam aceasta problema.

Cum procedam?

Vom copia codul html de mai jos si il insertam intr-o postare noua , dupa aceea, trebuiesc facute cateva modificari pentru al adapta la blogl tau.

copiaza urmatorul cod:
<div style="float: left; position: relative;">

<img alt="descriere imagine" src="url de la imagine" />
<div style="color: black; font-family: Courier; left: 20px; position: absolute; top: 55px; width: 150px;">

...aici vine textul...

</div>
</div>

Acum se va inlocui "url de la imagine" cu url-ul imagini care doresti sa apara in postare, de asemenea vei inlocui ...aici vine textul... cu descrierea care doresti sa apara pe respectiva imagine. Cu propietatea float putem adapta textul pe fondul imagini dupa cum urmeaza (left=mutam textul in partea stanga sau right=mutam textul in partea dreapta) se mai poate schimba culoarea de text(black) si distanta intre marginea superioara si inceputul de text (top: 55px).

Related Posts:

  • Centrarea unei imagine sau mai multor imagini cu dimensiuni diferiteCu ajutorul (etichetelor) unui truc simplu se poate centra o imgine sau mai multe imagini de dimensiuni diferite.Cu ajutorul acestui cod html se poate adauga o imagine si centra<div style="background- border: 1px solid #68… Read More
  • Creeaza un video din fotografiiFoto2Aavi te ajută să creezi video folosind fotografiile, video-urile şi muzica din calculator pe care poti să le publici în YouTube sau sa le pastrezi pentru tine.Se poate adăuga diverse efecte între fotografiile adăugate î… Read More
  • Imagine la sfarsitul unei postariCa sa adaugam o imagine in partea dreapta la sfarsitul unei descrierei si sa apara in fiecare postare de pe blogul tau.Vom utiliza un truc care consta in schimbarea unei lini de cod din sablonul blogului.Deci mergem la Aspect… Read More
  • Optimizator de imagini onlineCu ajutorul Dynamic Drive poti optimiza online cu usurinta gif-ul tau sau gif-uri animate (formatul GIF.PNJ.JPG) asa in cat acestea sa se incarce cat mai repede posibil pe un blog sau site.De asemenea se poate converti o imag… Read More
  • Generator de super imagini cu colturi rotunjitePentru subiectul generatoare de astăzi am adaugat un site online foarte interesant si il poti adauga la favoriti pentru al avea la indemana..Cu Round My Pic un foarte bun generator online cu ajutorul caruia putem da un super … Read More

2 comentarios:

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc