Conectarse
Últimos temas
miembros del staff
Beta readers
|
|
|
|
Equipo de Baneo
|
|
Equipo de Ayuda
|
|
Equipo de Limpieza
|
|
|
|
Equipo de Eventos
|
|
|
Equipo de Tutoriales
|
|
Equipo de Diseño
|
|
créditos.
Skin hecho por Hardrock de Captain Knows Best. Personalización del skin por Insxne.
Gráficos por y codes hechos por Kaffei e Insxne.
Gráficos por y codes hechos por Kaffei e Insxne.
APRENDAMOS A DISEÑAR
O W N :: Zona Libre :: Zona Libre :: Talento
Página 8 de 25. • Comparte
Página 8 de 25. • 1 ... 5 ... 7, 8, 9 ... 16 ... 25
Re: APRENDAMOS A DISEÑAR
Sus tutoriales me sirvieron mucho. Me gusta hacer codes, pero no me salían muy bien. Ahora entiendo más. Mi firma la hice con ayuda de su tutorial xd. ¡Gracias y besos!
Invitado
Invitado
Re: APRENDAMOS A DISEÑAR
seré terrible maestra. Bien Fer, explicaré mejor lo del padding. Seré honesta, sabía que no estaba bien explicado De todos modos he amado tu resultado, como siempre. Gracias por seguir colocando tus avances.Fer. escribió:
- Spoiler:
Perdonaran pero SHIT, que me encanta el resultado .
Bueno Mile, la mayor parte del tutorial me quedo claro, pero quería saber si podrías… explicarme en palabras menos coloquiales el uso del “Padding”, pues, aunque lo entendí (algo), me ha quedado un sinsabor de boca que no quisiera conservar.
He ahí mi resultado (debo agregar que no sé qué banda es la que coloque en el título, y el texto inferior hace parte de una de las canciones de dicha agrupación.)
- MUESTRA:
❝All Time LowYou've got my heart in your hands, like a time bomb ticking it goes off, we start again when it breaks, we fix it got your heart in my hands, like a time bomb ticking we should know better but we won't let go...
Estaré a la espera del siguiente tutorial.
bxmbshell.
Re: APRENDAMOS A DISEÑAR
Hola, que tal? Mi nombre es Rocio y decidi pasarme por aca porque me parecio interesante saber mas sobre los codigos HTML y CSS. Recien estuve leyendo la estructura basica y el titulo y fui probando, la verdad me quedo bastante bien y me sirvio muchisimo lo que explicaron. Lo unico que no se porque la imagen se me corta, es decir que me aparece solo un pedazo de la imagen y no toda entera, la imagen no se modifica con el tamaño que le pongo sino que me muestra solo la porcion que entra en ese tamaño. ¿Me explico? Me serviria de mucho que me explicaran como tengo que hacer para arreglarlo. Gracias por el tutorial, ya sigo leyendo y les mando los resultados. Espero su respuesta. :)
frozen
Invitado
Invitado
Re: APRENDAMOS A DISEÑAR
Buenas noches, Rochi.Rochi Fontana escribió:Hola, que tal? Mi nombre es Rocio y decidi pasarme por aca porque me parecio interesante saber mas sobre los codigos HTML y CSS. Recien estuve leyendo la estructura basica y el titulo y fui probando, la verdad me quedo bastante bien y me sirvio muchisimo lo que explicaron. Lo unico que no se porque la imagen se me corta, es decir que me aparece solo un pedazo de la imagen y no toda entera, la imagen no se modifica con el tamaño que le pongo sino que me muestra solo la porcion que entra en ese tamaño. ¿Me explico? Me serviria de mucho que me explicaran como tengo que hacer para arreglarlo. Gracias por el tutorial, ya sigo leyendo y les mando los resultados. Espero su respuesta. :) frozen
El problema es que la imagen es agresivamente grande. Como lo expliqué en el primer tutorial: "(...) como fondo no se reduce el tamaño al reducir los valores, es decir, si nuestra imagen es de 100px de alto y 100px de ancho al cambiarle a 90px no se hará más pequeña sino que se recortará la imagen.(...)" Así como en tu code porque tu imagen es enorme. En todo caso deberías cambiarle el tamaño con photoshop o escoger otra. PERO. Si estás lista para algo avanzado te sugiero el ([Tienes que estar registrado y conectado para ver esa imagen]) Si no estás familiarizada con este detalle, no te preocupes, cuando suba la explicación del padding, también les hablaré de esto.
P.D. Recordarás que en las reglas del foro, los límites de una firma son de 500px de ancho (vos colocaste 800px) por 300px de altura (por suerte la altura del tuyo va dentro de las reglas.
bxmbshell.
Re: APRENDAMOS A DISEÑAR
Hola de nuevo :). Me estoy actualizando asi que las voy a molestar mucho con mis preguntas en esta media hora.Bien lei el bloque del interlineado y fue bastante facil, soy feliz por eso.No me costo casi nada! Casi porque me surgio una duda. He aqui el desarrollo: vos nos explicaste que el interlineado era para alejar el titulo de la imagen, pero como hacer si quiero hacer lo contrario, es decir si quiero superponer el titulo a la imagen. Como puedo controlar que tan superpuesto puede estar? Bueno esa es mi duda. Ah casi me olvido, lei la respuesta a mi pregunta de hace dos minutos xD Y gracias por aclararme mi duda, por cierto no conozco el pad asi que creo que tendria que buscar una imagen mas chica. Por cierto gracias por recordarme las medidas de la firma.Un beso y muchas gracias por hacer este tutorial, me esta sirviendo muchisimo.
Because All the Kings need Queens
Because All the Kings need Queens
Invitado
Invitado
Re: APRENDAMOS A DISEÑAR
COLORES HEXADECIMALES
[Tienes que estar registrado y conectado para ver esa imagen] | HECHO POR: IRWIN. TUTORIAL DE: HTML. NIVEL: FÁCIL. MATERIALES: Código de prueba. Originalidad e imaginación. |
¡Buenas, buenas! Principalmente, mis sinceras disculpas por no haber subido ayer como tenía el deber de hacerlo. Pero la realidad es que no estuve en mi casa y sin mi PC no puedo trabajar. Lo siento.
En fin, vengo con el tutorial de los colores. Seguramente ya sepan de ellos, pero les explicaré cómo utilizarlos.
Primeramente, un color hexagedecimal es el que se utilizan para editar los códigos. Si bien se pueden usar los colores con nombres (Por ejemplo, ‘Red’), existe una muy grande variedad de colores que no necesariamente lleven un nombre en específico. A esto, se lo llaman colores hexadecimales. También, debemos tener en cuenta de que siempre y sin falta alguna, tiene que tener el numeral al principio, si se olvidan de él, el código se configurará mal y obtendremos un resultado fallido. Ejemplo: #FFFFFF.
PD: Me olvidaba; absolutamente todos los colores hexadecimales tienen seis letras incluídas, ni una más ni una menos. No olvides de ninguna cuando copies.
Ahora bien, ¿de dónde puedo sacar esos colores? Existen millones de páginas. De verdad, ¡con tan solo googlear ‘colores hexadecimales’ te aparecerán miles de resultados! Pero, mejor les proporciono una página segura y que combina colores. Colourlovers nos facilita paletas con colores ya combinados. Bien, doy fe en que sirven mucho, ya que soy un asco combinando colores y esto me sirve demasiado para las tablillas o firmas. Opinión personal, claro está.
Y bien, creo que eso es todo. Si hay preguntas, por favor postearlas debajo.
En fin, vengo con el tutorial de los colores. Seguramente ya sepan de ellos, pero les explicaré cómo utilizarlos.
Primeramente, un color hexagedecimal es el que se utilizan para editar los códigos. Si bien se pueden usar los colores con nombres (Por ejemplo, ‘Red’), existe una muy grande variedad de colores que no necesariamente lleven un nombre en específico. A esto, se lo llaman colores hexadecimales. También, debemos tener en cuenta de que siempre y sin falta alguna, tiene que tener el numeral al principio, si se olvidan de él, el código se configurará mal y obtendremos un resultado fallido. Ejemplo: #FFFFFF.
PD: Me olvidaba; absolutamente todos los colores hexadecimales tienen seis letras incluídas, ni una más ni una menos. No olvides de ninguna cuando copies.
Ahora bien, ¿de dónde puedo sacar esos colores? Existen millones de páginas. De verdad, ¡con tan solo googlear ‘colores hexadecimales’ te aparecerán miles de resultados! Pero, mejor les proporciono una página segura y que combina colores. Colourlovers nos facilita paletas con colores ya combinados. Bien, doy fe en que sirven mucho, ya que soy un asco combinando colores y esto me sirve demasiado para las tablillas o firmas. Opinión personal, claro está.
APLICAR COLOR AL TÍTULO:
Bien, esto es facilísimo. ¿Recuerdan el tutorial anterior, el de aplicar texto a un código? Bueno, exactamente en el mismo código en el que editamos el texto, agregamos el atributo ‘color: #FFFFFF’. Simplemente, eso.APLICAR COLOR AL FONDO:
Bien. Esto comúnmente se utiliza al hacer tablillas, se aplica el atributo ‘background-color: #FFFFFF’. Es decir, color de fondo.- Código:
<div style=”width: 500px; padding: 10px; background-color: #FFFFFF;”></div>
APLICAR COLOR A UNA SOMBRA:
Espero que recuerden bien el atributo para agregar sombra al texto. Esto es sumamente simple, como anteriormente había aclarado, para poner color a una sombra, hay que agregar o un “black” -lo que haría que la sombra sea oscura- u otro color. Ahora bien, haremos esto: ‘text-shadow: #AAAAAA 1px 1px 1px’, y claro está, se puede cambiar el color hexadecimal por otro cualquiera.APLICAR COLOR A UN BORDE:
Bueno, Mile ha dado un tutorial sobre aplicar bordes si mal no lo recuerdo. Para aplicarles color, se tiene que agregar lo siguiente al atributo: ‘border: solid 10px #AAAAAA’ o simplemente, ponerle un color con nombre propio.Y bien, creo que eso es todo. Si hay preguntas, por favor postearlas debajo.
Tablilla by Sykesual 2014.
irwin.
Re: APRENDAMOS A DISEÑAR
Lo siento, tenía previsto hacer un tutorial sobre aplicar texto a un background. But pienso que debo explicar todo con lujo de detalle so... mañana será D: lo siento mucho, de verdad. :?:
irwin.
Re: APRENDAMOS A DISEÑAR
Bueno ya no voy a volver a decir hola, es que se los estaria diciendo por tercera vez y ya las habia saludado antes.Creo que hoy estuve basicamente todo el dia con este tema, me encata.A parte ustedes lo explican muy bien y se me hace divertido crear con codigos. Bueno lei el tutorial de bordes y esto es lo que quedo:
No tengo ninguna pregunta :) Prometo no molestar mas por hoy, gracias por sacarme las dudas y de nuevo gracias por hacer el tutorial. Que duerman bien y que pasen una linda noche-madrugada xD. Nos leemos cuando nos leamos, besos.
- Espero que les guste :
- Somos un globo lleno de emociones......en un mundo lleno de alfileres.
No tengo ninguna pregunta :) Prometo no molestar mas por hoy, gracias por sacarme las dudas y de nuevo gracias por hacer el tutorial. Que duerman bien y que pasen una linda noche-madrugada xD. Nos leemos cuando nos leamos, besos.
Invitado
Invitado
Re: APRENDAMOS A DISEÑAR
Hola muchas gracias por los tutoriales :) la verdad me sirvieron de mucho ya que yo no tenia idea de esto :scratch: bueno pues alfin pude hacer mi firma yo sola, gracias a sus tutoriales y bueno la firma me quedo asi:
Si la hise de Niall diciendo que no tiene novia :P bc es mi debilidad :ilusion: y una de los chicos juntos aifjsdlkfjdsñfs los amo tanto<3 espero que te guste como me quedaron las dos :3
Besos xx
- Espero que lo les guste como quedo<3 :
- Niall Horan"I don't have a girlfriend"One DirectionWhen They smile, I smile
Si la hise de Niall diciendo que no tiene novia :P bc es mi debilidad :ilusion: y una de los chicos juntos aifjsdlkfjdsñfs los amo tanto<3 espero que te guste como me quedaron las dos :3
Besos xx
Adriana.
Re: APRENDAMOS A DISEÑAR
ok. primero que nada debo agradecerles a ustedes por publicar este tema, enserio, muchas gracias. estoy aprendiendo muchas cosas c: y debo decir que los resultados nunca me los esperaba. segundo, desde hace tiempo e querido aprender a usar codes html c: normalmente solo les decía a chicas en sc que utilizaría la firma y solo sabia cambiarle el color o el tamaño de la imagen, no mas. y me desesperaba por algún día de estos poder hacerlos así como ellas, pero gracias ustedes estoy progresando *w* so, e leído cada uno de los pasos lentamente y practicando, y, esto es lo que he hecho hasta ahora:
asjkl, no se si sea exacta para una firma, pero por ahora la voy a utilizar como cabecera en una nc c: y me gusto mucho. de verdad muchas gracias a ustedes por hacer esto y ayudarnos c: esperare ansiosa los tutoriales para ps. besos<333
- resultado:
- stay awayno te acerques tanto, esta oscuro dentro. es donde mi pasado se esconde, donde mis demonios se esconden.
asjkl, no se si sea exacta para una firma, pero por ahora la voy a utilizar como cabecera en una nc c: y me gusto mucho. de verdad muchas gracias a ustedes por hacer esto y ayudarnos c: esperare ansiosa los tutoriales para ps. besos<333
Invitado
Invitado
Re: APRENDAMOS A DISEÑAR
Hola, pues quería agradecerles por haber creado este tema de tutoriales. Yo no entendía nada el HTML, ahora le entiendo un poco gracias a ustedes. Les agradezco mucho que tomen su tiempo para crear cada tutorial con pasos muy bien descritos porque si les he entendido.
Aquí les dejo una captura de lo que he hecho.
Aquí les dejo una captura de lo que he hecho.
- adskjdanjfd:
- I'm a beautiful girl.»Me llamo Jacqueline, acá Crayola, acá holiscrayolis.
Creo que ahí seguí los tres primeros tutoriales.I'm in love with you.Tú nunca te amarás como yo te amo de ti. Yo siempre estaré aquí para ti, porque estoy enamorado de ti. {little things.Aquí ya utilicé el cuarto tutorial. Nada más tengo una duda, espero que me la puedan resolver.
He visto firmas y cabeceras (pero principalmente firmas) en las que le ponen una sola raya o dos, yo no supe como hacerle y me salió todo. Quisiera saber como hacer que sólo te salga de un lado la raya, ya sea en la izquierda o en la derecha, arriba o abajo. No sé si me explico
Última edición por holiscrayolis el Dom 23 Feb 2014, 1:14 pm, editado 1 vez
holiscrayolis
Re: APRENDAMOS A DISEÑAR
Estoy muy tonta, lo siento volví a leer cada paso y vi que sí aclararon cómo hacer eso que pregunté. Ya le intenté y me salió esto. Ya le estoy entendiendo más, muchas gracias.
- kajfnskjfcsd:
- Better than words.better than words but more than a feeling crazy in love dancing on the ceiling. every time we touch i’m all shook up you make me wanna how to keep this, your love god only knows, baby.
holiscrayolis
Re: APRENDAMOS A DISEÑAR
lo primero que hare antes de publicar mi resultado es agradecerles por hacer este tema ya que siempre me he interesado por el html y la creación de firmas. al ver que habian creado esto hice todo mi esfuerzo y segui los tutoriales, basicamente tengo un resultado de cada tutorial que han hecho, al principio se me hacia algo complicado pero no es tan dificil como pensaba <3 aqui les publico mi resultado en el tutorial de bordes <3 me quedo medio rarito pero espero que les guste
- hi:
- It's so hard for me to breathe.tell me how I'm supposed to breathe with no air.
tenshittae
Re: APRENDAMOS A DISEÑAR
Hola! ame los tutoriales. Pero tengo un problema acerca de los colores. Y sobre que le hacen #0000 eso, me podrian ayudar sobre los colores porfa.
Hop.
Re: APRENDAMOS A DISEÑAR
De verdad que esto es muy lindo de su parte. Ya sabía hacer codes pero ahora entiendo mejor las propiedades y todo c: enserio las felicito
Espero ansiosa el próximo tutorial
Espero ansiosa el próximo tutorial
Snowflake.
Página 8 de 25. • 1 ... 5 ... 7, 8, 9 ... 16 ... 25
O W N :: Zona Libre :: Zona Libre :: Talento
Página 8 de 25.
Permisos de este foro:
No puedes responder a temas en este foro.
Miér 20 Nov 2024, 12:51 am por SweetLove22
» My dearest
Lun 11 Nov 2024, 7:37 pm por lovesick
» Sayonara, friday night
Lun 11 Nov 2024, 12:38 am por lovesick
» in the heart of the circle
Dom 10 Nov 2024, 7:56 pm por hange.
» air nation
Miér 06 Nov 2024, 10:08 am por hange.
» life is a box of chocolates
Mar 05 Nov 2024, 2:54 pm por 14th moon
» —Hot clown shit
Lun 04 Nov 2024, 9:10 pm por Jigsaw
» outoflove.
Lun 04 Nov 2024, 11:42 am por indigo.
» witches of own
Dom 03 Nov 2024, 9:16 pm por hange.