El blog de lauritapurple | Lifestyle and 2.0

24 noviembre 2014

Secret Club by Cutty Sark

En los años 20 se instauró la Ley Seca en Estados Unidos, prohibiendo la venta, fabricación y distribución de bebidas alcohólicas en el país. Un marinero, llamado Bill McCoy, se inició en el contrabando introduciendo licor de calidad en el territorio americano, entre los cuales se encontraba el whisky escocés Cutty Sark.

La semana pasada tuve la suerte de poder ser una #cuttybandista en Barcelona, rindiendo homenaje al difunto Bill McCoy mediante un evento organizado por la susodicha marca de whisky.

secret club

Fue necesario el uso de una contraseña para acceder al Secret Club, donde Sam, un portero neoyorkino muy bromista, controlaba el acceso al club que se encontraba detrás de un féretro. Mediante un viaje en el tiempo, volvimos a los años 20, pudiendo customizar nuestros atuendos con plumas, collares, sombreros, etc., y posar en el photocall.

secret club cutty sark

Al ritmo de jazz y swing en directo, disfrutamos de cócteles varios servidos en tazas, bailarinas de cabaret y de un ambiente de lo más clandestino.

camarero secret club cutty sark
grupo secret club cutty sark

Y a vosotros, ¿os hubiera gustado asistir a una fiesta clandestina de este tipo?

17 noviembre 2014

Cómo poner una barra superior fija en el blog

He recibido varios e-mails en los que me preguntaban cómo había puesto la barra superior que tiene ahora mi blog, que se queda fija cuando vamos bajando en la página.

Para no escribir varias veces lo mismo, y puesto que probablemente haya alguien más interesado, he pensado que sería buena idea publicar un mini tutorial. Y digo mini, porque es muy sencillo. Ahora lo veréis.

En primer lugar necesitamos el código HTML para crear un menú de pestañas. Este código lo podréis encontrar en infinidad de webs dónde os expliquen cómo hacer un menú de pestañas en Blogger.

En el editor de la plantilla de vuestro blog, y encima de ]]></b:skin>, tendréis que poner lo siguiente:


#mbtnavbar {
    background: #000000;
    width: 1000px;
    color: #000000;
        margin-top:0px;
                        margin-bottom:50px;
                        margin-right:0px;
                        margin-left:0px;
        padding: 0px 0px 0px 380px;
        position: relative;
        border-top:0px dotted #9b9a9a;
                border-bottom:0px dotted #9b9a9a;
        height:40px;
        position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;

}

#mbtnav {
    margin: 0;
    padding: 0;
    text-align: center;
}
#mbtnav ul {
    float: center;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mbtnav li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:0px solid #ffffff;
        border-right:0px solid #ffffff;
        height:40px;

}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
    color: #ffffff;
    display: block;
    font:normal 16px Oswald, sans-serif;    margin: 0;
    text-transform: uppercase;
    padding: 9px 50px 10px 50px;
    text-decoration: none;

       
}
#mbtnav li a:hover, #mbtnav li a:active {
    background: #ffffff;
    color: #000000;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 50px 10px 50px;
      
}
#mbtnav li {
    float: left;
    padding: 0;
}
#mbtnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#mbtnav li ul a {
    width: 140px;
}
#mbtnav li ul ul {
    margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
    left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
    left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
    position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
    background: transparent;
    width: 90px;
    color: #de4953;
    display: block;
    font:normal 16px Oswald, sans-serif;
    margin: 0;
            height:45px;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:0px dotted #333;
   
}
#mbtnav li li a:hover, #mbtnavli li a:active {
    background: transparent;
    color: #47d3e6;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;

        text-decoration: none;

De este código hay muchos aspectos que, la barra que tengo ahora en mi blog no contempla, porque no tiene submenús, por ejemplo. No obstante, es el código que tengo, que antes si que los tenía. 
Me gusta dejar todo el código escrito por si más adelante cambio de opinión y quiero volverlos a añadir. Además, si os soy sincera, ahora mismo soy incapaz de recordar, exactamente, que podría quitar sin que afectase a la barra actual.

Básicamente, tenéis que ir línea por línea modificando lo que os apetezca. Para consultar los colores, podéis visitar esta página web que os da el código del color que elijáis

La mejor opción, es que vayáis modificando todo lo que creáis conveniente, como el ancho, el color, etc. Si que os diré que lo que hace que se mantenga fija es el comando "display: block".

Una vez tengáis esto puesto en vuestra plantilla, guardáis cambios y en la pestaña de diseño, añadís un widget nuevo de HTML, encima de la cabecera.

diseño blogger

En ese widget, ponéis lo siguiente:

