Header estilo cooperativeTema Solucionado

[tinch06]

Abro este tema para dejar el otro como resueltoy no poner más dudas en el mismo.

Aclaro nuevamente que los datos de mi firma no corresponden porque estoy con un foro de prueba para después pasarlo al definitivo. La url es: http://www.fororiver.zobyhost.com/ Y el estilo es cooperative.

Mi consulta es sobre la cabecera del foro, en ese estilo particular se adapta al monitor que se usa, por lo que cualquier imagen que ponga se recorta o multiplica dependiendo el tamaño del monitor. Obviamente no es algo agradable para nadie, por eso es que quisiera dejarlo como este foro o como la mayoría, donde el cuerpo y el encabezado tienen el mismo ancho, formando una sola entidad, no se si me explico.

Pienso que debe ser posible realizarlo, aunque no se que tan complejo lo es. Aclaro que el estilo es basado en prosilver

[memoadian]

primero haz una copia de tus plantillas, y luego ponemos manos a la obra, abre tu overall header y busca

Código: Seleccionar todo

<div id="page-header">
		
		<div id="logodesc">
			<div id="topinner">
			<div class="container_12">
				<div class="grid_4">
					<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
				</div>
				<div class="grid_8">
					<div id="topmod">
					
					<div id="dvg-loginlinks">
						<!-- IF not S_USER_LOGGED_IN -->
							<a href="{U_INDEX}"><span class="top-home">{L_INDEX}</span></a>
							<a href="{U_FAQ}"><span class="top-faq">{L_FAQ}</span></a>
							<!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH}"><span class="top-search">{L_SEARCH}</span></a><!-- ENDIF -->
							<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><span class="top-login">{L_LOGIN}</span></a><!-- ENDIF -->
							<!-- IF S_REGISTER_ENABLED and not S_IS_BOT --><a href="{U_REGISTER}"><span class="top-register">{L_REGISTER}</span></a><!-- ENDIF -->
						<!-- ENDIF -->
						<!-- IF S_USER_LOGGED_IN -->
						    <a href="{U_PROFILE}"><strong>{S_USERNAME}</strong></a>:
						    <a href="{U_PROFILE}"><span class="top-profile">{L_PROFILE}</span></a>&nbsp;
						<!-- ENDIF -->
						<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}"><span class="top-pm">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></span></a>&nbsp;<!-- ENDIF -->
						<!-- IF S_USER_LOGGED_IN and not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><span class="top-logout">{L_LOGOUT}</span></a><!-- ENDIF -->
					</div>
					
					<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
					<div id="dvg-loginform">
					<form method="post" action="{S_LOGIN_ACTION}" >
						<fieldset class="quick-login">
							<p id="form-quicklogin">
								<label for="username"><img src="{T_THEME_PATH}/images/top/user.gif"></label><input type="text" name="username" id="username" class="inputbox" title="{L_USERNAME}" value="{L_USERNAME}" onclick="if(this.value=='{L_USERNAME}')this.value='';" onblur="if(this.value=='')this.value='{L_USERNAME}';" />  
								<label for="password"><img src="{T_THEME_PATH}/images/top/lock.gif"></label><input type="password" name="password" id="password" class="inputbox" title="{L_PASSWORD}" value="{L_PASSWORD}" onclick="if(this.value=='{L_PASSWORD}')this.value='';" onblur="if(this.value=='')this.value='{L_PASSWORD}';" />
								<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
								<!-- IF S_AUTOLOGIN_ENABLED --><!--<br /><label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>--><!-- ENDIF -->
							</p>
							{S_LOGIN_REDIRECT}
						</fieldset>
					</form>
					</div>
					<!-- ENDIF -->
					</div>
				</div>
			</div>
			</div>
		</div>
	
		<div id="menubar">
			<div id="menubar-bottom">
				<div class="container_12">
					<ul id="navmenu">
						<li class="first"><a href="{U_INDEX}">{L_INDEX}</a></li>
						<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}">{L_SEARCH}</a></li><!-- ENDIF -->
						<li><a href="{U_FAQ}">{L_FAQ}</a></li>
						<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not S_IS_BOT --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
						<!-- IF not S_IS_BOT --><li class="last"><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
					</ul>
				</div>
			</div>
		</div>

</div>

y lo cortas, luego en ese mismo archivo buscas

Código: Seleccionar todo

<div id="wrap" class="container_12">

y debajo le colocas el código quecortaste, limpia la caché de la plantilla y listo.

[tinch06]

Gracias memoadian, me funcionó perfecto!

Lo hacen ver tan sencillo que a uno le da ganas de aprender. Ojalá algún día puede colaborar.

Saludos