Caballow-Sos
Bienvenido al Foro de Caballow Sos Donde encontraras todo para pasarlo bien y ayudarte en el juego de Caballow. Registrate ahora!



 
ÍndicePortalCalendarioFAQBuscarMiembrosGrupos de UsuariosRegistrarseConectarse

Comparte | 
 

 Como generar el código HTML de una ficha

Ver el tema anterior Ver el tema siguiente Ir abajo 
Ir a la página : 1, 2  Siguiente
AutorMensaje
mcviales
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 294
Apodo Caballow : mcviales (nueva cuenta)
Fecha de inscripción : 08/01/2011

MensajeTema: Como generar el código HTML de una ficha   Lun Jul 25, 2011 12:59 am

Bueno eh visto varias personas que no saben como generar los códigos HTML de una ficha para ponerla en Caballow (no solo aquí, en Caballow y en otros foros) entonces eh decidido hacer un tutorial para poder hacerlos fácilmente.

1º Paso: Conocer los códigos a utilizar

Antes de hacer un código para una ficha debemos conocer los códigos HTML que usaremos en su elaboración. En este paso les explicaré algo detalladamente cuales son:

-Código para el fondo:

Este código lo utilizaremos para poner la imagen de la ficha como fondo y que se pueda escribir sobre ella, el código es este:

Código:
<center>
<img><table style="WIDTH: 500px; HEIGHT: 550px" background="xxxxxxxx">
<tbody>
<tr>
<td align="middle" valign="top">
--------------------
</td></tr></tbody></table></center>

Para que la imagen de la ficha se vea completa debemos ajustar varias partes del código, estas partes son las siguientes:

background="xxxxxxxx"-Esta es la imagen de fondo que tendrá la ficha, debemos cambiar las xxx por el URL o el link directo de la imagen de la ficha.
WIDTH: 500px-Este es el ancho de la imagen de la ficha, debemos cambiar el 500 por el ancho en pixeles de la imagen.
HEIGHT: 550px-Este es el alto de la imagen de la ficha, debemos cambiar el 550 por el alto en pixeles de la imagen.

Ahora lo siguiente, es muy importante saber en donde tenemos que escribir para que las palabras se vean en la ficha, esta zona es la que indique con ------, allí tenemos que poner también los códigos de los scrollbox.

-Código para los scrollbox:

Este código lo utilizaremos para poder colocar los scrollbox en una ficha, pero primero ¿Qué es un scrollbox? Es un cuadro que se puede poner en la ficha para escribir texto y al que le aparece una barrita a la derecha (igual a la que tiene la pantalla del internet al costado) cuando la cantidad de texto es más grande que a longitud del scrollbox, o para más fácil, es esto:

1..aaaaa..
..bbbb bla..
..cccc..
..dddd..
1..aaaa..
..bbbb bla..
..cccc..
..dddd..
1..aaaaa..
..bbbb bla..
..cccc..
..dddd..












Y el código es el siguiente:

Código:
<div style="float: left; overflow: auto; width: 239px; height: 185px; margin-left: 0px;">1..aaaaa..<br>..bbbb bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb bla..<br>..cccc..<br>..dddd..<br></div>

Para poder ajustar el tamaño y la posición del scrollbox tenemos que cambiar los siguientes valores del código:

width: 239px-Este es el ancho del scrollbox, cambiamos el 239 por el ancho en pixeles que queramos que tenga.
height: 185px-Este es el alto del scrollbox, cambiamos el 185 por el alto en pixeles que queramos que tenga.
margin-left: 0px-Esta medida entre mayor sea, mayor será la cantidad de espacio en que el scrollbox estará hacia la derecha, con este valor se ajusta la ubicación que el scrollbox tendrá horizontalmente.

Para poder escribir en un scrollbox desde el modo HTML debemos conocer el lugar correcto para hacerlo, dicho lugar es el que está entre: margin-left: 0px;"> y /div (con los <> a cada lado). En ese espacio podemos escribir normalmente.

-El otro código que utilizaremos será este:
Código:
<br>
Este pequeño código significa un enter en el modo HTML, es pequeño pero nos puede ser muy útil.

-También utilizaremos estos otros códigos para cambiar el color y el tipo de letra de los scrollbox:

Código:
<font face="Times New Romance"><font color="black"> ------ </font></font>

