tag:blogger.com,1999:blog-32345430770516144412024-03-13T02:04:50.384+01:00TÉCNICA BLOGGERAyuda para blogueros...A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.comBlogger88125tag:blogger.com,1999:blog-3234543077051614441.post-61501365744275820332021-12-21T17:09:00.063+01:002021-12-21T21:08:46.208+01:00FELIZ NAVIDA Podéis colocar este regalo de navidad casi en cualquier parte de vuestro blog, he modificado el código con este fin. El original lo hallaréis en un espacio que me fascina y en el que sus usurarios hace cosas increíbles, codepen, os recomiendo que lo visitéis para tomar inspiración. El código modificado lo encontraréis haciendo clic en el nuevo año, del ejemplo que veras siA.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-10466441648141620832021-12-09T15:21:00.010+01:002021-12-09T15:46:44.321+01:00Un menú muy llamativo
Os traigo un menú bastante atractivo y colorido dispuesto para copiar y
pega allá donde mejor consideréis.Realizado solo en CSS…
.navmenu{
list-style: none;
margin: 0;
padding: 0;
font: bold 10px 'Lato', sans-serif; /* use google custom font "Lato" */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-69996476435689168042021-12-01T15:00:00.049+01:002021-12-02T15:50:00.982+01:00TODOS LOS CURSORES
El cursor suele ser un elemento imprescindible en una página, pero además puede dar al usuario mucha información, puede indicarle la función que realiza cada elemento y ayudarlo a distinguir los distintos espacios de una misma página.Por esto hoy voy a indicaros literalmente, los distintos cursores que existen definidos en CSS para HTML Un pequeño código en el que podréis A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-84269884483792434422021-11-26T16:10:00.008+01:002021-11-26T17:04:45.402+01:00Flexbox nos ahorra líneas de código Hoy voy a hacer una breve referencia a uno de los nuevos valores HTML 5 para CSS: Flex, bastante bien explicado en esta página a la que os dirijo Platzi Y también a un nuevo diseño de caja flexible con Flexbox. Ciertamente, estos términos para quienes tenemos unos conocimientos limitados en CSS, parece chino, pero lo que nos interesa es su practicidad e indagar que A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-48171263798370514812021-11-02T18:36:00.084+01:002021-11-27T00:05:07.262+01:00UN BUSCADOR PARA TU BLOG FACIL FACIL
Hoy os muestro como incrustar un buscador en vuestro blog, es sencillos solo teneis que cortar y pegar tal cual. Mi fuente:http://rulecode
function blmostrocult(blconted) {
var c=blconted.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
EL CODIGO( corta y pega el contenido en un widgets) <style>
/* Buscador
--A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-48769732870573253862017-05-25T17:04:00.000+02:002017-05-25T17:04:10.724+02:00BARRA DE DESPLAZAMIENTO ACTIVA PERO INVISIBLE
Un pequeño código y las barras de desplazamiento de tu blog desaparecerán, pero seguirán siendo útiles, funciona también en las nuevas plantillas de blogger en la sidebar.
Colócalo antes de (/b:skin)
::-webkit-scrollbar {
width: 1px;
}
A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-65317174680373060442017-01-31T10:21:00.000+01:002017-01-31T10:38:26.852+01:00FM falconmasters Recursos, Tutoriales
Hoy quiero llevaros a una página muy interesante donde hallareis tutoriales y recursos de todo tipo. Para los que ya estáis iniciados en el arte de los distintos lenguajes, css, javascript... seguro que os resultara muy útil, y para los que no, cortar y pegar, hay muchos ejemplos. Espero que os guste.
Solo recordaros que para cargar los script que indica en muchas ocasiones la A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-58501604850833802092016-11-25T19:55:00.002+01:002021-11-26T23:05:19.933+01:00TEXTOS PERFECTOS
Hoy os voy a dirigir a un espacio que a mi me ha sido de mucha utilidad, mclibre es una web, llena de referencias a los distintos lenguajes y recursos de programación.
Este enlace aprende-web concretamente os lleva a un apartado, en el que se comentan prácticamente todas las propiedades que se pueden aplicar al texto de una página o entrada utilizando css
El A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com1tag:blogger.com,1999:blog-3234543077051614441.post-7741713207196450142016-10-31T18:52:00.002+01:002020-11-16T18:16:24.492+01:00Pixabay (Descargar imágenes gratuitas)
En mi declaración de intenciones (indicadas en mi foto) dejo claro que una de ellas es compartir con vosotros todo lo que vaya encontrado con el fin de mejorar mis blog. Pues bien, hoy he encontrado un lugar que creo que sera de vuestro agrado...
un espacio del que podréis disfrutar desde el mismo instante os registréis o no, para encontrar imágenes gratuitas que podréis A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com2tag:blogger.com,1999:blog-3234543077051614441.post-50949333221776280792016-10-15T04:01:00.000+02:002016-10-31T19:30:30.659+01:00EL MENÚ DE ESTE BLOG (Menú por etiquetas)(saber más de las etiquetas)
Hoy voy a mostraros un conjunto que culminará en un menú por etiquetas, como el que utiliza este blog, es resultón y eficaz y muy importante: no da problemas. Espero que os sea de utilidad.
function blmostrocult(blconted) {
var c=blconted.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-65529677368480829892016-09-01T20:58:00.002+02:002021-11-27T16:50:10.333+01:00Cambiar el estilo del mensaje del widget bloglist "Mostrar todo" Esas listas de blogs amigos que solemos colocar a modo de deferencia o de muestra de aquellos que nos gustan especialmente, en ocasiones terminan siendo muy largas y nos vemos obligados a mostrar solo unos cuantos, y dejar ocultos tras el insulso mensaje de "Mostrar todo", al resto.
¿Verdad que nos gustaría que fuera más visible y original? Pues puede conseguirse, no os desaniméis niA.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com1tag:blogger.com,1999:blog-3234543077051614441.post-70455045377409356072016-08-17T20:07:00.000+02:002016-10-13T20:12:34.539+02:00Seamos seguidores
La iniciativa "Seamos seguidores" es para ayudarnos entre bloggers.Soy una apasionada de los Blogs, los sigo, para poder acudir a ellos una y otra vez, tal es mi pasión, que he creado una blogoteca, para que no se me olvide ninguno y poder estar al día de sus publicaciones.Seguir un blog, es dotarlo de vida y darle a su autor ese empujoncito que a veces le hace falta para seguir adelante.
No A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com3tag:blogger.com,1999:blog-3234543077051614441.post-21333599108150485292016-08-05T19:06:00.003+02:002021-11-29T16:10:34.737+01:00Incrustar imágenes sin Picasa
No se si ya os habrá pasado a vosotros, pero os pasará y entonces, puede que cunda el pánico, a mi si me ha pasado y tras el susto encontré la solución.
El manejo de imágenes se hace difícil desde google photos, la nueva herramienta para alojar imágenes de google, desde las entradas del blog la mecánica es la misma de antes, pero otra cosa es tratar de incrustar las imágenesA.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-39345536092400022522016-07-06T13:30:00.002+02:002021-11-29T11:42:16.384+01:00ICONOS PARA ADORNAR
.fa {display: inline-block;font-size: 90px;margin: 5px;color: ;}
.fa:hover {color: #1A4E93;}
.fa.fa-signal {color: #71AF42;}
¿Te gusta esta carita?
Queréis poder utilizar este icono y muchos más en vuestros post y blog, pues solo teneis que seguir el enlace:
ADORO OLOBLOGGER
A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com2tag:blogger.com,1999:blog-3234543077051614441.post-34597685108578572432016-05-31T12:38:00.003+02:002016-05-31T13:54:11.619+02:00Un enlace con referente A la gente le gusta saber a donde se le dirige, a donde va, esta es una manera muy elegante de presentar vuestros link o enlaces, en este blog aL que os dirijo jejeje...
a.tooltip {
position:relative;
color:#0086BB;
text-decoration:none;
}
a.tooltip span {
display: none;
}
a.tooltip:hover span {
display:block;
position:absolute;
top:1.6em;
left:0.2em;
width:auto;
border:1px solid #A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-69138034521864826192016-05-23T01:32:00.002+02:002021-11-29T15:49:53.544+01:00Hacia arriba suavemente Ya vimos en el pasado una forma muy sencilla de poner un botón que nos llevase a la parte superior de nuestro blog, era una fórmula un tanto primitiva que hoy se va ha volver del todo sofisticada de una forma igualmente sencilla y que hará que esa subida no sea tan brusca.
El secreto está en el script que colocaremos justo antes de </body> y el pequeño código html que colocaremos A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-68468437373968325432016-05-04T02:22:00.005+02:002021-11-14T20:22:55.821+01:00Entre lineasOs gustaría el título de vuestras entradas entre líneas, pues esto es lo que tenéis que colocar antes de ]]></b:skin>: si seguís leyendo comprobaréis lo que digo en mi propio título.
h3.post-title, h3{
color: #ffffff; /**Título de un sólo color (aquí puesto en negro)**/
border-top: 20px solid #384858; /**Línea superior (aquí puesto en negro)**/
border-bottom: 20px solid #384858; /A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-85354267711574241172016-05-04T00:26:00.001+02:002016-05-04T00:29:34.540+02:00Una plantilla simple y adaptable Por cortesía de Oloblogger
Es una plantilla responsive, sencilla y fácil de modificar, ideal para crear vuestro primer blog sin grandes preocupaciones.
Si os interesa haced clik en este enlace OLOBLOGGER encontrareis tambien algunas explicaciones bastante jugosas .
A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com1tag:blogger.com,1999:blog-3234543077051614441.post-36598391966286098802016-02-27T13:31:00.000+01:002016-02-27T13:46:44.521+01:00Aumenta tus visitas con BlogsterApp
Hola ... hoy quiero referiros a un lugar útil y de momento gratuito, yo ya lo estoy probando y me gustan los resultados.
No compartir el conocimiento es el primer pilar de una dictadura...Tuitear ésto
Se trata de un espacio llamado BlogsterApp, dedicado al aumento de las visitas de tu blog, gracias a la red-difusión de todo tu contenido histórico relevante. Contiene herramientas A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com1tag:blogger.com,1999:blog-3234543077051614441.post-64046287761847892342016-01-02T14:35:00.000+01:002016-01-02T14:36:58.548+01:00Clic para ver contenido oculto
#activar ~ .desplegable {display: none;overflow: hidden;}
#activar:checked ~ .desplegable {display: block;}
MI REGALO
LO QUE VEIS SE HACE ASÍ:
<style>
#activar ~ .desplegable {display: none;overflow: hidden;}
#activar:checked ~ .desplegable {display: block;}
</style>
<input id="activar" name="activar" type="A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-17926027526199630502015-10-17T22:25:00.000+02:002015-10-17T22:38:43.401+02:00Un dinerito extra no vendría nada mal ¿verdad?
Primero de todo, decir que yo soy contraria a la publicidad en blog o ewbs, creo que deberían ser lugares libres, sin dependencias, sitios en los que compartir sin animo de lucro, nuestro sentir, nuestra experiencia, de arrimar el saber de cada uno a la mente de los otros, pero bueno,A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-89814648879103882032015-10-13T21:23:00.007+02:002021-11-30T12:11:28.211+01:00UN LUGAR ÚTIL
Hoy os dirigiré a un lugar muy, pero, que muy útil, no solo podréis crear un blog, una pagina web... totalmente gratis, sino que ademas, tendréis a vuestra disposición unos cuantos widget, para vuestro espacio, sea el que sea, widget que podréis crear, manipular y controlar a vuestro antojo. Y por si todo esto fuera poco...
ademas, teneís la posibilidad de alojar A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-81985267355076004262015-09-28T19:37:00.000+02:002015-09-28T23:37:14.038+02:00CÓDIGO SOLO CÓDIGO
.swing{
-webkit-animation:swinging 10s ease-in-out 0s infinite;
-moz-animation:swinging 10s ease-in-out 0s infinite;
animation:swinging 10s ease-in-out 0s infinite;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
transform-origin:50% 0;
}
@-webkit-keyframes swinging{
0% { -webkit-transform: rotate(0); }
5% { -webkit-transform: rotate(10deg); }
A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com0tag:blogger.com,1999:blog-3234543077051614441.post-16465685024719929302015-09-23T23:24:00.001+02:002015-09-23T23:55:56.820+02:00Para vuestras entradas
.stitched { padding: 20px;*/ANCHURA DEL RECTANGULO*/; margin: 10px; background: #0F4652;*/COLOR DEL FONDO*/; color: #85FFFD;*/COLOR DE LA LETRA*/; font-size: 20px;*/TAMAÑO DE LA LETRA*/; font-weight: bold; line-height: 1.3em;*/ANCHURA DEL RECTANGULO*/; border: 2px dashed #FFFFFF;*/COLOR DEL PESPUNTE DEL RECTANGULO*/; border-radius: 10px;*/EL REDONDEO DE LAS ESQUINAS*/; box-shadow: 0 0 0 4px #A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com1tag:blogger.com,1999:blog-3234543077051614441.post-21621785217144997852015-07-10T17:02:00.001+02:002016-05-16T19:01:53.423+02:00Marco y Fondo sencillo con CSS y una capa<div id="capa" style="background-color: Lavender; border: 10px solid Indigo; margin: 25px; padding: 25px; width: 50%;"> </div>
Con este pequeño codigo es posible tener un fondo y un marco a tu medida y una vez creado en el editor html puedes cambiar a Redactar y escribir el texto con el tamaño y el estilo deseado.
Las variaciones que puedes realizar son el color en A.M.Ghttp://www.blogger.com/profile/15403249468496420313noreply@blogger.com1