Como crear cuadros con escroll para ahorrar espacio, ya se que lo repeti muchas veces pero para esos son que no, asi podran meter historias o choros mareadores que sean muy largos y no les haga una entrada muy larga que afecte el diseño de su blog.
Aqui les explicare como hacer que no se vea tan simple su escroll.
La entrada con los links a los scrips: <<Trucos Spaces >> |
Primero desde el espace entren a "Crea cuadro con escroll", de la pagina principal de crear cuadro con escroll denle click en donde dice "A crear el codigo".
En la siguiente pagina estan todas las propiedades a modificar del cuadro con escroll, del lado Izquierdo esta el formulario para cambiar los valores y del lado derecho hay una pequeña ayuda.
Primero estan los colores que por defaul puse a todos negro, despues viene el estilo de linea por default esta como linea solida, despues esta el ancho de linea por default trae un ancho de 3, despues trae el ancho y alto del cuadro por default tiene de ancho un 40% si le ponen 100% ocupara todo el ancho de la entrada, recomiendo que el ancho lo dejen en % asi guardara una proporcion ya sea que lo vean desde la entrada principal o desde la seccion de Blog, por que si lo ponen en Px (pixeles) siempre tendra el mismo ancho y puede que se vea bien en la entrada principal pero en la seccion Blog las entradas son mas anchas y tu cuadro se kedara pekeñito, el alto lo dejo en Px por que si no le calculas bien se agarra mucho espacio.
Ahora si biene lo interesante y lo ke explikare mas a detalle "El contenido del cuadro", lo de arriba como es mas intuitivo y de opciones pues no tenia caso meterme mas afondo.
Como el cuadro esta hecho para codigo HTML al poner texto plano (osea normal comun y corriente sin formato) se ve muy feo o sin chiste y los enters (osease salto de linea) se los come, esto es por ke en HTML el salto de linea se representa poniendo <BR>.
Ejemplo:
| Texto en el cuadro con enter |
Salida |
Hola
Este es un ejemplo con enter. |
|
Hola Este es un ejemplo con enter. |
| Texto en el cuadro con <BR> |
Salida |
Hola <BR>
Este es un ejemplo con BR en lugar de enter. |
|
Hola
Este es un ejemplo con BR en lugar de enter. |
Bueno eso es si kieres meter el texto asi nada mas pero imaginense ke kieren poner un poema con 100 renglones, a cada renglon tendrian ke ponerle al final un <BR>, tedioso no lo kreen ???.
Bueno para no poner muchos <BR> y hacer que tu texto tenga formato y se vea mejor abran una entrada nueva, en esta entrada vacia escriban y hagan todo el contenido que quieren que vaya dentro de su cuadro con escroll:
Despues denle click donde dice <HTML> y copien el codigo que sale ahi:
Ya que copiaron el codigo, peguenlo en el cuadro del contenido del escroll, claro en la pagina del scrip para crear codigo:
Denle click en el boton que dice [ PRUEBA ] para ke vean el codigo final y un ejemplo de como kedo su cuadro con escroll en una ventana diferente, si les gusta como kedo en el ejemplo copien el codigo final, si no, cierren la ventana hagan modificaciones en la pagina del generador de codigo y denle de nuevo en el boton de prueba y asi hasta que les guste el resultado final:
Copien el codigo y en su espacio creen otra entrada o si aun tienen abierta la ventana donde hicieron el contenido del cuadro, la del paso 1 (primer imagen recuerdan), borren el contenido que quede vacio, denle click en donde dice <HTML> y peguen el codigo de su resultado final:
Ya que pegaron el codigo denle de nuevo en <HTML> para regresar a modo de diseño y aparesera su cuadro con escroll, denle click a su cuadro con escroll y veran como se selecciona y se ponen unos puntitos al rededor de su cuadro, ya que le dieron click copienlo con CONTROL + C
Ahora si por fin, peguen el cuadro con CONTROL + V en la entrada que van a publicar en el lugar que les guste.
Eso es todo, cualkier duda dejen su comentario en mi espacio ok ?? ;)
|
