URL: http://fifasocial.url.ph/
Versión phpBB: 3.0.12
MODs Instalados: Ningún mod instalado
Plantilla(s) usada(s): Prosilver
Servidor: Servidor de pago, Empresa: Hostinger
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
Hola comunidad,
Me gustaría agregar una barra de navegación HTML que siga visible cuando bajo por la página (que flote), tengo un código HTML que me funciona me gustaría agregarla al código del foro para que sea visible el foro y en la parte superior la barra de navegación de la que os hablo.
Intenté agregarla al index.php principal de la raíz del foro pero no funciona y aparece un error.
Un saludo, gracias
Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..
Gracias.
La Administración de phpBB España.
Barra de navegación con el foro (Barra en movimiento)Tema Solucionado
Re: Barra de navegación con el foro (Barra en movimiento)
Agrega el codigo en el overall_header.html de tu estilo
Antes de nada, lee las Normas de phpBB-Es y las Normas de Soporte.
Como corregir el copyright de phpbb3 - Si tu foro no tiene copyright ,lee la guia antes de pedir soporte.No doy soporte por MP ni por MSN ,solo en los foros.
© angelismo- Webmaster de Webmastercreativo
© angelismo -Administrador de phpBB-es
Re: Barra de navegación con el foro (Barra en movimiento)
Lo he puesto, aunque se me ve de esta manera:
http://fifasocial.url.ph/index.php
En teoría, debería de quedar así:
http://fifasocial.url.ph/barra.html
Lleva un CSS para editar la barra de navegación
Seguramente estaré poniendo mal el código HTML en el overall_header.
http://fifasocial.url.ph/index.php
En teoría, debería de quedar así:
http://fifasocial.url.ph/barra.html
Lleva un CSS para editar la barra de navegación
Seguramente estaré poniendo mal el código HTML en el overall_header.
Última edición por nikndor el 30 Ene 2014, 21:50, editado 1 vez en total.
Re: Barra de navegación con el foro (Barra en movimiento)
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li></ul></div><div id="body">Yo no entiendo mucho de HTML, pero ¿Creen que alomejor el <li><a href="#"> haga referencia a los menús de la cabecera y por éso los botones de la navegación no están en la barra de navegación gris que hice si no que están más abajo?
Re: Barra de navegación con el foro (Barra en movimiento)
para realizar cambios en phpbb3 hay que tener alguna noción dde html .
no basta con colocar el codigo donde primero pillas ,tambien hay que saber donde y como se coloca cada una de las partes.
deja aqui los códigos que tienes para poner y te indicaremos donde y como se coloca cada parte.
no basta con colocar el codigo donde primero pillas ,tambien hay que saber donde y como se coloca cada una de las partes.
deja aqui los códigos que tienes para poner y te indicaremos donde y como se coloca cada parte.
- Mis datos | Mostrar
Re: Barra de navegación con el foro (Barra en movimiento)
Aquí el HTML
Aquí el CSS
Gracias micontre.
SPOILER_SHOW
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Barra alta</title>
<link rel="stylesheet" href="main.css" type="text/css" /></head>
<body><div id="nav"><p class="title"><a href="#" target="_blank"><span class="subtitle"></span></a></p>
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li></ul></div><div id="body">
</div></body></html>
<html>
<head>
<title>Barra alta</title>
<link rel="stylesheet" href="main.css" type="text/css" /></head>
<body><div id="nav"><p class="title"><a href="#" target="_blank"><span class="subtitle"></span></a></p>
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li></ul></div><div id="body">
</div></body></html>
SPOILER_SHOW
body { margin:0px;}#nav { background-color:#262626; width:100%; height:50px; box-shadow: 0px 1px 50px #5E5E5E; position:fixed; top:0px;}.title { color:#EDEDED; font-family:verdana; font-size:25px; width:350px; margin-top:6px; margin-left:150px; font-weight:bold; float:left;}.subtitle { color:#EDEDED; font-family:verdana; font-size:15px;}#navigation{ list-style-type:none; }li { display:inline; padding:10px;}#nav a{ font-family:verdana; text-decoration:none; color:#EDEDED;} #nav a:hover { color:#BDBDBD;}#body { width:850px; margin:0px auto; margin-top:80px; font-family:verdana;}hr {border:1px solid #262626;}
Gracias micontre.
Re: Barra de navegación con el foro (Barra en movimiento)
te voy a dejar como podrias ponerlo .
los códigos que has dejado tienen partes que entran en conflicto con la css que tiene el foro , asi que hay que hacer algun cambio para que se vea como quieres.
cambia el contenido de el archivo main.css por este y subelo a root/styles/prosilver/theme/main.css
Abrir archivo root/styles/prosilver/theme/stylesheet.css
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.
Abrir archivo root/styles/prosilver/template/overall_header.html
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.
los códigos que has dejado tienen partes que entran en conflicto con la css que tiene el foro , asi que hay que hacer algun cambio para que se vea como quieres.
cambia el contenido de el archivo main.css por este y subelo a root/styles/prosilver/theme/main.css
Código: Seleccionar todo
#nav-top { background-color:#262626; width:100%; height:50px; box-shadow: 0px 1px 50px #5E5E5E; position:fixed; top:0px; z-index:100}.title { color:#EDEDED; font-family:verdana; font-size:25px; width:350px; margin-top:6px; margin-left:150px; font-weight:bold; float:left;}.subtitle { color:#EDEDED; font-family:verdana; font-size:15px;}#nav-top ul{display: block; list-style-type: none; margin-top: 16px; position: relative; }#nav-top li { display:inline; padding:10px;}#nav-top li a{ color:#EDEDED; font-family:verdana; font-size:1.6em; text-decoration:none;} #nav-top li a:hover { color:#BDBDBD;}Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.
Código: Seleccionar todo
@import url("colours.css");Código: Seleccionar todo
@import url("main.css");Código: Seleccionar todo
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">Código: Seleccionar todo
<div id="nav-top"><p class="title"><a href="#" target="_blank"><span class="subtitle"></span></a></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li>
</ul></div>
Última edición por micontre el 31 Ene 2014, 19:28, editado 1 vez en total.
- Mis datos | Mostrar
Re: Barra de navegación con el foro (Barra en movimiento)
El error persiste, pero no quiero causar ninguna molestia, pensaba que era sencillo y no que llegásemos hasta este punto.
Gracias.
P.D; Quizás hasta haya hecho algo mal yo, de todos modos revisaré varias veces
Gracias.
P.D; Quizás hasta haya hecho algo mal yo, de todos modos revisaré varias veces
Re: Barra de navegación con el foro (Barra en movimiento) Tema Solucionado
has actualizado plantilla y tema?
ACP/pestaña de estilos/Temas , Plantillas y galeria de imagenes =>Actualizar
veo que no has quitado el codigo viejo de overall_header (el nuevo se ve tal como querias que saliera)
ACP/pestaña de estilos/Temas , Plantillas y galeria de imagenes =>Actualizar
veo que no has quitado el codigo viejo de overall_header (el nuevo se ve tal como querias que saliera)
- Mis datos | Mostrar
Re: Barra de navegación con el foro (Barra en movimiento)
Gracias micontre. Todo hecho y perfecto: http://fifasocial.url.ph/
Mi objetivo será hacer lo mismo pero en otra plantilla, como ya me arreglaste el main.css lo del HTML será fijarse bien y hacerlo de igual manera.
Un saludo y gracias nuevamente.
Mi objetivo será hacer lo mismo pero en otra plantilla, como ya me arreglaste el main.css lo del HTML será fijarse bien y hacerlo de igual manera.
Un saludo y gracias nuevamente.