Archivos en la categoría CSS

Cambiar el tamaño de un Iframe con Javascript

12 de Noviembre del 2009  1 Comentario

Bueno pues lo dicho, me ha sido necesario el cambiar el tamaño de un Iframe de forma dinámica mediante javascript. He intentado utilizar jQuery y javascript a pelo pero no me ha sido posible por el siguiente motivo.

Vemamos tenemos el siguiente Iframe:

<iframe src="otrapagina.html" id="listado"></iframe>

He intentado acceder de la siguiente manera y NO es posible:

document.getElementById('listado').style.cols = '200px';

Como el iframe es parte del documento “padre” no podemos acceder a él de forma directa. Tendremos que utilizar el siguiente formato:

parent.document.getElementById('listado').style.cols = '200px';

Estilo para 2 clases de la misma etiqueta html

29 de Septiembre del 2009  2 Comentarios

Esto no suele suceder mucho, pero alguna vez nos ha interesado el tener mas de una clase para una misma etiqueta html. Bueno pues muy fácil decirle que si están las 2 darle cierto aspecto.

Yo lo he utilizado en el caso de Drupal.

De esta forma:

.not-logged-in.node-type-recorrido #sidebar-left {
background: transparent url(images/info.png) no-repeat scroll top center;
height:317px;
}

Se pone una clase y pegado la otra que este a la misma altura.

Otro ejemplo quizás mas claro:

p.italic {color: blue;}
p.underline {text-decoration: underline;}
p.large {font-size: 120%;}
p.small {font-size: 70%;}
p.underline.small {font-variant: small-caps;}

Eliminar los bordes de los enlaces con CSS

2 de Septiembre del 2009  Sin Comentarios

Eliminar los bordes de los enlaces con CSS nos facilitar a las cosas. Muchas veces esto (los bordes) hace que se nos muevan los enlaces con que resulta bastante feo, la solución es sencilla.

a:focus{ outline:none; }

Crear corner redondos en firefox e IE7 con jQuery e Imagen de fondo

28 de Julio del 2009  4 Comentarios

Bueno aquí dejo las fuentes para poder crear los bordes curvos y se visualicen correctamente, he utilizado varios plugin sobre jQuery.

El problema que tenia es que utilizaba una imagen de fondo, de no haber sido así habría resultado muchos mas sencillo, pero como siempre, me gusta hacer lo que quiero aunque cueste. Espero que así a otros muchos le resulte mucho mas facil.

En html escribimos las capas y en nuestros css añadimos las capas que sean necesarias. Y en el script ejecutamos según el navegador que sea. Como he dicho el problema la imagen de fondo sino habría solo necesario la función .corners().

$(document).ready(function() {
if (navigator.userAgent.indexOf("Firefox")!=-1) {
$("#fondo").corners('20px');
$("#subfondo").corners();
$("#texto").corners();
} else {
DD_roundies.addRule('#fondo', '20px');
}
});

Descarga el ejemplo: Round Example

Plugin:

Actualización:

Iñaki esta en lo cierto, dejo un ejemplo de lo que comenta:

#block-menu-menu-cabecera .menu a {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-top-right-radius: 5px;
-khtml-border-top-left-radius: 5px;
}

Similar pasaría con Opera. Hay que tener en cuenta que tema de los bordes, en esta explicación esta realizada para ponerlo “mas bonito”, no como diseño que el cliente nos solicito.

Otra vez mas gracias por tus comentarios Iñaki.

Redimensionar VMware, cambiar tamaño definido

23 de Diciembre del 2008  Sin Comentarios

La de veces que habremos querido cambiar el tamaño de nuestras maquinas virtuales y no hemos sabido como. Buenos pues aquí una solución con la herramienta propia de VMware vmware-vdiskmanager para poder redimensionar los discos virtuales.

Una vez realizado la redimensión del disco necesitamos alguna herramienta para poder utilizar todo el disco, en este caso recomiendo gparted o el que se crea mas conveniente.

Primero apagar la VMware.

Nota: Si no es un disco preallocated pasar a redimensionar.

Lo primero es convertir el disco virtual de preallocated a growable, el disco actual en un disco simple pero expansible:

vmware-vdiskmanager -r DiscoOriginal.vmdk -t 0 DiscoFinal.vmdk

Convertir en varios archivos (split) no redimensionable (preallocated):

vmware-vdiskmanager.exe -r DiscoOriginal.vmdk -t 1 DiscoFinal.vmdk

Convertir en varios archivos (split) redimensionable (growable):

vmware-vdiskmanager.exe -r DiscoOriginal.vmdk -t 3 DiscoFinal.vmdk

Aumentar el tamaño a nuestro disco virtual actual:

Para ampliar el tamaño de un disco virtual, utiliza el siguiente comando:

vmware-vdiskmanager -x 30GB DiscoGrowable.vmdk

Esto amplia el tamaño máximo del disco virtual a 30GB.

Estas opciones también son validas para Windows.

vmware-vdiskmanager:
vmware-vdiskmanager OPCIONES nombre_disco

Opciones:
-c : crea disco
-d : defragmenta el disco
-n : renombra el disco
-r : convierte el disco a unas características que se le indique
-x : expande la capacidad del disco
-a : (solo con el operador -c adapter type (ide, buslogic or lsilogic)
-s : capacity of the virtual disk
-t : tipo de disco

Tipos de Disco:
0 : disco simple, el cual se va expandiendo cuando necesita espacio
1 : igual que el 0, pero se parte cada 2 gb
2 : disco, con tamaño reservado,(no crece)
3 : igual que el 2, pero se parte cada 2 gb

La capacidad puede ser especificada en , Kb, Mb or Gb.
Los valores aceptados estan comprendidos entre estos:

ide adapter : [100.0Mb, 950.0Gb]
scsi adapter: [100.0Mb, 950.0Gb]
ej 1: vmware-vdiskmanager -c -s 850Mb -a ide -t 0 miDisco.vmdk
ej 2: vmware-vdiskmanager -d miDisco.vmdk
ej 3: vmware-vdiskmanager -r DiscoOriginal.vmdk -t 0 DiscoFinal.vmdk
ej 4: vmware-vdiskmanager -x 350Gb miDisco.vmdk (por defecto es de tipo 0)
ej 5: vmware-vdiskmanager -n DiscoOriginal.vmdk DiscoFinal.vmdk

Vmrun:
vmrun COMMAND [PARAMETERS]

opciones:
list lista las vm, que están funcionando
start Path del vmx file inicia a VM
stop Path del vmx file Para a VM
reset Path del vmx file Reinicia a VM
suspend Path del vmx file Suspende a VM
installtools Path del vmx file para instalar los vmware-tools en sistema vm

Ejemplo:
vmrun start “/home/keopx/VMware/xp\ basico/Windows XP Professional.vmdk”

Recopilación de Hojas de Referencia:

29 de Mayo del 2008  Sin Comentarios

Guías de referencia para diferenentes usos:
Para eso :

Línea de comandos:

Bases de datos:

Programación:

Unix/Linux:

Desarollo web:

Temas variados:

Además:

Enlaces de Interes:

« Entradas Anteriores