phpBB España Oficial

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

Agrega el codigo en el overall_header.html de tu estilo

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.

<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?

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.

Aquí el HTML

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>

Aquí el CSS

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.

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

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;}

Abrir archivo root/styles/prosilver/theme/stylesheet.css
Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

@import url("colours.css");

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

@import url("main.css");

Abrir archivo root/styles/prosilver/template/overall_header.html Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

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 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>

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

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)

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.

phpBB España Oficial

Barra de navegación con el foro (Barra en movimiento)

Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento)

Re: Barra de navegación con el foro (Barra en movimiento) Tema Solucionado

Re: Barra de navegación con el foro (Barra en movimiento)