Páginas Amarillas: Cerca de mí

Editar "cerca-de-mi", OK.

Título
Keywords
Description
Slideshow <ul id="pagination" class="pagination"> <li onclick="slideshow.pos(0)"> </li> <li onclick="slideshow.pos(1)"> </li> <li onclick="slideshow.pos(2)"> </li> <li onclick="slideshow.pos(3)"> </li> <li onclick="slideshow.pos(4)"> </li> <li onclick="slideshow.pos(5)"> </li> <li onclick="slideshow.pos(6)"> </li> <li onclick="slideshow.pos(7)"> </li> <li onclick="slideshow.pos(8)"> </li> <li onclick="slideshow.pos(9)"> </li> <li onclick="slideshow.pos(10)"> </li> <li onclick="slideshow.pos(11)"> </li> <li onclick="slideshow.pos(12)"> </li> <li onclick="slideshow.pos(13)"> </li> <li onclick="slideshow.pos(14)"> </li> <li onclick="slideshow.pos(15)"> </li> </ul> <div id="slideshow"> <b onclick="slideshow.move(-1)"></b> <i onclick="slideshow.move(1) "></i> <ul id="slides"> <li><img src="/cerca-de-mi/1copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/2copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/3copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/4copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/5copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/5copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/6copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/7copia.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/8copia.jpg" alt="Red abstract" /></li> <li><img src="http://img153.imageshack.us/img153/1593/9copiab.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/1tekki.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/2tekki.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/8tekki.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/4tekki.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/7tekki.jpg" alt="Red abstract" /></li> <li><img src="/cerca-de-mi/11tekki.jpg" alt="Red abstract" /></li> </ul> </div> <script type="text/javascript"> var slideshow=new TINY.fader.fade('slideshow',{ id:'slides', auto:10, resume:false, navid:'pagination', activeclass:'current', visible:true, position:0 }); </script>
HTML español <ul class="acc" id="acc"> <li class="section" id="section1"> <h3> ¡Bienvenidos!</h3> <div class="acc-section"> <div class="acc-content"> <table style="text-align: center; background-color: rgb(255,255,255); margin: 2px auto; width: 99%; display: block; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px"> <tbody> <tr> <td> <img alt="asd" src="http://www.achap.cl/asociados/images/mccann.gif" /></td> <td> <img alt="asd" src="http://www.paginas-amarillas.es/images/logo.gif" /></td> <td style="width: 33%"> <img alt="asd" src="http://img16.imageshack.us/img16/2681/ideasinnaranjaviernes13.png" /></td> </tr> </tbody> </table> <p> <strong>Cliente:</strong> Páginas Amarillas</p> <p> <strong>Campaña:</strong> Páginasamarillas.es para móvil y Cerca de mí</p> <p> <strong>Agencia: </strong>Ideas sin Más</p> <p> <strong>Equipo:</strong></p> </div> </div> </li> <li class="section" id="section2"> <h3> Estrategia</h3> <div class="acc-section"> <div class="acc-content"> <ul class="acc" id="nested"> <li> <h3> Mercado</h3> <div class="acc-section"> <div class="acc-content"> <table> <tbody> <tr> <th> Penetración de Smartphones</th> <th> Tráfico Navegación móvil</th> </tr> <tr> <td style="text-align: center"> <a href="http://blog.nielsen.com/nielsenwire/wp-content/uploads/2010/12/smartphone-male-female.png"><img alt="as" src="http://img703.imageshack.us/img703/1743/pantallazo4y.png" /></a><br /> <a href="http://blog.nielsen.com/nielsenwire/wp-content/uploads/2009/09/global_smartphone.png"><img alt="ad" src="http://img821.imageshack.us/img821/1658/globalsmartphone.png" /></a></td> <td style="text-align: center"> <a href="http://img401.imageshack.us/img401/8425/pantallazo3o.png"><img alt="as" src="http://img153.imageshack.us/img153/5736/pantallazo3z.png" /></a><br /> <a href="http://blog.zoomlabs.es/wp-content/uploads/2010/12/uso-smartphone1.jpg"><img alt="as" src="http://img820.imageshack.us/img820/4922/usosmartphone1.jpg" /></a></td> </tr> <tr> <td style="vertical-align: top"> <a href="http://blog.nielsen.com/nielsenwire/online_mobile/a-global-view-of-cellphones-and-youth/">Nielsen 2010-12-15</a> <a href="http://www.nielsen.com/content/dam/corporate/us/en/reports-downloads/2010%20Reports/Nielsen-Mobile-Youth-Around-The-World-Dec-2010.pdf">pdf</a>: es-Jóvenes: 68% smart 32% feature<br /> <a href="http://blog.nielsen.com/nielsenwire/online_mobile/mobile-snapshot-smartphones-now-28-of-u-s-cellphone-market/">Nielsen 2010-11-01</a>: es-General: 23% smart 76% feature<br /> <a href="http://www.comscore.com/index.php/layout/set/popup/layout/set/popup/Press_Events/Press_Releases/2010/3/UK_Leads_European_Countries_in_Smartphone_Adoption_with_70_Growth_in_Past_12_Months">ComsCore 2010-03</a>: España 10 M smartphones, crecimiento 36%</td> <td style="vertical-align: top"> <br /> <a href="http://blog.nielsen.com/nielsenwire/online_mobile/mobile-snapshot-smartphones-now-28-of-u-s-cellphone-market/">Nielsen 2010-06-03</a>: es-General: uso de Internet en el móvil 21%</td> </tr> <tr> <td style="text-align: center; font-weight: bold"> Factor joven. Momento oportuno</td> <td style="text-align: center; font-weight: bold"> Inducir a la acción</td> </tr> </tbody> </table> </div> </div> </li> <li> <h3> Consumidor</h3> <div class="acc-section"> <div class="acc-content" style="text-align: center"> <a href="http://tamspalm.tamoggemon.com/content/2010/November/thasmartphoneusers/funny.jpg"><img alt="asd" src="/cerca-de-mi/usuario-iphone.png" style="clear: left" /><br /> ¿Cómo se ven los usuarios de smartphones?</a> <table style="width: 99%"> <tbody> <tr> <th> Jóvenes</th> <th> Tecnófilos</th> </tr> <tr> <td> <img alt="fsads" src="http://img688.imageshack.us/img688/7204/pantallazojoven.png" /></td> <td> <img alt="fsads" src="http://img405.imageshack.us/img405/6781/pantallazoteki.png" /></td> </tr> </tbody> </table> </div> </div> </li> <li> <h3> ¡Como lo enfocamos!</h3> <div class="acc-section"> <div class="acc-content" style="text-align: center; color: gold; font-size: 300%"> La vida en amarillo</div> </div> </li> </ul> </div> </div> </li> <li class="section" id="section3"> <h3> Propuesta</h3> <div class="acc-section"> <table style="text-align: center; width: 99%"> <tbody> <tr> <td> <h4> <a href="http://img441.imageshack.us/img441/6071/coloracciones1.jpg" title="Video promocional"><img alt="asd" src="http://img441.imageshack.us/img441/6071/coloracciones1.jpg" style="width: 250px; height: 173px" /> </a></h4> <h4> <a href="http://img441.imageshack.us/img441/6071/coloracciones1.jpg" title="Video promocional">Video promocional</a></h4> </td> <td> <h4> <a href="http://img607.imageshack.us/img607/3557/coloracciones2.jpg" title="El Desafío web"><img alt="asd" src="http://img607.imageshack.us/img607/3557/coloracciones2.jpg" style="width: 250px; height: 176px" /></a></h4> <h4> <a href="http://img607.imageshack.us/img607/3557/coloracciones2.jpg" title="El Desafío web">El Desafío</a></h4> </td> </tr> <tr> <td> <h4> <a href="http://img258.imageshack.us/img258/4007/coloracciones3.jpg" title="Pantalla Exterior"><img alt="asd" src="/cerca-de-mi/acciones3.jpg" style="width: 250px" /></a></h4> <h4> <a href="http://img258.imageshack.us/img258/4007/coloracciones3.jpg" title="Pantalla Exterior">Exterior</a></h4> </td> <td> <h4> <a href="http://img199.imageshack.us/img199/7651/coloracciones4.jpg" title="Promoción de Códigos Premiados"><img alt="asd" src="http://img199.imageshack.us/img199/7651/coloracciones4.jpg" style="width: 250px; height: 176px" /></a></h4> <h4> <a href="http://img199.imageshack.us/img199/7651/coloracciones4.jpg" title="Promoción de Códigos Premiados">Cupones</a></h4> </td> </tr> </tbody> </table> </div> </li> </ul> <div id="options"> <a href="javascript:parentAccordion.pr(1)">Expander todo</a> \| <a href="javascript:parentAccordion.pr(-1)">Contraer todo </a></div> <p> <a href="javascript:parentAccordion.pr(-1)"><script type="text/javascript"> var parentAccordion=new TINY.accordion.slider("parentAccordion"); parentAccordion.init("acc","h3",0,-1); var nestedAccordion=new TINY.accordion.slider("nestedAccordion"); nestedAccordion.init("nested","h3",1,0,"acc-selected"); </script></a></p>
HTML english
CSS body {background-color:#FFE}#header h1 a {background:url(/.style/logotipo-ism.png) 0 0px no-repeat !important; }body div.section{background:0 none; border:0 none; margin:0; padding:0; -webkit-box-shadow:none; -moz-box-shadow:none;}body li.section, #slideshow, li.cuadro {background:url(/cerca-de-mi/icono-1.png) 6px 10px no-repeat #FFE460; border-color:#ff6600; color:#000000; padding:10px} #slideshow, #slides, #slides li {background:#000; height:480px !important; padding:0} #section2 {background-image:url(/cerca-de-mi/icono-2.png)} #section3 {background-image:url(/cerca-de-mi/icono-3.png)} .acc {list-style:none; margin:0; padding:0} #acc {list-style:none; color:#033; margin:0 auto 40px}#acc h3 {background:#ED0 !important; -webkit-border-radius:10px; -moz-border-radius:10px; padding:6px 6px 8px; font-weight:bold; margin:5px 0 0 43px; cursor:pointer; background:url(images/header.gif)}#acc h3:hover {background:url(images/header_over.gif)}#acc .acc-section {overflow:hidden;}#nested {list-style:none; color:#033; margin-bottom:15px}#nested h3 {border:1px solid #9ac1c9; padding:6px 6px 8px; margin:5px 0 0 0px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}#nested h3:hover {background:url(images/header_over.gif)}#nested .acc-section {overflow:hidden; background:#fff}#nested .acc-content { padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}#nested .acc-selected {background:url(images/header_over.gif)}
URL

Surgever