O W N
¡Conéctate y ven a divertirte con nosotr@s! :)
Si no estás registrado, hazlo y forma parte de nuestra gran comunidad.
¡La administración ha modificado otra vez el foro, y los Invitados ya pueden ver todas las secciones! Aún así, para comentar y crear temas debes tener una cuenta.

Cualquier duda, queja o sugerencia que quieras darle al staff, éste es nuestro facebook: https://www.facebook.com/onlywebnovels

¡IMPORTANTE!, los Mensajes Privados de los Invitados no serán respondidos por la administración. Te esperamos en nuestro facebook (:

Atte: Staff OnlyWns.
Conectarse

Recuperar mi contraseña

Últimos temas
» Mafia Jackson {Muro Interactivo}
Hoy a las 6:33 am por Andy Belmar.

» yes no maybe
Ayer a las 9:48 pm por Stark.

» être dans la lune.
Ayer a las 9:09 pm por Ongniel

» Simplemente, no te quiere. {One Direction}
Ayer a las 8:54 pm por Litzyg

» Trouble, love&shows {NC. 3er tema
Ayer a las 8:48 pm por Litzyg

» something strange
Ayer a las 6:50 pm por jackson.

» time to float.
Ayer a las 6:16 pm por buffay.

» Sun and Moon
Ayer a las 5:38 pm por Karasuno

» Cambiar y Borrar Cuentas |5|.
Ayer a las 4:55 pm por Alondra Horan

novedades

00 . 01 Anuncios del mes febrero.
00 . 02 Actualización del PROTOCOLO, nueva medida obligatoria de avatares.
00 . 03 Remodelación del foro febrero del 2017.
00 . 00 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
administradora
Rumplestiltskin. ϟ Jenn.
miembros del staff
Beta readers
ϟ hypatia.
aka Kate.
MP ϟ Ver perfil.
ϟ dépayser
aka Lea.
MP ϟ Ver perfil.
ϟ youngjae
aka .
MP ϟ Ver perfil.
ϟ Stark.
aka Cande.
MP ϟ Ver perfil.
Equipo de Baneo
ϟ Ariel.
aka Dani.
MP ϟ Ver perfil.
ϟ ceonella.
aka Cami.
MP ϟ Ver perfil.
Equipo de Ayuda
ϟ Ritza.
aka Ems.
MP ϟ Ver perfil.
ϟ Charlie.
aka idk.
MP ϟ Ver perfil.
Equipo de Limpieza
ϟ Legendary.
aka Steph.
MP ϟ Ver perfil.
ϟ chihiro
aka Zoe.
MP ϟ Ver perfil.
ϟ Kurisu
aka Teph.
MP ϟ Ver perfil.
ϟ Calore
aka idk.
MP ϟ Ver perfil.
Equipo de Eventos
ϟ ego.
aka Kalgh/Charlie.
MP ϟ Ver perfil.
ϟ Asclepio.
aka Gina.
MP ϟ Ver perfil.
ϟ mieczyslaw
aka Alec.
MP ϟ Ver perfil.
Equipo de Tutoriales
ϟ Kida.
aka Ally.
MP ϟ Ver perfil.
ϟ Spencer.
aka Angy.
MP ϟ Ver perfil.
Equipo de Diseño
ϟ insxne.
aka Mile.
MP ϟ Ver perfil.
ϟ yoongi.
aka Valu.
MP ϟ Ver perfil.
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.

Para ti para mí

Página 3 de 4. Precedente  1, 2, 3, 4  Siguiente

Ver el tema anterior Ver el tema siguiente Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Jue 15 Ago 2013, 7:54 pm

¿está bien?
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Jue 15 Ago 2013, 7:59 pm

avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Jue 15 Ago 2013, 8:03 pm

Hablo sola, pero es normal; mi vida a pleno es anormal: Si oigo a un gato hablar, de seguro me pondré a llorar 88' Esa es una canción que me puse a escribir D:
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Jue 15 Ago 2013, 8:06 pm

Esta muy bien C: perdon por dejarte hablando sola pero me estan corriendo con gentileza de la laptop 

solo nos falta dos pasos en un momento te posteo el siguiente paso c:

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Jue 15 Ago 2013, 8:07 pm

espero
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Jue 15 Ago 2013, 8:17 pm

Bob esponja

Datos basicos

Texto texto textp

Credito



El siguiente paso es para poner las propiedades de creditos y datos básicos que utilizan las mismas propiedades c:

- background-color: ; (color de fondo de la barrita)
- color: ; (color del texto)
- font-size: ; (tamaño de la letra)
- font-family: ; (tipo de letra)
- letter-spacing: ; (espacio entre letras)
- text-align: ; (posición de la frase)
- text-transform: ; (transformador de letra)
- padding: ; (separacion del texto del borde)

Esas son las propiedades que se utilizan utilizaremos todas menos el text-transform

Nuestro codigo quedaría de la siguiente manera con estas propiedades


Nombre del Rol
º Lugar º Fecha º Con quien º Horan º Dato extra º
Texto texto textp
Stefanya



Código:
<link href='http://fonts.googleapis.com/css?family=Mouse+Memoirs' rel='stylesheet' type='text/css'><div style="background-color: #ffffff; width: 400px; padding: 10px; margin: 0 auto; border: solid 4px #ff3333;"><div style="font-size: 32px; font-family: Mouse Memoirs; color: #ff3333; letter-spacing: 1px; text-align: center;">Nombre del Rol</div><div style="width: 390px; height: 200px; background-image: url(http://kita.com.ua/uploads/tiny_mce/loadimg/th_aa5873f784f8e687a97a39c99dfcc6e3.jpg?hash=399); border: #ff3333 3px solid; border-radius: 40px 40px 40px 40px; margin: 0 auto; background-position: center center;"></div><div style="background-color: #ff3333; color: #ffffff; font-size: 10px; font-family: Verdana; text-align: center; letter-spacing: 1px; padding: 2px;">º Lugar º Fecha º Con quien º Horan º Dato extra º</div><div style="propiedades del texto">Texto texto textp</div><div style="background-color: #ff3333; color: #ffffff; font-size: 10px; font-family: Verdana; text-align: center; letter-spacing: 1px; padding: 2px;">Stefanya</div>
</div>
Nota: Recuerda poner las mismas propiedades en "credito" y en "datos basicos"

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Jue 15 Ago 2013, 8:33 pm

Gen me falta solo decirte lo del texto ire a cenar y despues te digo lo ultimo c:

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Jue 15 Ago 2013, 8:36 pm

Oks.
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Jue 15 Ago 2013, 9:45 pm

Nombre del Rol
º Lugar º Fecha º Con quien º Horan º Dato extra º
Texto texto textp
Stefanya



Este es el último paso lo que viene siendo la descripción estas son las propiedades que se le pueden poner:

- background-color: ; (color de fondo, se pone un color bajo)
- color: ; (color de la letra)
- font-size: ; (tamaño de la letra)
- text-align: ; (en el texto se suele usar justify pero es opcional)
- letter-spacing: ; (espacio entre letras)
- font-family: ; (tipo de letra)
- text-transform: ; (transformador de letras)
- padding: ; (espacio separado del borde)
- line-height: ; (distancia de interlineado, para que quede muy separado el texto o muy pegado se toma en los porcentajes de 100% para arriba)
- width: ; (ancho del espacio del texto, tambien se utiliza en los creditos y datos básicos, así como el cuerpo)


Scroll

(barrita movible)

- max-height: ; (altura a la para que aparezca el scroll)
- overflow: auto; (para que aparezca automaticamente el scroll)
- opacity: ; (transparencia)

Son las propiedades que yo utilizo en mi tablilla ahora solo las ponemos en nuestro codigo:


Código:
<link href='http://fonts.googleapis.com/css?family=Mouse+Memoirs' rel='stylesheet' type='text/css'><div style="background-color: #ffffff; width: 400px; padding: 10px; margin: 0 auto; border: solid 4px #ff3333;"><div style="font-size: 32px; font-family: Mouse Memoirs; color: #ff3333; letter-spacing: 1px; text-align: center;">Nombre del Rol</div><div style="width: 390px; height: 200px; background-image: url(http://kita.com.ua/uploads/tiny_mce/loadimg/th_aa5873f784f8e687a97a39c99dfcc6e3.jpg?hash=399); border: #ff3333 3px solid; border-radius: 40px 40px 40px 40px; margin: 0 auto; background-position: center center;"></div><div style="background-color: #ff3333; color: #ffffff; font-size: 10px; font-family: Verdana; text-align: center; letter-spacing: 1px; padding: 2px;">º Lugar º Fecha º Con quien º Horan º Dato extra º</div><div style="background-color: #ff99ff; width: 390px; color: #000000; font-size: 12px; text-align: justify; letter-spacing: 1px; font-family: verdana; padding: 5px; line-height: 105%; max-height: 250px; overflow: auto; opacity: 0.8;">When you try your best, but you don't succeed
When you get what you want, but not what you need
When you feel so tired, but you can't sleep
Stuck in reverse
When the tears come streaming down your face
When you lose something you can't replace
When you love someone, but it goes to waste
Could it be worse?
Lights will guide you home
And ignite your bones
And I will try to fix you
And high up above or down below
When you're too in love to let it go
If you never try, then you'll never know
Just what you're worth
Lights will guide you home
And ignite your bones
And I will try to fix you
Tears stream down your face
When you lose something you cannot replace
Tears stream down your face
And I...
Tears stream down your face
I promise you that I'll learn from my mistakes
Tears stream down your face
And I...
Lights will guide you home
And ignite your bones
And I will try to fix you</div><div style="background-color: #ff3333; color: #ffffff; font-size: 10px; font-family: Verdana; text-align: center; letter-spacing: 1px; padding: 2px;">Stefanya</div></div>


Eso es todo de este "tutorial" alguna duda me dices luego luego ;)

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Jue 15 Ago 2013, 9:46 pm

 Woow, me encantó el tuto. Me explicaste todo con tal claridad que ni siquiera me perdí. Con el de oyuki apenas aprendí a colocar el scroll xd.
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Jue 15 Ago 2013, 9:49 pm

Es que solo pone lo que utilizara, yo aprendí con ese pero la sufrí porque no entendía nada ni que hacer y pues tuve que aprender por mi cuenta las propiedades c:

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Lun 02 Sep 2013, 4:31 pm

Hola, creo que ahora es mi turno
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Lun 02 Sep 2013, 4:33 pm

Hola  haha ahora sere la alumna

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por peeta. el Lun 02 Sep 2013, 4:36 pm

#Paso 1: la mayoría de las veces, para no complicarnos la existencia partimos colocando la posición en la que queremos la firma {Center, justify, left, right} y el link de la fuente que deseamos usar, por lo que la primera parte de la firma sería esta:

Código:
<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
Pero con las firmas de doble imagen, uno no sigue inmediatamente con el
del formato del texto, sino que nos preocupamos principalmente de las imágenes, por lo que ocupamos <"br"> y <"table">{van sin comillas} para que las imágenes queden en su lugar y no deformen la firma, por lo que ahora el código sería este:

Código:
<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><br><table>
Luego, seguimos por lo que sería el ancho que le daremos a la primera imagen, en mi caso, usaré una de 250px de ancho, por lo que el código ahora sería el siguiente:

Código:
<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><br><table><td style="width:250px;">
Te habrás dado cuenta de que en vez de un Div, se presenta un td style, eso es porque las "Td" y "Tr" son para darle formato a una tabla: Td para las columnas y "Tr" para las filas, ambas van dentro de

Ahora, seguimos con el ancho de la imagen y el formato propiamente tal. El ancho de mi imagen será de 250px también, y colocaré un borde sólido en la izquierda y el url de mi imagen, por lo que el código nos quedaría así:
Código:
<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><br><table><td style="width:250px;"><div style="height:250px;border-left: solid 9px white;background:url('http://a6.img.v4.skyrock.net/8918/84778918/pics/3106251209_1_3_2iqgOpWy.gif');"></div></td>
¿Vas bien hasta ahora?, me gustaría que me mostraras lo que llevas y si tienes una duda que me la digas c:
avatar


Ver perfil de usuario

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Kurisu el Lun 02 Sep 2013, 4:48 pm





Hasta el momento me queda así Cúl

___________________________________________

'Cause tonight I'm feeling like an astronaut, Sending SOS from this tiny box, To the lonely people
that the world forgot, Are you out there?, 'Cause you're all I've got?
avatar


Ver perfil de usuario https://maschxnny.tumblr.com/
------
------

Volver arriba Ir abajo

Re: Para ti para mí

Mensaje por Contenido patrocinado

Contenido patrocinado



Volver arriba Ir abajo

Página 3 de 4. Precedente  1, 2, 3, 4  Siguiente

Ver el tema anterior Ver el tema siguiente Volver arriba


Permisos de este foro:
No puedes responder a temas en este foro.