<div align="center"><div id='mbtnavbar'>
      <ul id='mbtnav'>
        <li>
          <a href='http://www.lauritapurple.com'>Home
        </li>
       
        <li>
          <a href='http://www.lauritapurple.com/p/about.html'>Sobre mí

        </li>
  <li>
           <a href='http://www.lauritapurple.com/p/contacto.html'>Contacto
                   </li>
      </ul>

    </div></div>

Dónde deberéis cambiar las urls y las palabras que aparecerán en la misma barra. Si os fijáis, este código, llama al que está en plantilla mediante "div id='mbtnavbar'". Por ello es importante que tengan el mismo nombre en los dos sitios.

A base de prueba y error es como conseguiréis la barra que mejor se adapte a vuestro blog.

¡Espero que os haya servido!

17 octubre 2014

Con Encanto Acierto - Creación de Estilo de Vida Saludable

Con Encanto Acierto es un proyecto cuyo objetivo consiste en hacernos sentir mejor, ya sea ayudándonos a crear hábitos de vida saludables o impulsando nuestro crecimiento personal.
conencantoacierto
Hace un par de semanas, las chicas de Con Encanto Acierto se pusieron en contacto conmigo para darme a probar uno de sus servicios. Podía elegir entre un plan de entrenamiento, una dieta semanal, un plan de organización para conseguir mis metas y algunos de los servicios para potenciar mi imagen.

Me decanté por el Dossier de Imagen, ya que nunca antes nadie me había aconsejado, de forma personalizada, que colores y que prendas son las que me favorecen.

Les envié 3 fotos de cuerpo y cara, y me respondieron con un informe completísimo en el que me aconsejaban que colores son los que me favorecen, tanto en el maquillaje como en la ropa. Gracias a un estudio antropométrico, también me indican como potenciar mis atributos y disimular mis defectillos con fáciles consejos a la hora de vestir y usar complementos.

Sobra decir que me hizo muchísima ilusión que me escribiesen para ofrecerme uno de sus servicios, y después del dossier que he recibido, no puedo hacer otra cosa que recomendaros que visitéis su web y os deis un homenaje. Son unas tías majas, dispuestas a ayudarnos en lo que les pidamos y a resolver todas nuestras dudas.

Aquí os dejo un vídeo donde Nora os explica muy bien de que va este proyecto.



Creo que Con Encanto Acierto ofrece buenas opciones para la época de regalos a la que nos acercamos. ¿Qué mejor que regalar un servicio de Personal Shopper, por ejemplo?

08 octubre 2014

La Gran Festa del Cor

El próximo sábado 11 de Octubre se celebrará, en el Parque de atracciones Tibidabo, la 20ª Gran Festa del Cor.

Esta fiesta se organiza de manera anual para apoyar a los niños y jóvenes con cardiopatías congénitas. Es una ocasión especial para reunirse con amigos y familiares, y disfrutar de un día en el parque.

En Cataluña, cada semana nacen 14 niños con cardiopatías congénitas, y me parece un número elevadísimo. No está de más que podamos apoyarles con eventos tan chulos como este, dónde ellos sean los protagonistas y lo pasen genial.

Nosotros tenemos pensado pasar el sábado allí, ¡espero que el tiempo acompañe!

Si queréis más información, podéis visitar el blog de la organización, que aunque esté en catalán, se entiende perfectamente ;)

Además, aquí os dejo el spot del evento, ¡por si os apetece echarle un vistazo!


¡Lo vamos a pasar en grande! ¿Alguien más se apunta?

29 septiembre 2014

Japomonsta

Japomonsta (japomonster), es la forma cariñosa que tengo de autodenominarme desde que me he convertido en fan acérrima de la comida japonesa.

Parece que haya descubierto América a mis 28 años y es que, desde que Aída me animó a probar el sushi cuando estuvimos en Madrid para #laparty, no puedo pasar más de dos semanas sin ir a un restaurante japonés.
Nerea me descubrió un restaurante japonés cerca de casa, que además de rico, tiene un menú diario de escándalo. En cuanto se anime, volveremos allí con Fran, que también estuvo en la primera cita.

Debo admitir que no lo había probado antes porque me daba cosilla eso de comer pescado crudo, y a "mi señor marío" no le hace ninguna gracia, pero ahora, me atrevo con todo. Y si hace falta, ¡me voy sola!

Aunque de momento sólo he ido a otro restaurante más, no puedo esperar a seguir descubriendo los restaurantes japoneses de Barcelona. Es pensar en comida japonesa, ¡y empezar a salivar!

Aquí os dejo un documento gráfico de mi iniciación:


Y a vosotros, ¿os gusta la comida japonesa?