modificar css

• 

  stheal · Miembro · diciembre 4, 2014 at 11:43 am

  • Copiar enlace
  • Añadir tema a favoritos

  Buenos dias,
  No se mucho de css, pero queria agregar un ribbon que encontré en internet. Este es el CSS.

  body {
      background: #ddd;
      font: 14px sans-serif;
  }
  div {
      background: #fff;
      box-shadow: 0 0 3px rgba(0,0,0,0.25);
      float: left;
      height: 220px;
      margin: 50px 0 0 45px;
      position: relative;
      text-align: center;
      width: 210px;
  }
  
  div h2 {
      background: #08b;
      background-image: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.2));
      border: 0 solid rgba(0,0,0,0.2);
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      position: relative;
      text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
  }
  
  div.folded:before, div.folded:after {
      bottom: 26px;
      box-shadow: 0 28px 8px rgba(0,0,0,0.5);
      content: "";
      height: 28px;
      position: absolute;
      width: 48%;
      z-index: -1;
  }
  div.folded:before {
      left: 2%;
      transform: rotate(-3deg);
  }
  div.folded:after {
      right: 2%;
      transform: rotate(3deg);
  }
  div.folded h2 {
      border-width: 1px 1px 2px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.5);
      margin: 0;
      padding: 4px 40px;
      position: absolute;
      right: -14px;
      top: 12px;
  }
  div.folded h2:after {
      border-width: 7px;
      border-style: solid;
      border-color: #134 transparent transparent #134;
      bottom: -15px;
      content: "";
      position: absolute;
      right: -1px;
  }

  y no se como moficiarlo para que la etiqueta HTML me quede asi

  <div class="ribbon-perfil">News</div>

  Actualmente, segun la pagina, la etiqueta es esta.

  <div class="folded"><h2>News</h2></div>

• 

  galois · Moderador · diciembre 4, 2014 at 2:33 pm

  • Copiar enlace

  Hola.
  En este foro no respondemos consultas que no pongan claramente el sitio/blog sobre el que se necesita ayuda.

  Lee las dos noticias importantes de la portada del foro
  https://es.forums.wordpress.com/
  antes de publicar otro mensaje.