Ver Mensaje Individual
  #11 (permalink)  
Antiguo 27/02/2015, 12:34
Zeromm
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 14 años, 3 meses
Puntos: 60
Respuesta: Un solo estilo para varios Tootip

Esto sería un ejemplo de html

Código HTML:
Ver original
  1. <div class="marco_revista_1">
  2. <div class="stay-tooltip-target tooltip-target CLASENUEVA" id="stay-target-1">
  3. <img src="images/boton_1.jpg"></div>
  4. </div>
  5.  
  6. <div class="marco_revista_1">
  7. <div class="stay-tooltip-target tooltip-target CLASENUEVA" id="stay-target-2">
  8. <img src="images/boton_2.jpg"></div>
  9. </div>
  10.  
  11. <div class="stay-tooltip-content tooltip-content CLASENUEVA" id="stay-content-1">
  12. <img src="images/imagen_1.jpg" />
  13. <p>Texto...</p>
  14. </div>

Y los estilos que tienes que aplicar a todos los "stay-target..." los aplicarías de esta forma:

Código CSS:
Ver original
  1. .CLASENUEVA {
  2.     width: 450px;
  3.     height: auto;
  4.     margin: 0 auto 0 auto;
  5.     border: none;
  6.     }
  7.    
  8. .CLASENUEVA p {
  9.     font-family: 'Merriweather', serif;
  10.     font-size: 0.7em;
  11.     color: #023568;
  12.     line-height: 20px;
  13.     margin-top: 10px;
  14.     text-align: justify;
  15.     float: left;
  16.     }
  17.    
  18. .CLASENUEVA h5 {
  19.     font-family: 'Merriweather', serif;
  20.     font-size: 0.8em;
  21.     color: #023568;
  22.     margin-bottom: 10px;
  23.     font-weight: normal;
  24.     line-height: 15px;
  25.     text-align: left;
  26.     }

así todos los "stay-target..." tendrán el mismo estilo sin duplicar nada
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.