Estos códigos los utilizaremos para que al final los scrollbox no se salgan de su lugar al guardar la ficha.

2º Paso: Aplicar el fondo de la ficha

Primero debemos de irnos a nuestra ficha en Caballow, luego le damos al primer botón que está arriba de la presentación llamado "Cambiar". Una vez hecho esto nos aparecerá la pantalla para modificar la ficha, damos al botón verde que está a la derecha y dice "Modo HTML". Cuando estemos en ese modo borramos absolutamente todo lo que tenga escrito y pegamos el código para poner el fondo, cuando lo tengamos colocado pegamos el URL o link directo de la ficha en su respectivo lugar y cambiamos las medidas de ancho y alto del código.

Cuando hayamos hecho eso nos vamos de nuevo al modo normal dando clic en el botón verde que está colocado arriba del cuadro de escritura que dice "Modo normal", en ese modo nos aseguramos que la imagen del fondo se vea bien y nos vamos nuevamente al modo HTML.


3º Paso: Colocar los scrollbox

En el modo HTML tenemos que colocar en el código del fondo (en el espacio que indiqué al principio con -----) el código
Código:
<br>

Luego de haber hecho eso nos vamos al modo normal y damos clic sobre la imagen de la ficha, cuando hallamos hecho eso nos aparecerá el puntero, entonces damos enters con el teclado hasta que el puntero quede justo arriba de donde debe ir el scrollbox. Sin dar más enters nos vamos al modo HTML y pegamos el código de los scrollbox justo después del último br (no puse los <> pero los debe llevar).

Una vez hecho esto nos vamos al modo normal y nos fijamos que el scrollbox esté bien colocado de manera vertical (por el momento no nos fijaremos en la posición que tenga horizontalmente), si está mal colocado damos o quitamos enters hasta que la parte superior quede bien colocada (tampoco nos fijaremos por ahora de la parte inferior), luego de nuevo en el modo HTML podemos empezar a cambiar los valores de ancho y alto del código del scrollbox, también los valores que hacen que el scrollbox se mueva hacia la derecha, nos podemos fijar cada vez que tengamos necesidad en el modo normal para ver como está quedando el scrollbox.

Spoiler:
 

Luego de modificar bien las medidas del scrollbox ponemos un br (con <>) al final del código del scrollbox, o sea, después del /div (con <>) y nos vamos al modo normal, damos clic abajo del scrollbox para que aparezca el puntero y hacemos enters con el teclado hasta que el puntero quede arriba del siguiente scrollbox y hacemos el mismo procedimiento ya explicado. Hacemos esto hasta tener bien colocados todos los scrollbox.

4º Paso: Otras cosas

Al final, normalmente la guardar la presentación los scrollbox se mueven de su lugar, yo lo que hago para evitar esto es poner un código que cambie el color y el tipo de letra del texto (el código es uno de los que puse en el primer paso).

Primero colocamos el siguiente código al principio de todos los códigos br y de scrollbox (después de valign="top">):
Código:
<font face="Times New Romance"><font color="black">

Y al final de todos los códigos br y de scrollbox ponemos los /font (con <>) y con eso ya no se nos desacomodan los scrollbox.

Luego de todo eso ya tendríamos el código listo y solo nos faltaría rellenar la información, yo lo que les recomiendo es hacerlo desde el modo HTML para que no se desacomoden los scrollbox al guardar la ficha.



Y eso es todo, espero que les haya revido, cualquier duda la pueden postear aquí y yo con gusto se las responderé.


Última edición por mcviales el Dom Sep 25, 2011 6:27 am, editado 1 vez
Volver arriba Ir abajo
http://mcviales.deviantart.com
amaica2
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 22
Apodo Caballow : amaica
Fecha de inscripción : 09/02/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Lun Jul 25, 2011 4:23 pm

Me encanta mcviales! Está del 10! Gracias a tí aprendí perfectamente Smile. Aunque una pregunta, si quisiese cambiar la fuente de texto, por ejemplo,
Century Gothic, ¿como podría centrar de nuevo los scrolles?
¡Muchas gracias!
Volver arriba Ir abajo
mcviales
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 294
Apodo Caballow : mcviales (nueva cuenta)
Fecha de inscripción : 08/01/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Lun Jul 25, 2011 5:02 pm

