Banner Screen-Shot Banner Code Snippet
<style type="text/css" media="screen">
.v2014 .homeBanner li.carouselBg1 {
background: url(../Ban_bg_MAA.png) repeat-x scroll 0 0 #FFFFFF;
}
.v2014 .carouselBg1 .boxshot {
background: url(../MAV_box.png) no-repeat scroll 0 0 transparent;
}
.v2014 .carouselBg1 h2, .v2014 .carouselBg2 h2 {
line-height: 30px !important;
}
.v2014 .carouselBg1 p, .v2014 .carouselBg2 p {
font-weight: bold;
}
.v2014 .carouselBg1 p strong, .v2014 .carouselBg2 p strong {
font-size: 1.2em;
}
.v2014 .carouselBg2 .boxshot {
background: url(../MTP_box.png) no-repeat scroll 0 0 transparent;
}
.v2014 .homeBanner li.carouselBg3 {
background: url(../Ban_bg_MLS.png) repeat-x scroll 0 0 #FFFFFF;
}
.v2014 .carouselBg3 .boxshot {
background: url(../MLS_box.png) no-repeat scroll 0 0 transparent;
float: left;
height: 298px;
margin: 22px 50px 0 1px;
position: relative;
width: 518px;
z-index: 1;
}
#txtCont span.note {
font-size: 11px;
color: #444;
}
.v2014 .homeBanner #txtCont span.learnspan {
margin-top: 0;
}
/* new MLS banner CSS start */
.v2014 .homeBanner li#bgMLS.carouselBg3 {
background: url(../BR_MLS_WWC_Banner_2014v6.jpg) no-repeat scroll 0 0 transparent;
font-family: Tahoma;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS .mainTitle {
position: relative;
left: 420px;
top: 28px;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS .mainTitle h1 {
font-size: 32px;
color: #191717;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS .mainTitle h2 {
color: #ffffff;
font-size: 18px;
font-weight: 100;
letter-spacing: .5px;
margin: 5px 0 0 0;
width: 300px;
line-height: 24px;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS .socialTitle {
left: 33px;
position: relative;
top: -17px;
width: 200px;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS .socialTitle p {
color: #FFFFFF;
font-size: 19px;
font-weight: 100;
line-height: 26px;
margin: 0;
letter-spacing: .5px;
text-transform: uppercase;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS .socialTitle p .yellowHash {
color: #f7d708;
font-size: 16px;
font-weight: bold;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS p.nudge {
color: #E0E0E0;
font-size: 11px;
left: 5px;
position: relative;
top: 95px;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price {
bottom: 50px;
position: absolute;
right: 35px;
text-align: center;
text-indent: initial;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price a {
background: url(../br_wwc/buy_button.png) no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 19px;
height: 28px;
margin-left: 15px;
padding-top: 5px;
width: 177px;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price span,
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price a {
display: block;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price .pricing {
color: #f7d708;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price #dollarPrice {
font-size: 30px;
font-weight: bold;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price #proDiscount {
font-size: 18px;
font-weight: bold;
color: #FFF;
}
.v2014 .homeBanner li#bgMLS .June2BanbgMLS #price #proDiscount #proPrice {
font-size: 24px;
letter-spacing: 2px;
}
</style>
<!--br class="clr" /-->
<div class="homeBannerCntr v2014">
<div id="homeBanner" class="homeBanner">
<div class="homeBanner" id="homeBanner">
<ul class="Banner2012" id="Banner2013">
<li class="carouselBg3" id="bgMLS" rel="crossDeviceProtection">
<div class="June2BanbgMLS">
<div class="mainTitle">
<h1>McAfee LiveSafe</h1>
<h2>1 Licencia ilimitada* para proteger todos sus dispositivos</h2>
</div>
<div class="socialTitle">
<p>Sácale Tarjeta Roja a las Amenazas Digitales</p>
</div>
<p id="price">
<span id="dollarPrice" class="pricing">Ch$ 34,470</span>
<a title="Comprar Ahora" href="#">Comprar Ahora</a>
<span id="proDiscount">con <strong id="proPrice" class="pricing">10%</strong> de descuento</span>
</p>
<p class="nudge">*Aplican restriciones de acuerdo com los sistemas operativos compatibles.</p>
</div>
</li>
<li class="carouselBg1" rel="pcMac">
<div class="Com_bg">
<div title="McAfee AntiVirus Plus" alt="McAfee AntiVirus Plus" class="boxshot"> <span class="splat"></span> </div>
<div id="txtCont">
<span class="imp_2013">Mejorado para 2014</span>
<h2> McAfee Antivirus Plus 2014 </h2>
<b class="tagline"> Protección esencial contra los virus y el malware más recientes. </b>
<p>Ahorre un <strong>24%</strong> del precio habitual. Oferta por tiempo limitado.</p>
<i>Ch$19,990.00</i> <span>Ch$Price <b> Ahorre un Ch$Price</b></span>
<button onclick="s_objectID='homePage_es-MX_0_276';javascript:location.href='#'; return false;" title="Comprar ahora" value="Comprar ahora"> Comprar ahora </button>
<br>
<span class="learnspan"> <a href="http://home.mcafee.com/store/antivirus-plus" class="learn"> Más información </a> </span> <br>
</div>
</div>
</li>
<li class="carouselBg2" rel="pcMac">
<div class="Com_bg">
<div title="McAfee Total Protection" alt="McAfee Total Protection" class="boxshot"> <span class="splat"></span> </div>
<div id="txtCont">
<span class="imp_2013">Mejorado para 2014</span>
<h2> McAfee Total Protection 2014 </h2>
<b class="tagline">Lo más novedoso. La protección más eficaz frente a los virus, las amenazas online y las amenazas en la red.</b>
<p>Ahorre un <strong>33%</strong> del precio habitual. Oferta por tiempo limitado.</p>
<i>Ch$49,990.00</i> <span>Ch$33,330.00 <b> Ahorre un Ch$16,660.00</b></span>
<button onclick="s_objectID='homePage_es-MX_0_275';javascript:location.href='#'; return false;" title="Comprar ahora" value="Comprar ahora">Comprar ahora </button>
<br>
<span class="learnspan"> <a href="http://home.mcafee.com/store/total-protection" class="learn"> Más información </a> </span> <br>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>