Reemplazar el " " por una imagen
Versiones phpBB2 y PunBB únicamenteSi bien es posible sustituir el por una imagena tu elección. Para este ejemplo vamos a usar esta imagen (Puedes tomarla si quieres).
[table style="ZOOM: 1" sizset="18" sizcache="1" jQuery1301838030609="175"][tr sizset="18" sizcache="1" jQuery1301838030609="173"][td style="BORDER-BOTTOM: #00a5cd 1px dotted; BORDER-LEFT: #00a5cd 1px dotted; PADDING-BOTTOM: 3px; PADDING-LEFT: 25px; PADDING-RIGHT: 3px; BACKGROUND: url(https://2img.net/i/fa/admin/puce.png) #ffffff no-repeat 3px 3px; HEIGHT: 50px; COLOR: #00a5cd; BORDER-TOP: #00a5cd 1px dotted; FONT-WEIGHT: bold; BORDER-RIGHT: #00a5cd 1px dotted; PADDING-TOP: 3px" sizset="18" sizcache="1" jQuery1301838030609="172"]Panel de amdinistración Visualización Templates General : viewtopic_body [/td][/tr][/table]
Buscar este bloque :
Buscar este bloque :
- Código:
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
Sustituye por :
- Código:
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Voto positivo" alt="Voto positivo" /></a></div>
<!-- END switch_vote -->
Luego Publicar.
Después, agrega esto en tu CSS :
- Código:
.vote {
width: 24px; /*-- largo de la imagen --*/
}
Aquí, la imagen escogida va a tener un largo de 24px, en ese caso también será 24px.
Si tu imagen tiene un largo de 35px,
tienes que adaptar el código CSS modificando el 24px por 35px.
Resultado :
Tutorial creado por Toto456 del foro francés
Última edición por Sorel el 5/4/2018, 9:25 am, editado 1 vez (Razón : Quitar "hide" a los contenidos HTML, JS y/o CSS.)