Página 1 de 1
Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 06:38
por zyxer
Buenas, saludos a todos.. tengo una duda...
Tengo este Mod, , que te agrega un menu al head del foro y te permite cambiar su color mediante un módulo en el ACP, el asunto es que no quiero que se pueda cambiar por el ACP sino mediante la hoja de Estilo y no se como hacer eso.... la línea exacta que le da el color al menu es esta:
Código: Seleccionar todo
<div id="menu" style="clear:both;margin-top:-3px;background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_bg.gif') repeat-x;">
donde S_MENU_COLOR es igual al nombre del color que quieres seleccionar y debes tener una carpeta con ese nombre... en esa dirección y dentro de ella la imagen que será el nuevo fondo del menú.
Perdón por mi pregunta de novato, pero es que mi conocimiento de CSS en exageradamente escaso...
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 07:12
por memoadian
no comprendo cual es el fin de eso, si sabes como modificar el color ¿cual es la pregunta? que no se pueda cambiar el color del acp, la verdad no entiendo.
Edito: Ya entendí, acabo de leer el otro post, quieres que cambie con el selector de colores ok
mira {S_MENU_COLOR} es una variable que controla la carpeta donde estan las imágenes y el selector de color lo que hace es sobreescribir mediante javascript los dom de tu web.
entonces bastaria que en la hoja de estilos por ejemplo green.css escribieras esto:
Código: Seleccionar todo
#menu{
background-image:url(http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/green/menu_bg.gif);
}
supongo que puedes usar rutas relativas.
obviamente tendrias que tener la carpeta green, y el menu_bg.gif dentro con un color verde.
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 13:28
por zyxer
Lo intenté y no funciona, porque es que eso no existe como unaa variablle en el StyleSheet, esa línea que te pasé está en el Overal_header... me imagino que la solución sería buscar la forma de que se controle por el stylesheet.css y entonces si tendría sentido que la el green.css pueda remplazarlo.. porque es que el color se le está declarando de forma directa desde el código del menu y no mediante una hoja de estilos..
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 14:50
por memoadian
lo que pasa es que el navegador primero lee el css y despues se encuentra con el código del menu y deja el color del acp
pero el div tiene un id
por lo que puedes borrar esa parte del código de tu html
y dejarlo así:
y entonces al colocar
Código: Seleccionar todo
#menu{
background-image:url(http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/green/menu_bg.gif);
}
ya te tendría que tomar tú código.
solo tendrias que añadir tambien ese código a los archivos css como el colours.css para que al darle default no se quede en blanco.
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 15:25
por zyxer
gacias, pero coloque el primer codigo que me diste en el head y el segundo codigo en el archivo css de colours con el que estoy probando y al actualizar me sale en balnco tanto con el default como con el otro..
Re: Agregar Menu a Estilo CSS Tema Solucionado
Publicado: 24 Jul 2011, 15:40
por memoadian
Pues en el orange si sale la imágen, en el default si sale en blanco. pero no esta asociado ningun background.
si actualizaste el theme de la plantilla por que no veo que esté el código del menu.
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 16:31
por zyxer
Weeeyy excelente! ya casi está,
no vi que salia el color porque debía borrar el historial de mi navegador. Ya corregí el otro para que se vea el de el color default
el único detalle que falta son las esquinas... iba a hacer lo mismo pero como no sé de CSS, al no ver que tengan un ID no supe que hacer... Mira, este es el código de todo el menú en el overall_header:
SPOILER_SHOW
Código: Seleccionar todo
<div id="menu" style="clear:both;margin-top:-3px;">
<div class="inner">
<span class="menu_corner-left"> style="background: url('http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/blue/menu_corner.gif') no-repeat;"</span>
<span class="menu_corner-right" style="background: url('http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/blue/menu_corner_right.gif') no-repeat;"></span>
<!-- IF S_DISPLAY_SEARCH and S_MENU_SEARCH -->
<div id="top-search" style="<!-- IF S_MENU_ALIGN == 'right' -->float: left;<!-- ELSE -->float: right;<!-- ENDIF -->background: transparent url('http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/blue/menu_search.gif') no-repeat scroll 0 0;">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="menu_search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
{S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<ul>
<!-- BEGIN buttons -->
<!-- IF not (not S_USER_LOGGED_IN and buttons.ONLY_REGISTERED) --><li class="menu_button" style="float:{S_MENU_ALIGN};"><a href="{buttons.URL}" title="{buttons.NAME}"<!-- IF buttons.EXTERNAL --> target="_blank"<!-- ENDIF --> style="font-weight:{S_MENU_WEIGHT};text-transform:{S_MENU_TEXT_TRANSFORM};">{buttons.NAME}</a></li><!-- ENDIF -->
<!-- END buttons -->
</ul>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span></div>
</div>
y este es el lugar especídico donde específico donde están indicadas la imagenes que serán los colores:
SPOILER_SHOW
Código: Seleccionar todo
<span class="menu_corner-left"> style="background: url('http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/blue/menu_corner.gif') no-repeat;"</span>
<span class="menu_corner-right" style="background: url('http://www.feenmovimiento.com/phpBB3/styles/prosilver/theme/images/menu/blue/menu_corner_right.gif') no-repeat;"></span>
Disculpa mi ignorancia, pero a ver si me sugieres que debo hacer, porque (repito) como no tienen un ID, no sé que hacer... Gracias y disculpe lass molestias..
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 16:56
por memoadian
las esquinas no tienen un id, pero tienen una clase
.menu_corner-left
y
.menu_corner-right
es como si fuera su id, haz lo mismo que en el anterior código.
Re: Agregar Menu a Estilo CSS
Publicado: 24 Jul 2011, 20:21
por zyxer
Gracias man!!!
Me tomé mi tiempo en hacerlo, pero me fue muy util tu ayuda!! me gusta la forma en que ayudan en este foro... cada problema que tengo, voy aprendiendo un poquito más!! Sígan así! Felicidades!!