APRENDAMOS A DISEÑAR

enjoytheride♡ . escribió:
Hay demonios chicas, soy un jodido desastre.
En vez de aparecerme la imagen cuando pongo los codes, me aparece así:
"background-image: url (http://fc03.deviantart.net/fs71/f/2014/052/d/e/_magic_tipo_de_edicion__by_livealittlemore-d77e4n2.png); width: 500px; height: 200px;" >

ayuda, por favor:c
PD: Los tutoriales estan hermosos:).

Código:

<div style="background-image: url(http://fc03.deviantart.net/fs71/f/2014/052/d/e/_magic_tipo_de_edicion__by_livealittlemore-d77e4n2.png); width: 500px; height: 200px;"></div>

Sykesual. escribió:

enjoytheride♡ . escribió:
Hay demonios chicas, soy un jodido desastre.
En vez de aparecerme la imagen cuando pongo los codes, me aparece así:
"background-image: url (http://fc03.deviantart.net/fs71/f/2014/052/d/e/_magic_tipo_de_edicion__by_livealittlemore-d77e4n2.png); width: 500px; height: 200px;" >

ayuda, por favor:c
PD: Los tutoriales estan hermosos:).

Hola, hermosa.
Bueno, el problema está en que has copiados el link 2 veces. En los codes no es necesario que coloque "[url]" porque el "background-image: url()" ya lo deja sobreentendido. Además, está mal copiado y al final la flechita ">"que lo cierra está separada. El code correcto es este:

Código:

<div style="background-image: url(http://fc03.deviantart.net/fs71/f/2014/052/d/e/_magic_tipo_de_edicion__by_livealittlemore-d77e4n2.png); width: 500px; height: 200px;"></div>

NOTA. La imágen que escogiste es muy ancha (de paso va en contra de las reglas, por eso de la anchura) y al colocar los valores "500px" y "200px" se va a cortar. Aún se notan los personajes, sale así:

Muchas gracias por comentar, si tienes más dudas solo escribelas.

Acrazylovatic :3 escribió:¿Cómo hago para que el texto quede abajo? Creo que estoy haciendo algo mal, porque cuendo lo pruebo no queda bien ._. El texto me queda en la imagen.

Mira:

Código.:

No sé que es lo que estoy haciendo mal.

Hola. Te han faltado varios "/div" que cierren. Lo arreglé, también eliminé los "div" en el que pusiste 24px de altura para simplificar el code porque no son realmente necesarios en esta situación. Pero vale. Te juro que me iba a sacar los pelos porque no le veía el problema hasta que el el "div" de la imágen, las comillas que lo cerraban no eran las de los codes, sino las que word coloca. Como sea. Te dejo el code arreglado. Si tienes más dudas, escríbelas.   

Código:

<center><link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'><div style="font-family: 'Gabriela'; color: #FFFFFF; font-size: 50px; text-shadow: black 1px 1px 1px;line-height: 100%">Aquí se escribe</div><div style=" width: 500px; height: 200px; border: 6px double #7882b9"><div style="background-image: url(http://26.media.tumblr.com/tumblr_ll7dorkm2V1qg63lwo1_500.gif); width: 500px; height: 200px;"></div></div><div style="width: 400px; height: auto; font-family: verdana; color: #48689d; font-size: 13px; line-height: 100%;">textotextotextotextotextotextotextotextotextotexto textotextotextotextotextotextotextotextotextotexto textotextotextotextotextotextotextotextotextotexto</div></center>

enjoytheride♡ . escribió:
Oh dios, Milenka, te amo.
Muchisímas gracias, siempre me pasaba el mismo error, enserio, muchas gracias:3.

   hoy me siento amada. No hay de qué, pero revisando el font que quieres usar. Ese tipo de font no está disponible en "Google fonts" por eso mismo es que no te sale como quieres.

Vicious. escribió:holaaa, soy camille y me ha encantado todo, muchas gracias por hacer esto chicas, de verdad. yo algo de códigos sé, lo suficiente como para hacer firmas y demás pero esta ayuda me sirve y mucho, gracias. espero el de photoshop que creo que es lo que más me cuesta.

