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

2 comentarios:

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc