Imagen duplicada en un boton.

teto86 · #1

Bueno amigos:

Pues e instalado el Mod DS Paypal donation y resulta al terminar de instalar el mod y crear el boton para las donaciones, me sale la imagen del boton duplicada, os dejo un pantallazo para que lo veais.
Imagen

Como podeis ver aparece 2 veces el dibujo de "dolares" dentro del boton, alquien sabe porque puede ser?

Gracias un saludo y feliz salida y entrada de nuevo año.

nextgen · #2

Yo no veo el estilo instalado en tu foro.

teto86 · #3

Si ya... perdona esque el problema lo tengo en el foro de pruebas, porque antes de hacer nada en el principal lo hago en el de pruebas, puedes entrar en el desde aqui.
www.clubrenaultgt.com/foropruebas.

leviatan21 · #4

La imágen tiene una clase css que ya le agrega el ícono, por lo tanto esto :

Código: Seleccionar todo

<li ><a href="{U_DONATE_MOD}" title="{L_DONATE_EXPLAIN}"><b><img class="icon-donate" src="{T_THEME_PATH}/images/icon_donate.gif" alt="" />{L_DONATE}</b></a></li>

Debería ser :

Código: Seleccionar todo

<li><a href="{U_DONATE_MOD}" title="{L_DONATE_EXPLAIN}"><b><img class="icon-donate" src="{T_THEME_PATH}/images/trans.gif" alt="" />{L_DONATE}</b></a></li>

Como en el resto de los items del menú.
Plantilla a modificar es raíz/styles/X_Silver/template/overall_header.html

teto86 · #5

Bien muchisimas gracias!!!! eso a salido bien pero ahora el dibujo del dolar aparece cortado por arriba y por debajo....

nextgen · #6

esa imagen la definis en el imageset.cfg, la altura y el ancho de la misma.

teto86 · #7

Pues por mas que he buscado no consigo encontrar donde se encuentra la imagen... a ver si alguien me puede echar una manita.
Archivo imageset.cfg

Código: Seleccionar todo

# General Information about this style
name = X_Silver
copyright = &copy; Skin-Lab.com 2010
version = 3.0.7.2

# Images
img_site_logo = site_logo.png*100*400
img_poll_left = 
img_poll_center = 
img_poll_right = 
img_icon_friend = 
img_icon_foe = 

img_forum_link = forum_link.png*50*50
img_forum_read = forum_read.png*50*50
img_forum_read_locked = forum_read_locked.png*50*50
img_forum_read_subforum = forum_read_subforum.png*50*50
img_forum_unread = forum_unread.png*50*50
img_forum_unread_locked = forum_unread_locked.png*50*50
img_forum_unread_subforum = forum_unread_subforum.png*50*50

img_topic_moved = topic_moved.png*30*30

img_topic_read = topic_read.png*30*30
img_topic_read_mine = topic_read_mine.png*30*30
img_topic_read_hot = topic_read_hot.png*30*30
img_topic_read_hot_mine = topic_read_hot_mine.png*30*30
img_topic_read_locked = topic_read_locked.png*30*30
img_topic_read_locked_mine = topic_read_locked_mine.png*30*30

img_topic_unread = topic_unread.png*30*30
img_topic_unread_mine = topic_unread_mine.png*30*30
img_topic_unread_hot = topic_unread_hot.png*30*30
img_topic_unread_hot_mine = topic_unread_hot_mine.png*30*30
img_topic_unread_locked = topic_unread_locked.png*30*30
img_topic_unread_locked_mine = topic_unread_locked_mine.png*30*30

img_sticky_read = sticky_read.png*30*30
img_sticky_read_mine = sticky_read_mine.png*30*30
img_sticky_read_locked = sticky_read_locked.png*30*30
img_sticky_read_locked_mine = sticky_read_locked_mine.png*30*30
img_sticky_unread = sticky_unread.png*30*30
img_sticky_unread_mine = sticky_unread_mine.png*30*30
img_sticky_unread_locked = sticky_unread_locked.png*30*30
img_sticky_unread_locked_mine = sticky_unread_locked_mine.png*30*30

img_announce_read = announce_read.png*30*30
img_announce_read_mine = announce_read_mine.png*30*30
img_announce_read_locked = announce_read_locked.png*30*30
img_announce_read_locked_mine = announce_read_locked_mine.png*30*30
img_announce_unread = announce_unread.png*30*30
img_announce_unread_mine = announce_unread_mine.png*30*30
img_announce_unread_locked = announce_unread_locked.png*30*30
img_announce_unread_locked_mine = announce_unread_locked_mine.png*30*30

img_global_read = announce_read.png*30*30
img_global_read_mine = announce_read_mine.png*30*30
img_global_read_locked = announce_read_locked.png*30*30
img_global_read_locked_mine = announce_read_locked_mine.png*30*30
img_global_unread = announce_unread.png*30*30
img_global_unread_mine = announce_unread_mine.png*30*30
img_global_unread_locked = announce_unread_locked.png*30*30
img_global_unread_locked_mine = announce_unread_locked_mine.png*30*30

img_subforum_read = subforum_read.gif*9*11
img_subforum_unread = subforum_unread.gif*9*11

img_pm_read = topic_read.png*30*30
img_pm_unread = topic_unread.png*30*30

img_icon_back_top = icon_back_top.png*22*22

img_icon_contact_aim = icon_contact_aim.png*25*36
img_icon_contact_email = icon_contact_email.png*25*36
img_icon_contact_icq = icon_contact_icq.png*25*36
img_icon_contact_jabber = icon_contact_jabber.png*25*36
img_icon_contact_msnm = icon_contact_msnm.png*25*36

img_icon_contact_www = icon_contact_www.png*25*36
img_icon_contact_yahoo = icon_contact_yahoo.png*25*36






img_icon_post_target = icon_post_target.gif*9*11
img_icon_post_target_unread = icon_post_target_unread.gif*9*11

img_icon_topic_attach = icon_topic_attach.gif*10*7
img_icon_topic_latest = icon_topic_latest.gif*9*11
img_icon_topic_newest = icon_topic_newest.gif*9*11
img_icon_topic_reported = icon_topic_reported.gif*14*16
img_icon_topic_unapproved = icon_topic_unapproved.gif*14*16

img_icon_user_profile =

leviatan21 · #8

teto86 escribió:a ver si alguien me puede echar una manita.

En ese estilo los íconos están definidos en la hoja de estilos :

Abrir :
raíz/styles/X_Silver/theme/buttons.css

Buscar :

Código: Seleccionar todo