Es un gusto tenerte por acá, Camille.
Nos emocionan tus palabras   
Hablando de photoshop, debemos quedar con Vir para cuándo comenzaríamos con esa parte.
Gracias por pasarte.  

Moon. escribió:Pues aquí esta lo que he hecho pero al tratar de usarla deforma el foro de una manera horrible. Así que quisieran que me dijeran que pudiera estar afectando la cosa esta(?
Y he entendido todo y sus explicaciones son perfectas espero la segunda parte con redondeo<33

Código:

<br><center><link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'><div style="font-family: 'Engagement'; color: #FFFFFF; font-size: 70px; text-shadow: black 1px 1px 1px; line-height: 63%;">Leave The Boy Alone</div><div style="background-image: url(http://25.media.tumblr.com/tumblr_m9yhrbSJeK1qkay88o1_r4_500.png); width: 500px; height: 250px; border-left: 4px solid #A60000; border-right: 4px solid #A60000;"></div><div style="width: 475px; height:20px; border-left: 3px solid #FF4040; font-family: 'Verdana'; color: #FFFFFF; font-size: 10px; line-height: 85%;">When the light is out, he is a monster. My Monster. [url=http://goo.gl/MIE6DB]°[/url]</div></center>

Aye Styles. escribió:

Chicas no saben cuanto había buscado tutoriales como estos, leí los de oursource pero no los entendía y al fin algo que entiendo, así que se los agradezco, de verdad.

Esto es lo que me quedo, no es la gran cosa, pero bueh. Tengo una duda, no lo entendí bien. Sí yo no quiero borde en uno de los lados, ¿que hago?

Spoiler:

Gad, que firma tan linda    Muy buen trabajo. Solo que corrigiéndolo le he borrado unos "center" innecesarios. Para centrar una firma solo basta con que abras uno al inicio de todo y lo cierres al final, el tuyo tenía uno que encerraba a la imagen y otro al texto.
Gracias por comentar y mostrarnos tus avances.
Lo de los bordes, depende. En qué lado no quieres el borde.
Mira, si quieres que los lados (derecha e izquierda) mantengan los bordes y también la parte de abajo, pero no la de arriba, solo agrégale al code "border-top: none;" esto le indicará al navegador que  debe mantener todos los bordes excepto el de arriba. Aplicándole esto a tu code nos quedaría algo así:

O'Brien. escribió:Bueno, tarde un poco en hacerlo, pero me salió y este es el resultado

Abre:

Maite♡ escribió:No puedo con esto, soy un asco con los codes :wut: 

Maite    no digas eso que estoy viendo tu firma y te ha quedado linda.    Es cosa de práctica, solo eso.

Sykesual. escribió:

Maite♡ escribió:No puedo con esto, soy un asco con los codes :wut: 

Maite    no digas eso que estoy viendo tu firma y te ha quedado linda.    Es cosa de práctica, solo eso. 

Gracias   :hug: 

Sykesual. escribió:

Aye Styles. escribió:

Chicas no saben cuanto había buscado tutoriales como estos, leí los de oursource pero no los entendía y al fin algo que entiendo, así que se los agradezco, de verdad.

Esto es lo que me quedo, no es la gran cosa, pero bueh. Tengo una duda, no lo entendí bien. Sí yo no quiero borde en uno de los lados, ¿que hago?

Spoiler:

Gad, que firma tan linda    Muy buen trabajo. Solo que corrigiéndolo le he borrado unos "center" innecesarios. Para centrar una firma solo basta con que abras uno al inicio de todo y lo cierres al final, el tuyo tenía uno que encerraba a la imagen y otro al texto.
Gracias por comentar y mostrarnos tus avances.
Lo de los bordes, depende. En qué lado no quieres el borde.
Mira, si quieres que los lados (derecha e izquierda) mantengan los bordes y también la parte de abajo, pero no la de arriba, solo agrégale al code "border-top: none;" esto le indicará al navegador que  debe mantener todos los bordes excepto el de arriba. Aplicándole esto a tu code nos quedaría algo así:

¿Lo notas? Los 3 bordes se mantienen, pero el de arriba ya no está.
Si tienes más dudas no olvides comentarlas.

Bello :3: