¿Necesitas ayuda?

Inicio

Aquí puedes insertar fácilmente tu propia plantilla en tu página Jimdo y así cambiar el aspecto de tu página como quieras.

Funciona así de fácil:

  1. Copia el código HTML e insértalo otra vez aquí bajo la pestaña "HTML".
  2. Haz clic en "xhtml" - el sistema cortará automáticamente el código relevante (Jimdo sólo necesita la sección del body. La sección del head la puedes editar más tarde en "Ajustes">"Editar head")
  3. copia tu CSS y pégalo otra vez bajo la etiqueta "CSS".
  4. Sube las imágenes que necesites para la plantilla en la pestaña "Archivos".
  5. guardar - ¡listo!

¡Observa nuestro Video de demostraciónhttps://www.youtube.com/watch?feature=player_embedded&v=SDMvw6fNDR4

Variables de de la plantilla

Sección de plantillas

Cada plantilla está conformada de diferentes secciones. En la sección de Plantillas, las siguientes secciones son obligatorias "Contenido", "Navegación", "Barra Lateral" y "Pie de Página". Estas secciones deben estar incluidas en tu diseño y también deben corresponder a nuestras especificaciones. De otra forma, el sistema no reconocerá tu plantilla. Por eso debes sustituir tus secciones por las secciones de Jimdo.


<var>content</var>

<var>sidebar</var>

<var>navigation[1|2|3]</var>

<var>footer</var>

Sección de contenido

Esta es la sección principal del contenido de tu página. Simplemente sustituye tu sección de contenido por la siguiente: content


<var>content</var>


Sugerencia: tu puedes marcar tu sección y hacer clic en "content" arriba en la lista, de esta forma tu sección será sustituida automáticamente por la de Jimdo.

Sección Barra Lateral

Esta es la segunda sección de contenido que normalmente integramos en la barra lateral. En esta sección también se encuentra el recuadro de Jimdo (Logo con menú desplegable). La barra lateral es igual en cada subpágina.


<var>sidebar</var>


Sugerencia: tu puedes marcar tu sección y hacer clic en "sidebar" arriba en la lista, de esta forma tu sección será sustituida automáticamente por la de Jimdo.

Sección de Navegación

En esta sección se inserta la Navegación-Jimdo. Aquí puedes insertar nuevas páginas, eliminarlas, renombrarlas, ajustarlas, etc.


<var>navigation[1|2|3]</var>

La Navegación producida por Jimdo se verá así en HTML:


            
<ul id="mainNav1">
  <li><a href="/">Page 1</a></li>
  <li><a href="/page-2/">Page 2</a></li>
  <li><a href="/page-3/" class="current">Page 3</a></li>
  <li>
  <ul id="mainNav2">
    <li><a href="/page-3/subpage-1/">Subpage 1</a></li>
    <li><a href="/page-3/subpage-2/">Subpage 2</a></li>
  </ul>
  </li>
  <li><a href="/page-4/">Page 4</a></li>
  <li><a href="/page-5/">Page 5</a></li>
</ul>
            



Sugerencia: tu puedes marcar tu sección y hacer clic en "navigation" arriba en la lista, de esta forma tu sección será sustituida automáticamente por la de Jimdo.

Sección Pie de Página

Esta es la sección de Pie de Página Jimdo en la que por ejemplo aparece el enlace para iniciar sesión.


<var>footer</var>


Sugerencia: tu puedes marcar tu sección y hacer clic en "footer" arriba en la lista, de esta forma tu sección será sustituida automáticamente por la de Jimdo.


CSS

Página principal CSS

En la sección del CSS puedes copiar tu propio CSS. En las siguientes subcategorias encuentras algunos ejemplos y sugerencias para cada uno de los elementos CSS.

Navegación

Aquí hay un ejemplo del formato CSS para tu Navegación:


ul#mainNav1,
ul#mainNav2
{
    margin:0;
    padding: 0;
}


ul#mainNav1 li,
ul#mainNav2 li
{
    display: inline;
    margin: 0;  
    padding: 0;
}


ul#mainNav1 li a,
ul#mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul#mainNav1 li a { padding:4px 4px 4px 4px; }
ul#mainNav2 li a { padding:4px 4px 4px 14px; }


ul#mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul#mainNav1 a.current { font-weight:bold; }
            

Imágenes de fondo

Así debe ser el camino en tu formato CSS para las imágenes de fondo:


background-image: url(test.gif);


Sugerencia: Puedes integrar fotos que ya estén cargadas en tu página haciendo clic en el ícono de la esquina izquierda superior.

Archivos

Archivos de la página principal

Las imágenes que subes en el "Archivo" deben tener formato *.gif,*.png o *.jpg


Las imágenes deben tener el siguiente camino en el código HTML:


<img src="test.gif"  />


Aquí también puedes cargar tu propio Javascript (*.js) - se cargará automáticamente en la sección del head. También puedes editar la sección del head bajo "Ajustes">"Editar head".