•  

    Para la barra de desplazamiento de página y HTML
    Usan escala hsl
    Generador rgba, hlsa
        a. http://www.workwithcolor.com/hsl-color-picker-01.htm



    CSS

    #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}

    #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

    }

    #PopularPosts1 img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:33px;height:33px;padding:3px}

    ::-webkit-scrollbar {width:19px;}
    /* Track */
    ::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
    /* Handle */
    ::-webkit-scrollbar-thumb {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#b8cbec;box-shadow:0 0 6px #b8cbec;-webkit-box-shadow:0 0 6px #b8cbec;-moz-box-shadow:0 0 6px #b8cbec;}
    ::-webkit-scrollbar-thumb:window-inactive {background: #b8cbec;}
    ::selection {background:#d4d3d5; color:#FFF;}
    ::-moz-selection {background:#d4d3d5; color:#FFF;}
    ::-webkit-selection {background:#d4d3d5; color:#FFF;}
    body::before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 100;
    -webkit-box-shadow: 0 0 10px hsla(0, 93%, 52%, .8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
    box-shadow: 0 0 10px hsla(0, 93%, 49%, .8);
    }
    body::after {
    content: "";
    position: fixed;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 100;
    -webkit-box-shadow: 0 0 10px hsla(0, 0%, 0%, .8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
    box-shadow: 0 0 10px hsla(0, 91%, 57%, .8);
    }
    @-webkit-keyframes zoomnav{from{-webkit-transform:translate(-1000px,0px);opacity:0}
    to{-webkit-transform:translate(0px,0px);opacity:1;}}
    @-moz-keyframes zoomnav{from{-moz-transform:translate(-1000px,0px);opacity:0}
    to{-moz-transform:translate(0px,0px);opacity:1;}}
    @-ms-keyframes zoomnav{from{-ms-transform:translate(-1000px,0px);opacity:0}
    to{-ms-transform:translate(0px,0px);opacity:1;}}
    @keyframes zoomnav{from{transform:translate(-1000px,0px);opacity:0}
    to{transform:translate(0px,0px);opacity:1;}}
    #PopularPosts1 h2 {border-bottom: 3px solid orange;text-align: center;padding-top: 10px;font-size: 15px;font-weight: bold;letter-spacing: 5px;color: hsl(0, 0%, 28%);}
    #BlogArchive1 h2 {border-bottom: 3px solid hsl(115, 44%, 47%);text-align: center;padding-top: 10px;font-size: 15px;font-weight: bold;letter-spacing: 5px;color: hsl(0, 0%, 28%);}
    #HTML1 h2 {border-bottom: 3px solid hsl(197, 31%, 75%);text-align: center;padding-top: 10px;font-size: 15px;font-weight: bold;letter-spacing: 5px;color: hsl(0, 0%, 28%);}
    #bottom h6 { border-left: 5px solid #babbc4; background: #fafafa; }
    #bottom ul li { display: block; padding: 7px 15px; color: rgb(209, 56, 56); font-size: 16px;margin-left: 0px; } #bottom ul li:hover { background: #babbc4; color: #fff; }

     


  •  

    Rainbow

     

    HTML

    <div class="hovergallery12"><img src="https://jpg" alt="" width="185px" height="210px" /><img src="https://jpg" alt="" width="185px" height="210px" /></div>

     



    CSS

    .hovergallery12 img{
    /*GloriaV */
    /*URL: http://tutorialgloriav.eklablog.com/*/
    /* rainbow */
    margin: 10px 5px 5px 5px;
    border: 2px dotted #fff;
    border-radius: 10px;
    box-shadow: 3px 2px 6px #000000;

    }
    @-webkit-keyframes hue {
    100% { -webkit-filter:hue-rotate(360deg); }
    }

    .hovergallery12 img:hover{
    border: 1px dotted #fff;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.2);
    box-shadow:2px 2px 3px 3px rgba(0,0,0,0.2);
    -webkit-animation:hue 1s linear infinite;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    }
    #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}
    #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
    }




    votre commentaire
  •  


    Cómo viajar por el mundo casi gratis y con comodidad


    1. Help Exchange
    Este recurso locales de todo el mundo invitan a los viajeros dispuestos a ayudarles en la granja o en un pequeño negocio a cambio de alojamiento gratuito, las comidas, excursiones, o, a veces incluso clases de yoga. Una gran manera de no sólo visitar un lugar nuevo, sino también para explorar la cultura local. Sólo tiene que seleccionar el tipo de trabajo que sea adecuado para usted, y ponerse en contacto con el propietario. Por ejemplo, usted puede unirse a la agricultura italiana, el gasto sólo dos horas al día.

    2. WWOOF
    Aquí usted puede encontrar los anuncios de la población local en los diferentes países que se dedican a la agricultura ecológica y en la necesidad de una fuerza de trabajo libre. Otra manera de viajar, trabajar para el alojamiento y la comida.

    3. Sudan Volunteer Programme
    Una organización de caridad en el Reino Unido envía estudiantes lingüistas duran dos cursos de las universidades y se gradúa como voluntarios a Sudán para enseñar a los niños sudaneses en inglés. Puede ser útil para unirse a la causa y obtener una buena experiencia. Se da preferencia a los solicitantes de los cuales Inglés es su lengua materna, pero si usted tiene experiencia práctica en la enseñanza, también se tenga en cuenta su solicitud.

    4. SE7EN
    SE7EN se puede encontrar en el programa de voluntariado o proyecto en casi cualquier país. Por ejemplo, para ir a las Bahamas para trabajar en un centro independiente de investigación para el estudio de los tiburones limón.

    5. VSO
    Otra organización caritativa internacional que ofrece una variedad de programas de voluntarios de todo el mundo en los campos de la salud, el medio ambiente, la economía, la educación y otros.

    6. Youth in Action
    Este programa educativo de la Unión Europea para los jóvenes (menores de 30 años) da anualmente subvenciones a organizaciones sin fines de lucro en sus proyectos en varios países, incluyendo Macedonia, Gran Bretaña, Turquía, Georgia, Letonia, Azerbaiyán, Croacia.
    "Bajo este programa, los últimos dos años, visité Macedonia y el Reino Unido. La esencia del programa es que ofrece formación gratuita, paga el 70% del vuelo, el costo de la visa, transporte interno, alojamiento y comidas durante la formación y el aprendizaje. Además, usted siempre tiene los días adicionales en el país, pero por su propia cuenta. De hecho, a convertirse en un miembro, usted debe presentar el formulario de solicitud a uno de los programas de formación. Cada entrenamiento está dedicado a un tema específico. Por ejemplo, el año pasado se nos enseñó la tolerancia a los representantes de otros países Wales ". - Inna, un participante del programa Juventud en Acción.

    7. Conservation Volunteers
    Y la organización de los amantes de ecoturismo, que sueñan con visitar Australia o Nueva Zelanda. El propósito - la protección de la naturaleza. En el sitio hay muchos programas de voluntariado en diversas partes de Australia y Nueva Zelanda por un período corto o largo.

    8. Couchsurfing
    No olvidarse de él un buen recurso popular donde se puede encontrar fácilmente una vivienda libre y nuevos amigos en diferentes países. Personalmente, a menudo utilizo Couchsurfing, para explorar la vida local y la gente en nuevos lugares donde suceden. Para superekonomii se puede combinar con autostop Couchsurfing.

    9. United Nations Volunteers
    Además, puede convertirse en un voluntario de la ONU, si son más de 25 años de edad, tener un título universitario y el conocimiento de Inglés, francés o español.

    10. AIESEC
    Organización juvenil internacional que ofrece una variedad de programas de formación, programas de intercambio y oportunidades de voluntariado para estudiantes y titulados en 113 países de todo el mundo.

    11. Appalachian Trail
    Otra organización sin fines de lucro acepta voluntarios que aman la naturaleza y que están dispuestos a participar en la preservación de las organizaciones patrimoniales (que es de 250.000 acres de tierra desde Maine a Georgia en los Estados Unidos).

    12. Find a crew
    Si usted no sufre de mareo, puede ser parte del crucero, yate o catamarán y el intercambio de su mano de obra para un emocionante viaje a través del mar (los precios de Oceanía y Asia). Otra alternativa - Vagabond Vela (Asia, Oceanía, el Mediterráneo).

     


    votre commentaire



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires