Nymphea's Cage
  • Pedido #1 Savage Themes
  • Pedido #9 Savage Themes
  • Pedido The Warrior Road
  • Cupo disponible
  • Cupo disponible
  • Cupo disponible
  • Haz tu propio pedido aqui
    Lo ultimo
    Ultimo aporteUltimo tutorialUltimo proyectoUltimo grafico
    Compañeros y Recomendados
    adminsitro miembro solo recomiendo

    Últimos temas
    » Walking
    Ayer a las 7:28 am por lovesick

    » SunFlower
    Miér Feb 14, 2018 10:40 pm por Nymphea

    » What I don't like
    Dom Feb 11, 2018 12:04 am por Nymphea

    » El baúl de Jane Porter
    Sáb Feb 10, 2018 10:36 pm por Nymphea

    » Sonic & Mario
    Jue Feb 08, 2018 8:02 pm por Nymphea

    » Alice Parade
    Miér Feb 07, 2018 2:14 am por Nymphea

    » Dreamy
    Miér Feb 07, 2018 1:25 am por Nymphea

    » Petición: New Destiny
    Mar Feb 06, 2018 10:06 pm por Nymphea

    » Rouge
    Mar Feb 06, 2018 3:32 am por Nymphea


    Chile Bonito

    Ver el tema anterior Ver el tema siguiente Ir abajo

    Chile Bonito

    Mensaje por Nymphea el Jue Feb 01, 2018 4:02 am

    HTML
    Código:
    <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script><link href="https://fonts.googleapis.com/css?family=Playfair+Display|Roboto" rel="stylesheet">
    <div class="chilebonito0">
      <div class="chilebonito1"><div class="chilebonito2"><strong>Links Rapidos</strong><a href=""> Link Rapidos</a>
        <a href=""> Link Rapidos 1</a>
        <a href=""> Link Rapidos 2</a>
        <a href=""> Link Rapidos 3</a>
        <a href=""> Link Rapidos 4</a>
        <a href=""> Link Rapidos 5</a>
       
        </div><div class="chilebonito3"><li><i class="fas fa-map-marker"></i> Se ha abierto: Litoral</li><li><i class="fas fa-thumbtack"></i>  Avatares de 200x400</li><li><i class="fas fa-map-marker"></i> Comienza: Desierto florido</li><li><i class="fas fa-search"></i> X a abierto una busqueda</li> <div class="chilebonito6"><i class="fas fa-sun"></i> 23ºC</div></div><p>Mini-ambientación<br>Pellentesque tempus, turpis non volutpat sollicitudin, metus leo accumsan ex, nec congue quam ante non orci. Aliquam ut ullamcorper erat. Sed malesuada ante sit amet felis laoreet, a ultrices augue porta. Donec eget porttitor enim, eget iaculis orci. Duis at purus vitae enim porttitor ultrices. Aenean in felis et justo porta dignissim. Nullam tempor fringilla odio, a accumsan augue gravida ut. Quisque cursus sit amet quam eu aliquet. Proin venenatis, nisi eu consequat dignissim, elit dui finibus odio, non congue elit quam et turpis. Donec eget eros elit. Curabitur neque odio, tincidunt in posuere vel, feugiat eu mi. Nunc vitae risus neque.</p><div class="chilebonito4"><strong>Staff</strong><img src="http://placehold.it/150x70" alt=""><img src="http://placehold.it/150x70" alt=""><img src="http://placehold.it/100x70" alt=""><img src="http://placehold.it/100x70" alt=""><img src="http://placehold.it/100x70" alt=""><img src="http://placehold.it/100x70" alt=""></div>
      </div>
      <div class="chilebonito7">Bienvenido a
      <i>Nombre del foro</i></div>
    </div>

    CSS

    Código:
    .chilebonito0 {width: 740px; padding: 30px; height: 340px; outline: 1px solid #fff; outline-offset: -15px;background: url(https://media.travelbag.co.uk/Content/Images/Tour/chile/gallery/CL-Landscape.jpg) center; overflow: hidden;}
    .chilebonito1 {padding: 10px; overflow: hidden; height: 320px; background: #fff9; opacity: 0;transition: .3s}
    .chilebonito1 strong {display: block; padding: 20px 0px; text-align: center; font: 10px roboto; outline: 3px double #fff; outline-offset: -10px; text-transform: uppercase; letter-spacing: 3px;background: #114fbc; color: #fff; }
    .chilebonito2 {width: 200px; display: inline-block; height: 100px;}
    .chilebonito2 a {display: block; border: 1px solid #fff; margin: 2px; text-align:center; font: 8px roboto; color: #fff; text-transform: uppercase; padding: 5px; transition:.3s; text-decoration: none;}
    .chilebonito2 a:hover {background: #5189d4}
    .chilebonito3 {display: inline-block; width: 300px; height: 200px; vertical-align: top; }
    .chilebonito3 li {background: #fff; display: inline-block; padding: 20px 10px; font: 10px roboto; margin: 2px; color: #114fbc; max-width: 120px;}
    .chilebonito6 {text-align: center; background: #2370d8; color: #fff; padding: 20px; font: 22px playfair display;outline: 1px solid #fff; outline-offset: -10px;}
    .chilebonito1 p {display: inline-block; width: 190px; border: 3px solid #fff; vertical-align: top; padding: 10px; height: 163px; margin-top: 1px; font: 10px roboto; color: #fff; text-align: justify; overflow: auto;}
    .chilebonito1 img {outline: 1px solid #fff; outline-offset: -10px;}
    .chilebonito7 {margin-top: -100px; color: white; font: 12px roboto; text-transform: uppercase; text-align: center;transition: 1.4s}
    .chilebonito7 i{display: block; font: 50px Playfair display; font-style: italic; text-transform: none; margin-top: -15px;}
    .chilebonito0:hover .chilebonito7{opacity: 0; margin-top: 0px;}
    .chilebonito0:hover .chilebonito1 {opacity: 1}

    Nymphea
    avatar
    Admin

    Mensajes :
    365

    Fecha de inscripción :
    10/09/2012

    Localización :
    somehere


    http://mikeiry.forochile.org

    Volver arriba Ir abajo

    Ver el tema anterior Ver el tema siguiente Volver arriba

    - Temas similares

     
    Permisos de este foro:
    No puedes responder a temas en este foro.