Página 1 de 2
Ayuda con dos configuraciones
Publicado: 22 Mar 2014, 01:00
por 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]
Re: Ayuda con dos configuraciones
Publicado: 22 Mar 2014, 03:22
por 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.
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
Re: Ayuda con dos configuraciones
Publicado: 22 Mar 2014, 17:58
por 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.
Ahora si, problema principal es este
Modifiquè el codigo en /styles/SE_Gamer_Dark/theme/colours.css
por
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.
Re: Ayuda con dos configuraciones
Publicado: 22 Mar 2014, 18:56
por 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 .
Re: Ayuda con dos configuraciones
Publicado: 22 Mar 2014, 20:37
por 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.
Re: Ayuda con dos configuraciones
Publicado: 22 Mar 2014, 22:11
por 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]
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 06:59
por 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.
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 16:24
por 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
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.
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">●</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">●</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">●</div>
primer CONTENIDO OCULTO
</div>
<div class="hiddencon hiddencon2">
<div class="hiddencon-label">●</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">●</div>
segundo CONTENIDO OCULTO
</div>
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 19:44
por 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.
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 20:03
por ThE KuKa
¿Estas editando archivos desde el ACP o descargando archivos, editando y subiendo de nuevo al servidor?
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 20:16
por chacal_on
Tengo Backup, copio el documento a editar al escritorio y lo subo.
Seguro que es por la codificacion del archivo verdad ?
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 20:21
por micontre
con que esditas los archivos?
tampoco veo ninguna edicion de /styles/SE_Gamer_Dark/theme/common.css
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 20:25
por 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
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 20:26
por 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.
Re: Ayuda con dos configuraciones
Publicado: 23 Mar 2014, 20:39
por micontre
el error que se suele cometer es ese.
los archivos mejor editarlos con notepad++
