Normas de obligado, cumplimiento si nos envias un mail pidiendo ayuda/consejo
SkyDrive para Alojar tus Archivos/consejo
Nos han preguntado en varias ocasiones donde se puede alojar archivos, ahora que Google Pages ya no admite más cuentas. Mi respuesta es: SkyDrive.
Se ha hablado de Yahoo Geocities, pero he leido que si solo lo utilizas como almacén te penalizan, impidiéndote que lo uses para tal fin, ya que, en realidad, es un sitio para crear páginas web. Aparte de, según parece, su ancho de banda no es como para echar cohetes.
SkYDrive, por el contrario, dispone de un ancho banda suficiente para nuestras necesidades, tanto que no nos lo acabaremos, siendo, además, un sitio especÃfico para almacenar archivos, ya sea a tÃtulo privado, como público.
Asà que he pensado que quizá nos interese saber cómo usarlo y, lo más importante de todo, como acceder a las direcciones reales de los archivos para que éstos funcionen, sobre todo en el caso de archivos .swf que son los que usamos para, por ejemplo, el truco de mostrar un blog debajo del nuestro.
Ya saben que hacemos los tutoriales apoyándonos en imágenes de lo que vamos a encontrar paso a paso, asà que, Teniendo en cuenta de ésto y de que se trata de un sitio ajeno a blogger, he dejado el tutorial en Más cosas, que es el Area que utilizamos para estos menesteres.
Se ha hablado de Yahoo Geocities, pero he leido que si solo lo utilizas como almacén te penalizan, impidiéndote que lo uses para tal fin, ya que, en realidad, es un sitio para crear páginas web. Aparte de, según parece, su ancho de banda no es como para echar cohetes.
SkYDrive, por el contrario, dispone de un ancho banda suficiente para nuestras necesidades, tanto que no nos lo acabaremos, siendo, además, un sitio especÃfico para almacenar archivos, ya sea a tÃtulo privado, como público.
Asà que he pensado que quizá nos interese saber cómo usarlo y, lo más importante de todo, como acceder a las direcciones reales de los archivos para que éstos funcionen, sobre todo en el caso de archivos .swf que son los que usamos para, por ejemplo, el truco de mostrar un blog debajo del nuestro.
Ya saben que hacemos los tutoriales apoyándonos en imágenes de lo que vamos a encontrar paso a paso, asà que, Teniendo en cuenta de ésto y de que se trata de un sitio ajeno a blogger, he dejado el tutorial en Más cosas, que es el Area que utilizamos para estos menesteres.
Enmarcar una cabecera en esta plantilla.
div align="justify">Matizo en el tÃtulo lo de "en esta plantilla" ya que la mayorÃa de plantillas originales de blogger tienen las medidas fijas y se puede poner un marco en el CSS en #header-wrapper.Pero este modelo no es asÃ.
Es una harbor y al igual que un par más de las que nos ofrece blogger, no tiene medidas definidas en pÃxels, sinó en % con lo que la cabecera abarca todo el ancho de la pantalla en la que se ve el blog.
AsÃ, si yo miro mi propio blog a toda pantalla, al ser ésta de 1680 pÃxels el banner ocupa solo la mitad de la pantalla.
Si enmarcara la cabecera a través del CSS, el borde enmarcarÃa el banner, el garfield y el nuevo menú, ya que está colocado en un gadget en la cabecera, o sea, dentro de #header-wrapper.
Y hoy se me ha metido en el coco enmarcar solo el banner, asà que he probado una idea y como podeis comprobar ha funcionado.
¿Como lo he hecho? Sigue leyendo.
Diseño/Edición de HTML. EXPANDIR ARTILUGIOS y buscar esta lÃnea:
<!--Show just the image, no text--> que forma parte del código de la cabecera.
Una vez encontrada, un par de lÃneas más abajo puedes ver ésto:
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block; border: 4px
ridge #FF6FCF'/>
Solo verás lo que está en negro.
Le añades el estilo del borde, tal como lo ves aquà en rojo, poniendo el grosor el estilo y el color que prefieras, (estos datos que ves en rojo son los de este blog) y haces vista previa.
Guardas en cuanto lo tengas a tu gusto y ¡listo!.
Guardas en cuanto lo tengas a tu gusto y ¡listo!.
Enmarcar la zona de las entradas
Según como tengas diseñado tu blog, puede interesarte separar la zona de las entradas, del resto del blog, con un marco. Para ello has de añadir una lÃnea al código de tu plantilla.
En la Harbor, dicha lÃnea se agrega a la zona del ·main-wrapper {
En este blog, la lÃnea añadida es ésta:
border: ridge #99ff00 8px;
justo debajo del ancho (width). En ella, ridge define la forma.
Puedes elegir entre otras varias: solid, dashed, dotted, etc. (aquà tienes una muestra de como quedan).
Para que se vean bien, en esta imagen son muy gruesas; puedes elegir el grosor que vas a dejarle variando la cantidad de pÃxels (px), que en este blog he dejado en 8.
Mi consejo serÃa que si vas a usar una lÃnea con relieve, pongas una cantidad mayor, para que se vea el efecto. Si vas a usar una lÃnea simple, una cantidad menor.
La cifra de color verde corresponde al color más claro del marco. El tono de la zona sombreada se forma por defecto y no puedes variarlo.
Quitar el marco a las imágenes.
Cuando añadimos una imagen en una entrada suele aparecer una lÃnea que la enmarca.
Si quieres quitársela has de entrar en Plantilla/Edición de HTML y localizar esta parte del código
.post img {
padding:4px;
border:1px solid #cde;
}
cambiar el 1 por 0 y los bordes desaparecerán.
Truco encontrado en efecinco.
Enmarcar el tÃtulo de las entradas.
Si te apetece enmarcar el tÃtulo de tus entradas, has de localizar en el sector del CSS de tu plantilla este bloque:
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
y añadirle o variarle lo que ves en azul en este nuevo código
post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-align:
center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;}
---
Para modificar las lÃneas que lo enmarcan puedes utilizar varios parámetros diferentes.
Solid = lÃnea recta; dotted = puntitos; dashed = rayitas; double = doble lÃnea sólida; etc
Puedes ver unos ejemplos de los diferentes modelos aquà en el apartado Enmarcar un texto.
Para varÃar el grosor de la lÃnea, cambia el número en border: 1px.
---
Este truco es de Rosa (como casi todos los que hay en este blog).
Enmarcar la zona de las entradas
Según como tengas diseñado tu blog, puede interesarte separar la zona de las entradas, del resto del blog, con un marco. Para ello has de añadir una lÃnea al código de tu plantilla.
En la Harbor, dicha lÃnea se agrega a la zona del ·main-wrapper {
En este blog, la lÃnea añadida es ésta:
border: ridge #99ff00 8px;
justo debajo del ancho (width). En ella, ridge define la forma.
Puedes elegir entre otras varias: solid, dashed, dotted, etc. (aquà tienes una muestra de como quedan).
En la Harbor, dicha lÃnea se agrega a la zona del ·main-wrapper {
En este blog, la lÃnea añadida es ésta:
border: ridge #99ff00 8px;
justo debajo del ancho (width). En ella, ridge define la forma.
Puedes elegir entre otras varias: solid, dashed, dotted, etc. (aquà tienes una muestra de como quedan).
Para que se vean bien, en esta imagen son muy gruesas; puedes elegir el grosor que vas a dejarle variando la cantidad de pÃxels (px), que en este blog he dejado en 8.
Mi consejo serÃa que si vas a usar una lÃnea con relieve, pongas una cantidad mayor, para que se vea el efecto. Si vas a usar una lÃnea simple, una cantidad menor.
La cifra de color verde corresponde al color más claro del marco. El tono de la zona sombreada se forma por defecto y no puedes variarlo.
Quitar el marco a las imágenes.
Cuando añadimos una imagen en una entrada suele aparecer una lÃnea que la enmarca.
Si quieres quitársela has de entrar en Plantilla/Edición de HTML y localizar esta parte del código
Truco encontrado en efecinco.
Si quieres quitársela has de entrar en Plantilla/Edición de HTML y localizar esta parte del código
.post img {cambiar el 1 por 0 y los bordes desaparecerán.
padding:4px;
border:1px solid #cde;
}
Truco encontrado en efecinco.
Enmarcar el tÃtulo de las entradas.
Si te apetece enmarcar el tÃtulo de tus entradas, has de localizar en el sector del CSS de tu plantilla este bloque:
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
padding:0 0 4px;
font-size:140%
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
y añadirle o variarle lo que ves en azul en este nuevo código
post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-align:
center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;}
---
Para modificar las lÃneas que lo enmarcan puedes utilizar varios parámetros diferentes.
Solid = lÃnea recta; dotted = puntitos; dashed = rayitas; double = doble lÃnea sólida; etc
Puedes ver unos ejemplos de los diferentes modelos aquà en el apartado Enmarcar un texto.
Para varÃar el grosor de la lÃnea, cambia el número en border: 1px.
Solid = lÃnea recta; dotted = puntitos; dashed = rayitas; double = doble lÃnea sólida; etc
Puedes ver unos ejemplos de los diferentes modelos aquà en el apartado Enmarcar un texto.
Para varÃar el grosor de la lÃnea, cambia el número en border: 1px.
---
Este truco es de Rosa (como casi todos los que hay en este blog).