Gracias y que bueno que te haya servido n.n Los scrollbox se cambian de lugar si la letra es más grande o pequeña de la fuente Times New Romance, si le pones la fuente Century Gothic los scrollbox cambiarán de lugar ya que la letra es más grande, lo único que tienes que hacer en ese caso es reacomodarlos, puedes ponerle primero el tipo de letra antes de poner los scrollbox para que al final no te tengas que preocupar por que se desacomoden.
Volver arriba Ir abajo
http://mcviales.deviantart.com
amaica2
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 22
Apodo Caballow : amaica
Fecha de inscripción : 09/02/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Lun Jul 25, 2011 5:26 pm

Que facil entonces, no? Muchas gracias Mcviales!
Volver arriba Ir abajo
mcviales
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 294
Apodo Caballow : mcviales (nueva cuenta)
Fecha de inscripción : 08/01/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Lun Jul 25, 2011 7:45 pm

De nada, es un placer ayudar n.n
Volver arriba Ir abajo
http://mcviales.deviantart.com
amaica2
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 22
Apodo Caballow : amaica
Fecha de inscripción : 09/02/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Jue Jul 28, 2011 11:59 am

Hola! Otra preguntita mac! Mira, si por ejemplo tenemos un scroll que se queda mas alto del cuadro donde tubiese que estar y no se encuadra bien donde nosotros queremos, como hacemos para que se baje un poco?
Por que mi caso esque se me queda un poco más para arriba, pero si lo hago más pequeño, no se me baja de arriba, si no de abajo...
Y si le doy a enter se me queda de arriba muy para abajo...

Gracias!
Volver arriba Ir abajo
mcviales
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 294
Apodo Caballow : mcviales (nueva cuenta)
Fecha de inscripción : 08/01/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Sáb Jul 30, 2011 8:30 pm

En esos casos lo que tienes que hacer es bajar el scrollbox sin importar que quede más bajo de lo que debería y ajustar la parte de abajo para que no se salga, por que no hay manera de correr el scrollbox menos de un reglón o al menos yo no conozco una.
Volver arriba Ir abajo
http://mcviales.deviantart.com
amaica2
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 22
Apodo Caballow : amaica
Fecha de inscripción : 09/02/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Sáb Jul 30, 2011 10:45 pm

Gracias!
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Sáb Sep 03, 2011 5:16 pm

Se me hace imposible el scroll, se me queda justo en la parte de arriba del todo y no hay manera de bajarlo -.-

Esta es Mi ficha

Siempre se me queda arriba

________________________________________________________________
Volver arriba Ir abajo
Pardala
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 3
Apodo Caballow : Pardala
Fecha de inscripción : 11/10/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Oct 14, 2011 4:35 pm

gracias!
esta pagina es de mucha ayuda Very Happy
Volver arriba Ir abajo
http://artcaballow.jimdo.com
MissMelita
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : MissMelita Tmbn Smile
Fecha de inscripción : 23/07/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Dic 02, 2011 6:37 pm

Hola,a mi no me ha quedado claro lo de los scrollbox,me lo explicas,¿por favor?
Volver arriba Ir abajo
nicky_22
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : nicky_22
Fecha de inscripción : 21/12/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Miér Dic 21, 2011 8:36 pm

Hola, nesecito ayuda.. yo quiero poner el scrollboxe en el medio de la ficha pero no me sale, probe con todos los codigo.. me podrias decir el codigo para que este en el medio porfa!!

Gracias
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Jue Dic 22, 2011 12:07 am

Creo que seria este:

Código:
<div style="float: middle; overflow: auto; width: 239px; height: 185px;
 margin-middle: 0px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
 
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
 bla..<br>..cccc..<br>..dddd..<br></div>


O bien poniendo más margen hacia la izquierda:

Código:
<div style="float: left; overflow: auto; width: 239px; height: 185px;
 margin-left: 250px;">1..aaaaa..<br>..bbbb
bla..<br>..cccc..<br>..dddd..<br>1..aaaa..<br>..bbbb
 
bla..<br>..cccc..<br>..dddd..<br>1..aaaaa..<br>..bbbb
 bla..<br>..cccc..<br>..dddd..<br></div>

________________________________________________________________
Volver arriba Ir abajo
Denya
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 3
Apodo Caballow : Denya
Fecha de inscripción : 03/01/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Mar Ene 03, 2012 8:29 pm

