Aprendamos.

2 paso: La imagen.

¿Recuerdas que por Mp te pedí que buscaras una imagen? Pues ahora la usaremos

luego del texto, viene la imagen, por lo que el siguiente div que abriremos sera el de la susodicha, colocaremos la propiedad "background-image: url()" y en los paréntesis colocaremos el url de la imagen... nos quedaría así:

Código:

<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="font-family: 'Great Vibes'; color: violet; ; font-size: 45px text position: relative; text transform: Capitalize; text-shadow: 1px 2px 3px;">Hola</div><div style=" background- imagen: url(http://24.media.tumblr.com/tumblr_l7isyuVBEt1qc39pwo1_500.gif);

mar1D_smile escribió:Bueno si he visto que algunas firmas tienen incluidas un link en el título como se hace eso?

Eso lo veremos al final; como un extra.

Muy bien
Woooow contigo lo entiendo todo más fácil pero en otros sitios ni porque lo lea millones de veces jajaja
Bueno sigamos con el siguiente paso

el mio quedaría asi:
 
 

Código:

<center><link href='http://fonts.googleapis.com/css?family=Cantora+One'rel='stylesheet' type='text/css'><div style="font-family:'Cantora One'; color: #ff5599; font-size: 32px; text-position: center; text-transform: uppercase";>Friends Forever</div></div style="background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRZTOvAHtmsHgZ7bX5dqjpwTAU-Zh-Z2apPLpy8JoZ9pH0We8W6hA);

Ya, hago el aseo y continuamos

Fantasy. escribió:Ya, hago el aseo y continuamos

no te preocupes linda
no tengo mucho apuro

hola estoy lista para el siguiente paso
si es que aun quieres enseñarme
te espero

Oh, lo siento, se me había perdido el tema  ahora escribo lo que tengo que postearte y lo posteo (?)

ho regresaste
esperare

¿Recuerdas que para poder darle el formato deseado al título necesitabas unas propiedades? Pues aquí en la imagen también se ocupan, y son las siguientes:
-width: ancho
-height: alto
-margin: 0 auto {no cambies el numero, pero siempre coloca esta propiedad}
- "border-radius": El borde, o redondeo, de una imagen cuadrada a una cilíndrica, por ejemplo. También se colocan con pixeles. Si quieres redondear sólo un lado, colocas el
-Border: Es el borde, esos colores que se le colocan alrededor de la firma... en otras palabras es como el marco de la imagen. Esos tienen sub propiedades que son :Dashed {punteado}, solid, double, dotted {a cuadraditos pequeños}, groove {es como con relieve}, inset {con el relieve hacia adentro}, ouset {relieve hacia afuera}, y ridge {algo que no comprendo muy bien XD, y el formato para colocar esto sería así: 
border: {sub-propiedad que elijas} {color} {tamaño en pixeles}

Código:

<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="font-family: 'Great Vibes'; color: violet; ; font-size: 45px text position: relative; text transform: Capitalize; text-shadow: 1px 2px 3px;">Hola</div><div style=" background- imagen: url(http://24.media.tumblr.com/tumblr_l7isyuVBEt1qc39pwo1_500.gif); width: 500px; height: 250px; margin: 0 auto; border-radius: 90px; border: dotted violet 3px;"></div>

A mi me quedaría así. ¿Vas captando? No hay problema en explicarlo de nuevo

no si voy entendiendo
solo una duda si solo quiero que se redondee en dos lados por decir las esquinas de arriba se puede o tiene que ser todos los lados?

mar1D_smile escribió:no si voy entendiendo
solo una duda si solo quiero que se redondee en dos lados por decir las esquinas de arriba se puede o tiene que ser todos los lados?

Claro que se puede. Por ejemplo puedes hacer cada redondeo con una medida diferente y no deformaría la firma.

Ej:

Código:

border-radius: 90px 60px 75px 0px;

¿Ves? Colocas las medidas, sin el punto y coma y blá blá... ¿Comprendes?

Fantasy. escribió:

mar1D_smile escribió:no si voy entendiendo
solo una duda si solo quiero que se redondee en dos lados por decir las esquinas de arriba se puede o tiene que ser todos los lados?

Claro que se puede. Por ejemplo puedes hacer cada redondeo con una medida diferente y no deformaría la firma.

Ej:

Código:

border-radius: 90px 60px 75px 0px;

¿Ves? Colocas las medidas, sin el punto y coma y blá blá... ¿Comprendes?

ha ok gracias si claro que entiendo

Hasta ahora a mi me quedaría así

¿Cómo te quedaría a ti?