Ayuda con dos configuracionesTema Solucionado

[chacal_on]

URL: http://www.connectgaming.com.ar
Versión phpBB: 3.0.12
MODs Instalados: Steam mod, Ranks Page 1.0.3, Advanced BBCodes Box 3, SEO Premod, Anti-Spam ACP 1.0.6
Plantilla(s) usada(s): SE_Gamer_Dark
Servidor: eshost premium
Actualización desde otra versión: phpbb 3.0.12 a phpBB3-SEO-Premod_V_3-0-12
Conversión desde otro sistema de foros: No
Hola chicos, mil disculpas si algo esta mal sobre el tema. Espero ser claro y puedan ayudarme
he encontrdado un codigo para poner un banner de publicidad ej: google, etc. al poner la imagen me sobran de ambos lados unos espacios en blanco los cuales quiero quitar porque obvio que se ve muy mal. El otro problema es con otro codigo en el overall_footer.html, que cundo pongo el navegador en modo ventana, este fragmento se mueve tapando parte del foro. No se bien como explicarles. Mil disculpas si tengo que abrir un tema diferente para cada problema, es que como las dos cosas estan ahi pegaditas. Les dejo una captura [thumbnail]http://i.imgur.com/0Ohakjv.png[/thumbnail]

[micontre]

!	Mensaje del Equipo por: micontre
	te lo muevo a soporte de estilos ya que es un sitio mas adecuado para la consulta y si, un problema, un tema con titulo algo mas descriptivo

el fondo lo puedes cambiar : Abrir archivo /styles/SE_Gamer_Dark/theme/colours.css Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

