xhtml, css, javascript - planilla para jimdo


¡Plantillas y encabezamientos nuevos!
¡Desde hoy tenemos dos plantillas de diseño nuevas y muchas más fotos para el encabezamiento de sus páginas Jimdo!
Aquí pueden ver las dos plantillas - las cuales también pueden encontrar en su página Jimdo bajo "Diseño":
Las fotos nuevas para el encabezamiento las hemos encontrado en smashingmagazine.com - en total son 45 imágenes las cuales han sido creadas por los lectores de smashingmagazine.com para otros lectores, propietarios de páginas web y blogs. Las imágenes son gratuitas y cualquiera las puede descargar. Para ensayar alguna de estas imágenes sólo es necesario hacer clic en la parte del encabezamiento y seleccionar "Galería de fotos". ¡Qué se diviertan mucho! ;-)

Aquí encuentran un par de ejemplos:

Jimdo estrena nuevo sitio de administración

¡Jimdo estrena nuevo sitio de administración!
Todos los usuarios de Jimdo lo han visto: se trata de la barra lateral derecha que aparece al iniciar sesión en una página de Jimdo. Desde ahí se pueden ajustar las plantillas, colores y tipos de letra, la herramienta de amigos y configurar otras opciones. En conclusión: ¡la barra de la administración es la base para toda tu página!

¡Por esta razón hemos renovado el sitio de administración! De esta forma podrás administrar tu página un poco más rápido y de forma segura - ¡además ya no te perderás en el laberinto de opciones que había antes porque ahora todo se ve mucho más claro!

Resumen de los mayores cambios

Lo primero que llama la atención es que el diseño es completamente nuevo. En la estructura también se encuentran algunas novedades - pero no le tengas miedo a los cambios porque ahora todo es tan sencillo y lógico que seguramente ni te vas a acordar de cómo era antes :)

Además del diseño de la barra de la administración, hemos hecho las ventanas de tal manera que las podrás agrandar y achicar dependiendo de tu pantalla, necesidades y qué tanto quieras ver. También podrás abrir o cerrar toda la barra.

1. “Ajustes” + “Cuenta Jimdo” = dos en uno

Para hacerte la vida un poco más sencilla, ya no existe la herramienta "Cuenta Jimdo", aunque todas las opciones que antes encontrabas allí, ahora se encuentran bajo "ajustes". Aquí podrás administrar tus cuentas de correo y dominios, configurar el blog y mucho más...

Otro cambio importante: para ordenar JimdoPro solo es necesario hacer clic en "Versión Pro", el cual es ahora un botón individual.

2. Diseño y estilo

Antes solo se podía cambiar el tipo de letra de la página bajo "estilo". Ahora es así: bajo esta herramienta también podrás cambiar la imagen de fondo, el estampado y los colores.

Además, ahora hay un botón llamado "plantillas" exclusivamente para las plantillas :) ¡Ahí podrás seguir eligiendo entre plantillas generales, plantillas especiales o integrar tu propia plantilla si eres un experto en HTML/CSS!

¡Como siempre, nos alegraría mucho saber tu opinión sobre todos estos cambios! ¿Te gusta el nuevo sitio de administración? ¿Se ve todo un poco más claro y lógico? ¿O tienes alguna pregunta, comentario o sugerencia? ¡Déjanos tus comentarios aquí mismo en este blog o escríbenos a support@jimdo.com!

El equipo de Jimdo

FUENTE: JIMDO.ES

pagina web gratis (Cambiar fondo de Jimdo)

Cambiar fondo con Jimdo free

cambiar el fondo de  jimdo
<style type="text/css">
/*<![CDATA[*/
<!--

.body {background-image: url('http://.......jpg); }

-->
/*]]>*/
</style>
 
esta demasiado simple, para que no le entiendan. si no le entienden me avisan.
 


 

Ir a un lugar determinado ó la misma




Ir a un lugar dentro de la misma página:
Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="#posicion1">Ir a la posicion1</a>
 
 
Ir a un lugar determinado de otra página:
Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="otra_pagina.htm#posicion1">Ir a la posicion1 de otra_pagina</a>

crear una pagina web gratis

 

PaginaWebGratis.es – Ha 3 minutos de tu propia Web

pwgratis.jpg

PaginaWebGratis.es es un nuevo servicio online, que seguramente será muy practico para aquellos que deseen montar sus Web, pero carezcan de conocimientos y dinero. La interfaz la encontraran completamente en español, y administrarla es realmente muy sencillo. Los resultados evidentemente no serán muy profesionales, pero a falta de recursos, es una buena opción a tener en cuenta.Caracteristicas
  • El servicio es gratuito!
  • Eluso es realmente fácil – no es necesario tener conocimientos previos en programación!
  • Posee diversos diseños que podremos elegir
  • Recibirás un nombre de dominio con la siguiente extensión “minombre.de.tl”
  • Ademas contaras con: Libro de visitas, contador de visitas, función de encuestas y mucho más – todo gratis!




EL TUTORIAL ESTA AQUÍ: PARA LOS PRINCIPIANTES EN ESTO DE CRACION DE PAGINAS WEB: HAZ CLIC AQUÍ  PAGINA WEB GRATIS

Botón animado

 
Botón animado:
Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Pauluk Computación"
urlArr[1] = "http://html-javascript-css-php.jimdo.com"
lineArr[2] = "Trucos PC"
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm"
lineArr[3] = "Noticias Tecnológicas y Actualidad"
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>

Detectar el navegador - HTML



 
Detectar el navegador:
Esto sirve para comprobar el navegador que se está usando, por si queremos crear una página para Netscape y otra para Internet Explorer:

<script language="JavaScript">
<!--
function esIE30(){
var browserType=navigator.userAgent;
if (browserType.indexOf("MSIE")==-1)
return false;
else
return true;
}

<!-- Cargar la página según el explorador -->
function cargar(){
if (esIE30())
window.location.href="indice_ie.htm";
else
window.location.href="indice_netscape.htm";
}
//-->
</script>
 

                    

Abrir un link de una imagen en una ventana nueva





Abrir un link de una imagen en una ventana nueva:

Con este código podemos insertar una imagen (ej. banner) y que al hacer clic sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo.

<a href="http://html-javascript-css-php.jimdo.com" target="_blank"><img src="imagen.gif" border=0></a>



                  

Hora y texto en la barra de estado

Hora y texto en la barra de estado:
Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.
<script language="JavaScript">
<!--
mensaje=" |======| html-javascript-css-php.jimdo.com "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>

barra con mas colores (HTML GRATIS)



A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.
<style>
<!--
body { scrollbar-face-color: darkgreen ;
scrollbar-shadow-color: yellow;
scrollbar-highlight-color: violet;
scrollbar-3dlight-color: navy;
scrollbar-darkshadow-color: magenta;
scrollbar-track-color: blue;
scrollbar-arrow-color: black }
-->
</style>