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 : Precedente  1, 2
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

Recuerdo del primer mensaje :

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

AutorMensaje
leleleire
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 1
Apodo Caballow : leleleire
Fecha de inscripción : 28/02/2012

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

maravilloso me ha servido mucho de 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 29, 2012 6:26 pm

el chillanejo escribió:
Aqui esta ayudenme por favor se sale de sus casillas:



Ayuuda!

A ver... yo pondria ahi margin de 50 a 100 px y luego de ancho le quitaria.. no se cuanto tienes puesto pero le pondria menos

________________________________________________________________
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 Mar 27, 2012 12:55 am

Es doble scroll box....se corre uno se corre otro un LÍO
Volver arriba Ir abajo
Gilisa13
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : Gilisa
Fecha de inscripción : 06/05/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Mayo 11, 2012 10:51 pm

hola bueno queria hacer una pregunta, si quiero poner el scroll mas abajo como le hago?
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   Lun Mayo 14, 2012 11:14 am

el chillanejo escribió:
Es doble scroll box....se corre uno se corre otro un LÍO

Creo que eso es por el ancho que le has puesto a los scrolls. Si la ficha tiene por ejemplo un ancho de 800px:

Margin+ancho de scroll= nunca superior a 800

Por que se te acabara bajando uno de ellos o moviendo

Citación :
hola bueno queria hacer una pregunta, si quiero poner el scroll mas abajo como le hago?

Añades mas
Código:
<br>
encima de ese codigo de scroll

________________________________________________________________
Volver arriba Ir abajo
escarlata4000
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 3
Apodo Caballow : escarlata4000
Fecha de inscripción : 27/06/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Jue Jun 28, 2012 6:20 pm

una pregunta, en las fichas siempre ponen: novedades! y un scrollbox debajo, por ejemplo. ¿como puedo poner esa palabra encima de un scrollbox?

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 Jun 28, 2012 6:48 pm

Yo esas las pongo en la misma imagen.
Me refiero a que las escribo en la imagen de Photoshop

________________________________________________________________
Volver arriba Ir abajo
escarlata4000
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 3
Apodo Caballow : escarlata4000
Fecha de inscripción : 27/06/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Jue Jun 28, 2012 7:33 pm

si pero si no tienes photoshop?
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 Jun 28, 2012 7:42 pm

Puedes pedir que te hagan una ficha de todas formas en el foro de mi CE he dejado el link por si lo quieres tener, es portable no hace falta instalacion y ademas no tiene virus ni nada, esta sacado del foro de la PN

________________________________________________________________
Volver arriba Ir abajo
escarlata4000
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 3
Apodo Caballow : escarlata4000
Fecha de inscripción : 27/06/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Jue Jun 28, 2012 7:43 pm

muchas gracias Alywe cyclops
Volver arriba Ir abajo
Nala_coff
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : º.&#1085;&#1108;&#1103;&#1084;&#953;&#963;&#1080;&#1108; g&#1103;&#945;ng&#1108;&#1103;.º

Fecha de inscripción : 23/07/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Lun Jul 23, 2012 3:20 pm

Me sirbio mucho el tuto para los scrollbox por fin pude ponerlos en mi ficha aun que es muy lioso Wink
Volver arriba Ir abajo
Princesspink02
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 6
Apodo Caballow : Princesspink02
Fecha de inscripción : 30/09/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Miér Oct 03, 2012 12:02 am

No lo entiendo es muy raro lo he intentado pero nada Sad
Volver arriba Ir abajo
http://Caballow.com
pulseres
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 2
Apodo Caballow : &#961;&#965;&#8467;s&#1108;&#1103;&#1108;s &#957;&#1108;&#1103;&#1084;&#1108;&#8467;&#8467;&#1108;s
Fecha de inscripción : 01/11/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Sáb Nov 03, 2012 12:34 am

Es genial este tutorial te lo agradezco; ahora mismo te envio una solicitud en caballow.

Edit Morera: Por favor,buena escritura =).. Gracias^^!
Volver arriba Ir abajo
marytecita
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : marytecita
Fecha de inscripción : 08/11/2012

MensajeTema: ayuda por favor   Jue Nov 08, 2012 8:22 pm

Hola, un amigo me dio su ficha de libre uso, pero no me gusta entonces
trate de hacer una ficha de lo mas sencilla para poder arreglar mi ficha y que no estuviera tan fea, por que me presente y baje unas imagenes de internet, las guarde en mi lap y las pegue en la ficha,, segun yo ya estaba todo listo cuando lo guardo, me dice:

No puedes continuar...

La presentación que has escrito no puede publicarse por una de las razones siguientes:

  • las etiquetas HTML son incorrectas
  • contiene etiquetas HTML que no están autorizadas

Si se produce este error es debido a que has querido editar tu ficha en
modo HTML. ¡Presta atención a la hora de introducir correctamente el
texto!
como le hago para poder hacerla, ayudenme??
Volver arriba Ir abajo
Morera
Admin
Admin
avatar

Cantidad de envíos : 78
Apodo Caballow : Tambary
Fecha de inscripción : 03/04/2012

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Nov 09, 2012 12:33 am

Porqué hay códigos que no estan permitidos...

Suerte^^!
Volver arriba Ir abajo
Xonica
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : Xonica
Fecha de inscripción : 10/11/2013

MensajeTema: Re: Como generar el código HTML de una ficha   Dom Nov 10, 2013 11:03 pm

Hola quiero poner dos codigos a la misma altura como los puedo poner
Volver arriba Ir abajo
Brend11
Potrillo Ingenuo
Potrillo Ingenuo


Cantidad de envíos : 1
Apodo Caballow : Brend11
Fecha de inscripción : 11/04/2014

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Abr 11, 2014 6:24 pm

NO PUEDOO los scrollbox no se ponen en su sitio y cuando le doy al enter se me mueven todos los wue habia puesto a la vez y se estropea .Tmbien me pasa que al darle a quitar enters se me baja en vez de subir y se hace la ficha mas grande de lo que yo quiero y no lo puedo poner bien. Crying or Very sad 
Volver arriba Ir abajo
Xililuchi
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 7
Apodo Caballow : Xililuchi (Me hice otra por que me la robaron)
Fecha de inscripción : 23/12/2014

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Dic 26, 2014 12:11 am

¡Me ayuda mucho! ¡¡¡No tengo ese tipo de scroll y no lo encontraba mas!!!! I love you No cheers affraid Basketball cat cyclops Shocked Laughing
Volver arriba Ir abajo
Xililuchi
Potrillo Ingenuo
Potrillo Ingenuo
avatar

Cantidad de envíos : 7
Apodo Caballow : Xililuchi (Me hice otra por que me la robaron)
Fecha de inscripción : 23/12/2014

MensajeTema: Re: Como generar el código HTML de una ficha   Vie Dic 26, 2014 1:30 am

Dudaaaaaaaaaa: Como haces para bajar????
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 2 de 2.Ir a la página : Precedente  1, 2

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