ul.forums {
	background-color: #F9F9F9;

Reemplazar #F9F9F9 por el color que quieras para el lateral ,te aconsejaria que activaras la columna nateral que viene con el estilo

para activarlo
abre /styles/SE_Gamer_Dark/template/se_gamer_config.html.
hay tienes las opciones

Código: Seleccionar todo

<!-- DEFINE $SIDEBARS = 'off' --> Options: Left | Right | Both | Off
<!-- DEFINE $SIDEBAR_ON_PAGES = 'index' --> Options: Global | Index

en $SIDEBARS = 'off'' cambia 'off' por la que quieras 'left' o ' Right'
en $SIDEBAR_ON_PAGES = elije si quieres que salga en todas las paginas o solamente en principal

como lo tienes ahora , al tenerlo fijo siempre te tapara el foro al encojer la pantalla

[chacal_on]

Hola, gracias por responder. Prometo que la proxima vez pondrè un titulo màs descriptivo.
Bueno, seguimos con el problema.
Lo del Lateral la solucion serìa poner un codigo adecuado, ya que este lo recopilè yo y se que está mal.
Adjunto el overall_footer.html para ver si me pueden ayudar a cambiar el codigo o simplemente adaptarlo en una caja o algo asi.

overall_footer.rar

overall_footer.html

(2.09 KiB) Descargado 158 veces

Ahora si, problema principal es este
Modifiquè el codigo en /styles/SE_Gamer_Dark/theme/colours.css

Código: Seleccionar todo

ul.forums {
	background-color: #F9F9F9;

por

Código: Seleccionar todo

ul.forums {
	background-color: #1F1F1F;

Actualize estilos, temas, imagenes y limpie cache, aùn asi siguen los espacios en blanco.

Este es el fragmento de codigo en el overall_header.html, està añadido al final.

Código: Seleccionar todo

<div class="panel"> 
    <div class="forabg"> 
    <div class="inner"><span class="corners-top"><span></span></span>
    <ul class="topiclist">
    <li class="header"> Publicidad</li>
    </ul>
    <ul class="topiclist forums">
    </li>
    <center>
    <iframe src="http://store.steampowered.com/widget/218620/30182/" frameborder="0" width="646" height="190"></iframe>
    </center></li>
    </ul>
    <span class="corners-bottom"><span></span></span></div>
    </div></div>

Otra vez gracias.

[micontre]

dos posibilidades
1.- realiza el cambio de color de ul.forums { en el archivo content.css de la misma carpeta
2.- cambiar el codigo que tieens en overall_header.html por este que se adaptara mas al estilo

Código: Seleccionar todo

<div class="forabg">
	<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>Publicidad</dt>
				</dl>
			</li>
		</ul>
		<div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #1F1F1F; margin: 0px auto; text-align: center;">
			<iframe src="http://store.steampowered.com/widget/218620/30182/" frameborder="0" width="646" height="190"></iframe>
		</div>
	<span class="corners-bottom"><span></span></span></div>
</div>

lo del lateral habria que mirarlo .

[chacal_on]

Muy bien, perfecto, cambie el codigo en el overall_header.html, por el que dejaste y quedò estupendo.
[thumbnail]http://i.imgur.com/Z6aHorh.png[/thumbnail]
Primera parte Solucionado !. Muy agradecido.

[micontre]

si quieres que quede bien , activa el sidebar y pones lo que tienes en el (los "style= ............." los tendras que elominar para ello )
puedes seguir los pasos de como hacerlo en este tutorial (saltandote la instalacion ya que tu estilo ya lo incorpora)
[kb=http://www.phpbb-es.com/biblioteca/kb_show.php?id=163]Barra lateral en estilo prosilver[/kb]

[chacal_on]

Exelente la Barra lateral en estilo prosilver
Pero no pude lograr hacerlo. Primero solo active las barras en el se_gamer_config.html y no funciono
despues hice unas modificasiones en el archivo common.css y tampoco funciono.
Creo que esto va mas allà de lo que yo puedo hacer. Por ahora volvi a restaurar los cambios que hice.

[micontre]

bueno, pues haber si te gusta como queda asi.
basandome en en esto http://www.phpbb-es.com/foro/soporte-ph ... ml#p227435 (con varios cambios ya que con el no queda bien por el iflame que tienes de google+ y adaptarlo un poco al estilo) Abrir archivo/styles/tu estilo/theme/common.css Buscar

Código: Seleccionar todo

final de el archivo

Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

/* Contenedor general contenido */
.hiddencon {
margin: 0;
padding: 0;
width: 200px;
z-index:99999;
position: fixed;
/* Desplazamiento para ocultar hacia la derecha
todo el ancho del bloque menos el borde */
right: -200px;
top: 10px;
opacity: .9;
background-color:#1F1F1F;
border-bottom: medium solid #BE901B;
border-top: medium solid #BE901B;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;


}
.hiddencon2 {
top: auto;
bottom: 10px;
}
/* Contenido visible al hacer hover */
.hiddencon:hover {
right: 0;
}

.hiddencon-label {
margin-top: -17px;
margin-left: -30px;
padding: 10px;
position: absolute;
top: 50%;
display: inline-block;
color: white;
background: url("{T_THEME_PATH}/images/forumbg.gif") #1F1F1F;
font-size: 14px;
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}
.hiddencon, .hiddencon-label {
/* Desplegado suave con transiciones */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* El contenido incluida variante para listas */
.hiddencon p, .hiddencon ul {
margin: 0;
padding: 0;
border: 3px solid #BE901B;
border-right: 0;
color: #fff;
background-color: #000;
text-align:center;
vertical-align: center;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
/* Estilo para listas */
.hiddencon ul {
margin:0;
overflow:auto;
}
.hiddencon li {
display: block;
}
.hiddencon li a {
display: block;
padding: 10px;
border-bottom: 1px solid #333;
color: #ddd;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.hiddencon li:last-child a{
border-bottom: 0;
}
.hiddencon li a:hover {
background-color: #333;
text-decoration: none;
}

para cambiar el color de fondo lo prueden hacer en background-color:#1F1F1F; de .hiddencon
Abrir archivo /styles/tu estilo/template/overall_overall_footer.html tu cambia el codigo que tienes por este Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

</body>

Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

<div class="hiddencon">
<div class="hiddencon-label">&#9679;</div>


<a href='https://www.facebook.com/chacalevolutions' target='_blank'><img border='0' src='http://i.imgur.com/1eN4Q0f.gif' title='Designed by'/></a>

<a href='https://www.facebook.com/foroCG' target='_blank'><img border='0' src='images/upload/facebook.png' title='Seguirnos en Facebook'/></a>

<a href='https://www.youtube.com/user/arconnectgaming' target='_blank'><img border='0' src='images/upload/yt.png' title='Suscribete en Youtube'/></a>

<a href="http://media.steampowered.com/client/installer/SteamSetup.exe"  target='_blank'><img border='0' src='images/upload/install_button_spanish.png' title='Steam Download'/></a>

<a href="http://www.dm.origin.com/download" target='_blank'><img border='0' src='images/upload/install_button_origin.png' title='Origin Download'/></a>
</div>
<div class="hiddencon hiddencon2">
<div class="hiddencon-label">&#9679;</div>

<div class="g-page" data-width="200" data-href="https://plus.google.com/101460701779170396046" data-theme="dark" data-showtagline="false" data-rel="publisher"></div>

<script type="text/javascript">
  (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/client:plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script></div>

para el que le interece seria este

Código: Seleccionar todo

<div class="hiddencon">
<div class="hiddencon-label">&#9679;</div>
primer CONTENIDO OCULTO 
</div>
<div class="hiddencon hiddencon2">
<div class="hiddencon-label">&#9679;</div>
segundo CONTENIDO OCULTO 
</div>

si solamente se va a utilizar una eliminar:

Código: Seleccionar todo

<div class="hiddencon hiddencon2">
<div class="hiddencon-label">&#9679;</div>
segundo CONTENIDO OCULTO 
</div>

[chacal_on]

Hola, bueno acà volvi para darte dolor de cabeza.
Bueno, esto es lo que yo veo con el cambio, "Solo Actualizando Plantillas y limpiando cache"
[thumbnail]http://i.imgur.com/9OieBhq.jpg[/thumbnail]

Y esto es lo que pasa cuando Actualizo "Temas"
[thumbnail]http://i.imgur.com/zRKvtWp.png[/thumbnail]
Entiendo que el desorden es porque no se actualiza "Temas" y no se valida el cambio en el common.css
Lamentablemente no tengo el conosimiento necesario para detectar quizas esas pequeñas fallas, asi que aqui estoy de vuelta.

[ThE KuKa]

¿Estas editando archivos desde el ACP o descargando archivos, editando y subiendo de nuevo al servidor?

[chacal_on]

Tengo Backup, copio el documento a editar al escritorio y lo subo.
Seguro que es por la codificacion del archivo verdad ?

[micontre]

con que esditas los archivos?
tampoco veo ninguna edicion de /styles/SE_Gamer_Dark/theme/common.css

[chacal_on]

No hay cambios porque volvi a restaurar el archivo common.css original
Los cambios los realizo con el Notepad de windows 8.1

[ThE KuKa]

No has contestado a mi pregunta.

Creo que estas editando desde el ACP, seguramente hay algún código de tipo /* Pon aquí lo que quieras de código */ o algo por el estilo, ademas de mezclar ediciones desde el ACP y desde archivos, el foro se queda "tonto".

Editar SIEMPRE archivos, no desde el ACP.

[micontre]

el error que se suele cometer es ese.
los archivos mejor editarlos con notepad++