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:













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é.

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

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.

Que facil entonces, no? Muchas gracias Mcviales!

De nada, es un placer ayudar n.n

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!

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.

Gracias!

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

gracias!
esta pagina es de mucha ayuda

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

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>

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

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

Hola, mcviales, tengo un problema con los SCROLLBOX, bueno mi problema se refiere a la escritura de los scroll! , 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

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

¿eh? no entendí tu ayuda Alywe

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

Ah Ok, perdón por el restraso, lo mando por aquí? o por mensaje, o por mensaje en caballow

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

Ya solucioné el problema. De todas formas, muchas gracias

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

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

Aqui esta ayudenme por favor se sale de sus casillas:



Ayuuda!