Sinceramente me ha ayudado mucho, pero tengo un problema:
Cuando estaba añadiéndole el código HTM a una presentación para mi hermana, puse los scrollbox bien, en su sitio y le agregué el código del tipo de letra y el color, pero cuando la guardé y la vi, las letras no estaban en su sitio, pero los scrollbox si, ¿me pueden ayudar?

Gracias
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Mar Ene 03, 2012 11:30 pm

Las letras?
Mmmm o has escrito fuera del scroll, o a lo mejor has ampliado mucho la letra. Por lo general, el tamaño normal es 3.

Si eso saca una screen para poder verlo

________________________________________________________________
Volver arriba Ir abajo
el chillanejo
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 6
Apodo Caballow : el chillanejo
Fecha de inscripción : 16/01/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Lun Ene 16, 2012 10:13 pm

Hola, mcviales, tengo un problema con los SCROLLBOX, bueno mi problema se refiere a la escritura de los scroll! Mad Mad, bueno ajuste los scroll en su lugar, pero al momento de escribir en ellos la escritura se me sale de el scroll se me desparrama a otros lados de la ficha osea pasa de largo, si le pongo ALINEAR A LA IZQUIERDA ufff se me va mucho al lado izquierdo si le pongo centrar se me pone bien pero ahí se me desparrama...en resumen el scroll tiene algo raro pero no se la cosa que se sale la escritura fuera del cuadrito scroll....a que se debe?


Si no entiendes contactame por el Mp, de CABALLOW aqui nahh lol! lol! lol! lol! lol!
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Mar Ene 17, 2012 12:40 am

Yo sacaria unas screen de ese expediente X que tienes con los scroll para que te podamos echar una mano algunos de los que nos salen jaja

________________________________________________________________
Volver arriba Ir abajo
el chillanejo
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 6
Apodo Caballow : el chillanejo
Fecha de inscripción : 16/01/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Mar Ene 17, 2012 5:34 am

¿eh? no entendí tu ayuda Alywe
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Miér Ene 18, 2012 2:04 am

Si puedes sacar imagenes (con Impr Pantalla) para que podamos ver mejor lo que le pasa y asi darte una respuesta

________________________________________________________________
Volver arriba Ir abajo
el chillanejo
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 6
Apodo Caballow : el chillanejo
Fecha de inscripción : 16/01/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Miér Ene 25, 2012 1:28 am

Ah Ok, perdón por el restraso, lo mando por aquí? o por mensaje, o por mensaje en caballow Razz
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Miér Ene 25, 2012 1:50 am

No pasa nada jaja
Por aqui y así lo podemos ver todos para decirte algo de ayuda Smile

________________________________________________________________
Volver arriba Ir abajo
Denya
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 3
Apodo Caballow : Denya
Fecha de inscripción : 03/01/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Dom Ene 29, 2012 7:04 pm

Ya solucioné el problema. De todas formas, muchas gracias Very Happy
Volver arriba Ir abajo
Kairi_Hitsugaya
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 2
Apodo Caballow : Kairi_Hitsugaya
Fecha de inscripción : 01/02/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Feb 03, 2012 1:57 am

Yo tengo una pregunta...
Cuando pongo la altura y Ancho dem i ficha en los numerops que dijiste... mi ficha aparece hasta 3 veces a lo ancho y 2 a lo largo...

¿que puedo estar haciendo mal? D=


Gracias por la ayuda
Volver arriba Ir abajo
Alywe
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 181
Apodo Caballow : Alywe
Fecha de inscripción : 01/09/2011

MensajeTema: Re: Como generar el código HTML de una ficha   Miér Feb 08, 2012 5:42 pm

Puede que si es muy grande al subirla al host no hayas quitado la opcion de "No cambiar tamaño"

________________________________________________________________
Volver arriba Ir abajo
el chillanejo
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 6
Apodo Caballow : el chillanejo
Fecha de inscripción : 16/01/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Sáb Feb 25, 2012 5:28 am

Aqui esta ayudenme por favor se sale de sus casillas:



Ayuuda!
Volver arriba Ir abajo
Contenido patrocinado




MensajeTema: Re: Como generar el código HTML de una ficha   

Volver arriba Ir abajo
 

Como generar el código HTML de una ficha

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 2.Ir a la página : 1, 2  Siguiente

Permisos de este foro:No puedes responder a temas en este foro.
Caballow-Sos :: Entorno CaballoW :: SOS Fichas :: Tutoriales-
Cambiar a: