Pack de personalización para tu página Jimdo

 

¡Que tal!, en ésta oportunidad traemos un pack de personalización, para sus páginas webs Jimdo. Consiste en herramientas con CSS y Javascript, que mejorarán el aspecto de la web, entre otras cosas. 

Que esperas? ve a activarlas en tu página.


Herramienta N°1

Cambiar texto Iniciar Sesión


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">
//<![CDATA[
var a = jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("#login").text("Entrar a CirtDesign");
});
//]]>
</script>

Información

Donde dice Entrar a CirtDesign, lo tienes que borrar y tienes que escribir lo que quieras que diga en tu página web. Pero debes de escribir dentro de los comillas ("") por que sino, no servirá el código.

Herramienta N°2

Cambiar color de la selección de texto


<style>
::selection { background-color: COLOR}
::-moz-selection { background-color: COLOR}
</style>

Información

Donde dice COLOR en mayúscula y en gris es donde tienes que pagar tu color.

Herramienta N°3

Agregar hover con color a los enlaces (al pasar el cursor)


<style>
a:hover {
background-color: COLOR;
}
</style>

Información

Donde dice COLOR en mayúscula y en gris es donde tienes que pagar tu color.

Herramienta N°4

Cambiar el estilo del botón predeterminado


<style>
input[type=submit], button {
background-color: COLOR; /* Color de fondo */
border:1px solid COLOR; /* Color del borde del botón */
cursor: pointer; /* Para que al pasar el cursor se transforme en una mano */
color: COLOR; /*Color del texto */
font-family: Arial, sans-serif: /* Estilo de la fuente/letra del texto */
border-radius: 3px; /* Bordes redondiados */
box-shadow: 2px 3px 8px COLOR inset; /* Sombra interior del boton */
padding: 4px; /* Para centrar */
}
</style>

Información

Donde dice COLOR en mayúscula y en gris es donde tienes que pagar tu color.

Herramienta N°5

Cambiar la barra deslizante de la derecha


<style>
::-webkit-scrollbar { /* Fondo de la barra */
background-color: COLOR; /*Agregarle color*/
width: 16px; /*modificar el ancho del fondo*/
background-image: url(AQUI URL DE LA IMAGEN) repeat; /*Para agregar imagen de fondo a la barra, SI NO LA QUIERES CON IMAGEN BORRA LA ETIQUETA;
}

::-webkit-scrollbar-thumb { /* Fondo de la barra mas pequeña (deslizante)*/
background-color: COLOR /*Agregarle color*/
border-radius: 3px; /*Agregar bordes redondeados*/
background-image: url(AQUI URL DE LA IMAGEN) repeat; /*Para agregar imagen de fondo a la barra, SI NO LA QUIERES CON IMAGEN BORRA LA ETIQUETA;
}
</style>

Información

Donde dice COLOR en mayúscula y en gris es donde tienes que pagar tu color.

Escribir comentario

Comentarios: 19