Cambiar imágenes de menú en plantilla de templateism.com

tribunaram · 1 Feb 2014

Tengo una plantilla de templateism.com con url:Viajar Sin Billete.com ya la tengo preparada para colocar publicidad...31 articulos publicados, +200 visitas diarias , pero NO ESTOY SATISFECHO. Tengo unas imagenes en la izquierda en el menu que se abre que no las encuentro en la plantilla y me gustaria cambiarlas según el tema que toca.

En fín, si hay alguien que me pueda ayudar?

Tuve otro problema de no poder entrar y lo pude solucionar gracias a [MENTION=4863]adrian[/MENTION] al que quiero agradecerle su interés

tany1995 · 2 Feb 2014

¿qué imagenes son? donde dice, contacto, privacidad, áfrica, etc?

tribunaram · 2 Feb 2014

tany1995 dijo:
¿qué imagenes son? donde dice, contacto, privacidad, áfrica, etc?

Si,ahi mismo

olaxpiston · 2 Feb 2014

Este es el código que estás buscando en tu plantilla:

HTML:

<!-- Side Buttons -->
<div id='sideskill'>
<a class='tap-nav' data-original-title='Navigation' data-placement='right' data-toggle='tooltip' title=''>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</a><div class='tooltip fade right' style='top: 12px; left: 58px; display: block;'><div class='tooltip-arrow'></div></div>
<nav>
<ul id='navs'>
<li class='active'><a data-original-title='Inicio' data-placement='right' data-toggle='tooltip' href='/' title='Inicio'><i class='li_shop'></i><span>Inicio</span></a></li>
<li class=''><a data-original-title='Europa' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/Europa' title='Europa'><i class='li_user'></i><span>Europa</span></a></li>
<li><a data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/ASIA' title='Asia'><i class='li_settings'></i><span>Asia</span></a></li>
<li><a data-original-title='America' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AMERICA' title='América'><i class='li_world'></i><span>America</span></a></li>
<li><a data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/OCEANIA' title='Oceania'><i class='li_photo'></i><span>Oceania</span></a></li>
<li><a data-original-title='Priceing' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AFRICA' title='Africa'><i class='li_banknote'></i><span>Africa</span></a></li>
<li><a data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/politica-de-privacidad.html' title='P.Privacidad'><i class='li_news'></i><span>P.Privacidad</span></a></li>
<li><a data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/hrefhttpwww.html' title='Contacto'><i class='li_paperplane'></i><span>Contacto</span></a></li>
</ul>
</nav>
</div>
<!-- Side Buttons (END) -->

tribunaram · 2 Feb 2014

y donde estan las imágenes?

olaxpiston dijo:

Este es el código que estás buscando en tu plantilla:

HTML:

<!-- Side Buttons -->
<div id='sideskill'>
<a class='tap-nav' data-original-title='Navigation' data-placement='right' data-toggle='tooltip' title=''>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</a><div class='tooltip fade right' style='top: 12px; left: 58px; display: block;'><div class='tooltip-arrow'></div></div>
<nav>
<ul id='navs'>
<li class='active'><a data-original-title='Inicio' data-placement='right' data-toggle='tooltip' href='/' title='Inicio'><i class='li_shop'></i><span>Inicio</span></a></li>
<li class=''><a rel='nofollow' data-original-title='Europa' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/Europa' title='Europa'><i class='li_user'></i><span>Europa</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/ASIA' title='Asia'><i class='li_settings'></i><span>Asia</span></a></li>
<li><a rel='nofollow' data-original-title='America' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AMERICA' title='América'><i class='li_world'></i><span>America</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/OCEANIA' title='Oceania'><i class='li_photo'></i><span>Oceania</span></a></li>
<li><a rel='nofollow' data-original-title='Priceing' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AFRICA' title='Africa'><i class='li_banknote'></i><span>Africa</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/politica-de-privacidad.html' title='P.Privacidad'><i class='li_news'></i><span>P.Privacidad</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/hrefhttpwww.html' title='Contacto'><i class='li_paperplane'></i><span>Contacto</span></a></li>
</ul>
</nav>
</div>
<!-- Side Buttons (END) -->

adrian · 2 Feb 2014

tribunaram más o menos queda así: Donde Juego he modificado un poco para que se vea mejor las imágenes.

tribunaram · 2 Feb 2014

veo que es has modificado las lineas que yo tenía no?

xLincex · 2 Feb 2014

HTML:

<ul id='navs'>
<li class='active'><a data-original-title='Inicio' data-placement='right' data-toggle='tooltip' href='/' title='Inicio'><i class='li_shop'></i><span>Inicio</span></a></li>
<li class=''><a rel='nofollow' data-original-title='Europa' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/Europa' title='Europa'><i class='li_user'></i><span>Europa</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/ASIA' title='Asia'><i class='li_settings'></i><span>Asia</span></a></li>
<li><a rel='nofollow' data-original-title='America' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AMERICA' title='América'><i class='li_world'></i><span>America</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/OCEANIA' title='Oceania'><i class='li_photo'></i><span>Oceania</span></a></li>
<li><a rel='nofollow' data-original-title='Priceing' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AFRICA' title='Africa'><i class='li_banknote'></i><span>Africa</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/politica-de-privacidad.html' title='P.Privacidad'><i class='li_news'></i><span>P.Privacidad</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/hrefhttpwww.html' title='Contacto'><i class='li_paperplane'></i><span>Contacto</span></a></li>
</ul>

Inicio reemplaza este codigo y agregale una imagen luego haces lo mismo con los demas .

tribunaram · 3 Feb 2014

Lo pruebo y te comento
Gracias

xLincex dijo:

HTML:

<ul id='navs'>
<li class='active'><a data-original-title='Inicio' data-placement='right' data-toggle='tooltip' href='/' title='Inicio'><i class='li_shop'></i><span>Inicio</span></a></li>
<li class=''><a rel='nofollow' data-original-title='Europa' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/Europa' title='Europa'><i class='li_user'></i><span>Europa</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/ASIA' title='Asia'><i class='li_settings'></i><span>Asia</span></a></li>
<li><a rel='nofollow' data-original-title='America' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AMERICA' title='América'><i class='li_world'></i><span>America</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/OCEANIA' title='Oceania'><i class='li_photo'></i><span>Oceania</span></a></li>
<li><a rel='nofollow' data-original-title='Priceing' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/search/label/AFRICA' title='Africa'><i class='li_banknote'></i><span>Africa</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/politica-de-privacidad.html' title='P.Privacidad'><i class='li_news'></i><span>P.Privacidad</span></a></li>
<li><a rel='nofollow' data-placement='right' data-toggle='tooltip' href='http://www.viajarsinbillete.com/p/hrefhttpwww.html' title='Contacto'><i class='li_paperplane'></i><span>Contacto</span></a></li>
</ul>

Inicio reemplaza este codigo y agregale una imagen luego haces lo mismo con los demas .

olaxpiston · 3 Feb 2014

Las imágenes están en base 64.

Busca este código:

HTML:

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'linecons';
content: attr(data-icon);
speak: none;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="li_"]:before, [class*=" li_"]:before {
font-family: 'linecons';
font-style: normal;
speak: none;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}

Lo que está debajo son los llamados a las imágenes, lo que está arriba es todo la codificación de las imágenes.