.icon_index, .icon_search, .icon_faq, .icon_members, .icon_register, .icon_restore_permissions, .icon_login, .icon_logout, .icon_pm, .icon_ucp, .icon_options, .icon_admin, .icon_mod {

Reemplazar por :

Código: Seleccionar todo

.icon_index, .icon_search, .icon_faq, .icon_members, .icon_register, .icon_restore_permissions, .icon_login, .icon_logout, .icon_pm, .icon_ucp, .icon_options, .icon_admin, .icon_mod, .icon-donate {

No olvides actualizar el tema desde el ACP

teto86 · #9

nada leviatan... sige igual... ese nombre ya lo tenia añadido, e probado a ponerlo al final de la linea y a ponerlo despues de "icon-faq" que es donde va colocado el boton y nada... sigue apareciendo cortado...

Alguna otra idea de que puede ser?

A unas malas... pero solo a las malas, podria poner una imagen mas pequeña? se veria bien?

Gracias.

leviatan21 · #10

teto86 escribió:nada leviatan... sige igual... ese nombre ya lo tenia añadido, e probado a ponerlo al final de la linea y a ponerlo despues de "icon-faq" que es donde va colocado el boton y nada... sigue apareciendo cortado...

Alguna otra idea de que puede ser?

A unas malas... pero solo a las malas, podria poner una imagen mas pequeña? se veria bien?

Gracias.

En realidad lo tienes agregado en otro lugar que deberás eliminar y colocarlo en la linea que yo te cité

teto86 · #11

cierto, tenias razon lo estaba agregando en otra linea que hay mas arriba, ahora ya lo e puesto en su sitio, y depues de actualizar plantilla tema y eliminar cache me sige saliendo igual... e probado a añadir esta linea:

Código: Seleccionar todo

.icon_donate { 
	background: url("{T_THEME_PATH}/images/icon_donate.gif") no-repeat bottom left;
	}

Justo debajo de esta:

Código: Seleccionar todo

.icon_mod { 
	background: url("{T_THEME_PATH}/images/icon_mod.png") no-repeat bottom left;
	}

quedando todo de esta forma:

Código: Seleccionar todo

.icon_index, .icon_search, .icon_faq, .icon_members, .icon_register, .icon_restore_permissions, .icon_login, .icon_logout, .icon_pm, .icon_ucp, .icon_options, .icon_admin, .icon_mod, .icon-donate { 
	float: left;
	padding: 0px 0px 15px 0px;
	line-height: 20px;
	height: 20px;
	}

.icon_index { 
background: url("{T_THEME_PATH}/images/icon_index.png") no-repeat bottom left;
	}

.icon_search { 
	background: url("{T_THEME_PATH}/images/icon_search.png") no-repeat bottom left;
	}

.icon_faq { 
	background: url("{T_THEME_PATH}/images/icon_faq.png") no-repeat bottom left;
	}
	
.icon_members { 
	background: url("{T_THEME_PATH}/images/icon_members.png") no-repeat bottom left;
	}

.icon_register { 
	background: url("{T_THEME_PATH}/images/icon_register.png") no-repeat bottom left;
	}

.icon_restore_permissions { 
	background: url("{T_THEME_PATH}/images/icon_restore_permissions.png") no-repeat bottom left;
	}
	
.icon_login { 
	background: url("{T_THEME_PATH}/images/icon_login.png") no-repeat bottom left;
	}
	
.icon_logout { 
	background: url("{T_THEME_PATH}/images/icon_logout.png") no-repeat bottom left;
	}

.icon_pm { 
	background: url("{T_THEME_PATH}/images/icon_pm.png") no-repeat bottom left;
	}

.icon_ucp { 
	background: url("{T_THEME_PATH}/images/icon_ucp.png") no-repeat bottom left;
	}

.icon_options { 
	background: url("{T_THEME_PATH}/images/icon_options.png") no-repeat bottom left;
	}

.icon_admin { 
	background: url("{T_THEME_PATH}/images/icon_admin.png") no-repeat bottom left;
	}

.icon_mod { 
	background: url("{T_THEME_PATH}/images/icon_mod.png") no-repeat bottom left;
	}

.icon_donate { 
	background: url("{T_THEME_PATH}/images/icon_donate.gif") no-repeat bottom left;
	}

Y nada... asi lo unico que e conseguido a sido que salga una tira de dibujos de arriba a abajo, lo puedes ver aqui:

http://www.clubrenaultgt.com/foropruebas/

Yo e deducido que tendria que crear esa linea, pues si el resto de imagenes la llevan... esta a "creido" que tambien deveria llevarla... pero por lo que veo no es asi...

PD: me voy a la cama que aqui en españa son las 4:44 de la madrugada y tengo sueño, si me contestas ya mañana lo veo.

Un saludo. y muchas gracias tio!!!

leviatan21 · #12

Eso está bien, sólo debes eliminar esta linea del archivo : raíz/styles/X_Silver/theme/colours.css

Código: Seleccionar todo

.icon-donate					{ background-image: url("{T_THEME_PATH}/images/icon_donate.gif"); }

Y actualizar el tema ( no la plantilla )

teto86 · #13

nada, si elimino esa linea no aparece ningun dibujo en el boton...

teto86 · #14

Leviatan!!! ya esta solucionado! despues de comerme el coco me e puesto a revisar paso a paso todo lo que me has dicho y el "problemilla" estaba aqui:
raíz/styles/X_Silver/template/overall_header.html

Código: Seleccionar todo

<li><a href="{U_DONATE_MOD}" title="{L_DONATE_EXPLAIN}"><b><img class="icon-donate" src="{T_THEME_PATH}/images/trans.gif" alt="" />{L_DONATE}</b></a></li>

Si te das cuenta dentro de esa linea pone:

Código: Seleccionar todo

<img class="icon-donate" src="...

Y lo correcto es:

Código: Seleccionar todo

<img class="icon_donate" src="...

Tan solo era cambiar "-" por "_"

Mil gracias.

leviatan21 · #15

teto86 escribió:Tan solo era cambiar "-" por "_"

Ni lo había notado

phpBB España Oficial