¿Como agregar una barra o unos botones a mi foro?

mundofenixes · #1

Hola, les cmento mi problema

yo tengo mi portal de mi web [www.mundofenixes.com]

creado con otra CMS aparte del foro [site reptile CMS]

entonces en teoria el foro esta por separado [hay un hipervinculo en el portal de inicio]

Entonces me gustaria agregarle al Foro, el menu de Navegacion que hay en la web original [no necesariamente el mismo]

Pero no se como hacerle

ya intente instalando RedBar pero no lo consigo xD

Alguien me da una mano?

Gracias

URL: http://www.mundofenixes.com/foro
Versión phpBB: phpBB3 (3.0.5)
MODs Instalados: Top 5,
News
Plantilla(s) usada(s): ElementRed

Ezkiel · #2

Copia el código del menú en el overal_header.html de tu template de phpbb3.

mundofenixes · #3

;O, disculpa podrias explicarte mejor?

Es que ya busque en mi plantilla y todo esta en php

entonces, alguna otra solucion? =)

Ezkiel · #4

Si ni me equivo la barra que quieres poner en el foro es esta:

http://img18.imageshack.us/img18/2467/menubgv.jpg

Si es esa, esta en html seguro, sería sacar el HTML y el css y ponerlo en el header del foro.

mundofenixes · #5

Ezkiel escribió:Si ni me equivo la barra que quieres poner en el foro es esta:

http://img18.imageshack.us/img18/2467/menubgv.jpg

Si es esa, esta en html seguro, sería sacar el HTML y el css y ponerlo en el header del foro.

Si,exactamente esa

El problema es que ya viendo mi codigo de web

Me aparece el HTML pero en Java Script

osea asi {%Display_menu%} en lugar de aparecer el html

y no se donde esta eso ;O, :\

Ideas?

mundofenixes · #6

af, contesto otra vez, ya logre incluir otro menu [izzimenu.com]

pero solo le inserte el html

ya que el css no supe como hacerle

y por tanto el menu se ve algo feo xD

Podrias ayudarme?

Ezkiel · #7

Bien en el overal_header.html entre las etiquetas

Código: Seleccionar todo

<head></head>

pones esto

Código: Seleccionar todo

<style type="text/css">
</style>

y dentro de esas 2 etiquetas metes el css del menú, es una manera un tanto chapucera de hacerlo, lo suyo sería meterlo en algún archivo .css que trajera el theme.

Si el menú trae imágenes deberías meterlas en su ruta o no se te verá. Espero que lo hayas entendido, si no me pasas el código por pastebin =)

mundofenixes · #8

gracias por la respuesta, y si efectivamente el theme trae su propio stylesheet.ccs

alli trate de meterlo, pero no me salio muy bien

aqui te dejo el codigo del mi stylesheet

Spoiler

Código: Seleccionar todo

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		ElementRed
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-image: url('./images/bg.gif');
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

.wrap {
	width: 97%;
	margin: 0 auto;
	min-width: 800px;
	margin-top: 5px;
}

#wrapheader {
}

.inner {
	background-color: #000;
}

.bc {
	border-left: 1px dashed #494949;
	border-top: 1px dashed #494949;
	border-right: 1px dashed #191919;
	border-bottom: 1px dashed #191919;
	padding: 4px;
}

.logo {
	padding-left: 30px;
}

a.headw, a.headw:visited, a.headw:link, a.headw:active, a.headw:hover {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 2.0em;
	padding-left: 1px;
}

.genmedw {
	color: #FFFFFF;
	margin: 1px 1px;
	font-size: 1em;
}

a.genmedw, a.genmedw:visited, a.genmedw:link, a.genmedw:active, a.genmedw:hover {
	color: #FFFFFF;
	margin: 1px 1px;
	font-size: 1em;
}

#wrapcentre {
	margin: 2px 10px 0 10px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#datebar {
	margin: 15px 10px 0 10px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #000;
	border-left: 1px dashed #494949;
	border-top: 1px dashed #494949;
	border-right: 1px dashed #191919;
	border-bottom: 1px dashed #191919;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

.navspacel {
	display: block;
	position: relative;
	float: left;
	width: 4px;
	height: 20px;
}

.navspacer {
	display: block;
	position: relative;
	float: right;
	width: 4px;
	height: 20px;
}

a.squarebuttonl {
	background: transparent url('./images/navl.gif') no-repeat top left;
	display: block;
	float: left;
	font-size: 10px; /* Change as desired */
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 20px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a.squarebuttonr {
	background: transparent url('./images/navl.gif') no-repeat top left;
	display: block;
	float: right;
	font-size: 10px; /* Change as desired */
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 20px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.squarebuttonl, a:visited.squarebuttonl, a:active.squarebuttonl, a:link.squarebuttonr, a:visited.squarebuttonr, a:active.squarebuttonr {
	color: #FFFFFF; /*button text color*/
	text-decoration: none;
}

a.squarebuttonl span, a.squarebuttonr span {
	background: transparent url('./images/navr.gif') no-repeat top right;
	display: block;
	padding: 4px 8px 4px 0; /*Set 8px below to match value of 'padding-left' value above*/
}

a.squarebuttonl:hover, a.squarebuttonr:hover { /* Hover state CSS */
	background-position: bottom left;
}

a.squarebuttonl:hover span, a.squarebuttonr:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	padding-top: 4px;
	height: 20px;
	width: 100%;
}

/* Search box
--------------------------------------------- */
#search-box {
    color: #FFF;
    float: right;
    padding-top: 38px;
	padding-right: 30px;
    text-align: right;
    white-space: nowrap; /* For Opera */
}

#search-box #keywords {
    width: 135px;
    height: 16px;
    background: transparent url("./images/searchbg.gif");
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 10px;
    font-style: italic;
}

#search-box input {
    border: none;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
    padding: 1px 5px;
}

#search-box li {
    text-align: right;
}

#search-box img {
    vertical-align: middle;
    margin-right: 3px;
}

input.search {
    padding-left: 6px;
    padding-top: 4px;
}

input.forumsearch {
    border-color: #3A4955;
    color: #999999;
    font-size: 11px;
    font-style: italic;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.nb {
	border: none;
	background: none;
}

/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
	padding-bottom: 3px;
}

.rtl p.linkmcp {
	float: left;
}
.redbar {
        margin: 0;
        text-align:center;
        font-weight: bold;
        font-size: 1.1em;
}
p.breadcrumbs {
	margin: 0;
	float: left;
	color: #FFF;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.forumdescg {
	color: #747474;
	padding-bottom: 4px;
}

.postdesc {
	color: #747474;
	font-size: 1.3em;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #FFFFFF;
}

.postdetails {
	color: #FFFFFF;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #FFF;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright, a.copyright, a.copyright:visited, a.copyright:link, a.copyright:active {
	color: #484848;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a.copyright:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #FFFFFF;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	background-color: #000;
	background-image: url('./images/th.gif');
	background-repeat: repeat-x;
	background-position: top;
	white-space: nowrap;
	border-bottom: 1px solid #191919;
}

td.profile {
	padding: 4px;
	border-right: solid 1px #191919;
}

.tablebg {
	background-color: #000;
	border-left: solid 1px #494949;
	border-right: solid 1px #191919;
	border-top: solid 1px #494949;
	border-bottom: solid 1px #191919;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/th.gif') repeat-y scroll top left;
}

.rtl .catdiv {
	background: white url('./images/th.gif') repeat-y scroll top right;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #000;
	background-image: url('./images/th.gif');
	background-repeat: repeat-x;
	background-position: top;
	text-indent: 4px;
	border-top: solid 1px #494949;
}

.catb {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #000;
	background-image: url('./images/th.gif');
	background-repeat: repeat-x;
	background-position: top;
	text-indent: 4px;
}

.row1 {
	background-color: #000;
	padding: 4px;
}

.row1h {
	background-color: #000;
	padding: 4px;
}

.row1h:hover {
}

.row2, .row3 {
	background-color: #000;
	padding: 4px;
}

.row4 {
	background-color: #000;
	padding: 4px;
	background-image: url('./images/thb.gif');
	background-repeat: repeat-x;
	background-position: top;
}

.row4h {
	background-color: #000;
	padding: 4px;
	background-image: url('./images/th.gif');
	background-repeat: repeat-x;
	background-position: top;
}

.spacer {
	border-top: solid 1px #191919;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #000;
	color: #FFF;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #DCDCDC;
	text-decoration: underline;
}

a.link-new, a.link-new:visited {
	text-decoration: underline;
}
a.link-new:hover, a.link-new:visited:hover {
	text-decoration: underline; 
}

a.forumlink, a.forumlink:visited, a.forumlink:link, a.forumlink:active {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
}

a.forumlink:hover {
	color: #DCDCDC;
}

a.topictitle, a.topictitle:visited, a.topictitle:link, a.topictitle:active {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:hover {
	color: #DCDCDC;
}

th a,
th a:visited {
	color: #FFFFFF !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #FFF;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #000;
	border-left: solid 1px #494949;
	border-right: solid 1px #191919;
	border-top: solid 1px #494949;
	border-bottom: solid 1px #191919;
}

.btnbbcode:hover {
	border-left: solid 1px #191919;
	border-right: solid 1px #494949;
	border-top: solid 1px #191919;
	border-bottom: solid 1px #494949;
}

.btnmain {
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	border-left: solid 1px #494949;
	border-right: solid 1px #191919;
	border-top: solid 1px #494949;
	border-bottom: solid 1px #191919;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnmain:hover {
	border-left: solid 1px #191919;
	border-right: solid 1px #494949;
	border-top: solid 1px #191919;
	border-bottom: solid 1px #494949;
}

.btnlite {
	font-weight: normal;
	color: #FFF;
	background-color: #000;
	border-left: solid 1px #494949;
	border-right: solid 1px #191919;
	border-top: solid 1px #494949;
	border-bottom: solid 1px #191919;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite:hover {
	border-left: solid 1px #191919;
	border-right: solid 1px #494949;
	border-top: solid 1px #191919;
	border-bottom: solid 1px #494949;
}

.btnfile {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	color: #FFF;
	background-color: #000;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-left: 1px solid #494949;
	border-top: 1px solid #494949;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	color: #FFF;
	background-color: #000;
	background-image: url('./images/th.gif');
	background-repeat: repeat-x;
	background-position: top;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-left: 1px dashed #494949;
	border-right: 1px dashed #191919;
	border-bottom: 1px dashed #191919;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #000;
	color: #FFF;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-left: 1px solid #494949;
	border-top: 1px solid #494949;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	color: #FFF;
	background-color: #000;
	background-image: url('./images/th.gif');
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent code {
	overflow: auto;
    display: block;
    height: auto;
    max-height: 200px;
    white-space: normal;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-left: 1px dashed #494949;
	border-right: 1px dashed #191919;
	border-bottom: 1px dashed #191919;
	font-weight: normal;
	color: #FFF;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #000;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #FFFFFF;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.buttons {
	float: left;
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

.profile-icons {
	float: right;
	width: auto;
	height: auto;
}

/* Rollover state */
.profile-icons div {
	float: right;
	margin: 0 0 5px 5px;
	background-position: 0 100%;
}

/* Rolloff state */
.profile-icons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

.review-icons {
	float: right;
	width: auto;
	height: auto;
}

/* Rollover state */
.review-icons div {
	float: right;
	margin: 5px 5px 5px 0;
	background-position: 0 100%;
}

/* Rolloff state */
.review-icons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.reply-icon span, .post-icon span, .locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span, .newpm-icon span, .forwardpm-icon span	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon, .buttons div.post-icon, .buttons div.locked-icon, .buttons div.pmreply-icon, .buttons div.newpm-icon, .buttons div.forwardpm-icon		{ width: 91px; height: 30px; }

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
.profile-icons span { display:none; }
.profile-icons a:hover { background: none; }
.review-icons span { display:none; }
.review-icons a:hover { background: none; }

/* Profile & navigation icons */
.quote-icon, .quote-icon a, .report-icon, .report-icon a, .warn-icon, .warn-icon a, .edit-icon, .edit-icon a, .delete-icon, .delete-icon a, .info-icon, .info-icon a	{ background: none top left no-repeat; }

/* Set profile icon dimensions */
.profile-icons div.quote-icon, .review-icons div.quote-icon	{ width: 43px; height: 18px; }
.profile-icons div.report-icon, .profile-icons div.info-icon, .profile-icons div.warn-icon	{ width: 19px; height: 18px; }
.profile-icons div.edit-icon, .review-icons div.edit-icon	{ width: 34px; height: 18px; }
.profile-icons div.delete-icon, .review-icons div.delete-icon	{ width: 17px; height: 18px; }

.reply-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_reply.gif"); }
.post-icon span		{ background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_new.gif"); }
.locked-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_locked.gif"); }
.pmreply-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_reply.gif"); }
.newpm-icon span 	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_new.gif"); }
.forwardpm-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_forward.gif"); }

/* Profile & navigation icons */
.quote-icon, .quote-icon a		{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_quote.gif"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_report.gif"); }
.edit-icon, .edit-icon a			{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_edit.gif"); }
.delete-icon, .delete-icon a		{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_delete.gif"); }
.info-icon, .info-icon a			{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_info.gif"); }
.warn-icon, .warn-icon a			{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_warn.gif"); }

Y tambien el de izzimenu.com [la barra]

Spoiler

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="chrome.js"></script>
<style>
#MainMenu 
{
	height:27px;
	background:url(images/bmid_008.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/bright_008.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_008.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:27px;
	padding:0 20px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 #306;
	background:url(images/bmid_008.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0 #000;
	color:#FFF;
	background:url(images/bleft_008.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:27px;
	background:url(images/bright_008.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 20px;
}
.dropmenudiv a:hover 
{
	border:0 #000;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000;
	font-weight:700;
}

</style></head><body>
<div id="MainMenu">
	<div id="tab">
		<ul>
			<li><a href="http://www.mundofenixes.com/"><span>MundoFenix</span></a></li>
			<li><a href="http://www.mundofenixes.com/index.php?p=1_2_RadioFenix-y-chat"><span>RadioFenix</span></a></li>
			<li><a href="http://www.mundofenixes.com/foro"><span>Foro</span></a></li>
			<li><a href="http://www.mundofenixes.com/index.php?p=1_5_Podcasts"><span>Podcast</span></a></li>
			<li><a href="http://www.mundofenixes.com/index.php?p=1_7_Video-de-la-Semana"><span>Video de la Semana</span></a></li>
			<li><a href="http://www.mundofenixes.com/index.php?p=1_9_Contacto"><span>Contacto</span></a></li>
		</ul>
	</div>
</div></iframe></body></html>

Tambien cabe mencionar que no meti el codigo de la barra tal cual en el overal sino lo puze como <-- include izzimenu.html--->

Muchas gracias por el soporte.

Ezkiel · #9

Pasame el el código del header, que entonces no puedo hacer nada =)

mundofenixes · #10

jaja, disculpame no crei que fuera necesario xD

Aqui va:

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<link rel="shortcut icon" href="logo.ico">

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

function selectCode(a)
{
   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

   // Not IE
   if (window.getSelection)
   {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<table class="wrap" width="100%" cellpadding="0" cellspacing="0">
<tr><td>

<div id="wrapheader">
		<table width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<td width="413" height="90" style="background:url('{T_THEME_PATH}/images/topl.png');"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a><br /><span class="genmedw">{SITE_DESCRIPTION}</span></div></td>
            <td height="90" style="background:url('{T_THEME_PATH}/images/topm.png');">&nbsp;</td>
            <td width="264" height="90" align="right" style="background:url('{T_THEME_PATH}/images/topr.png');">
    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
	<div class="midlink">
	<div id="search-box">
	<form action="{U_SEARCH}" method="post" id="search">
            <fieldset class="nb">
               <input name="keywords" type="text" class="inputbox search" id="keywords" title="{L_SEARCH_KEYWORDS}" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="50" />
               <input class="nb" name="submit" type="hidden" /><br />
	<a class="genmedw" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
	</form>
	</div>
	</div>
	<!-- ENDIF -->
            </td>
		</tr>
		</table>
    </div>
        <table width="100%" cellpadding="0" cellspacing="0">
		<tr><td width="26" style="background:url('{T_THEME_PATH}/images/midl.png');"></td>
        <td class="inner">

		<table width="100%" cellspacing="0">
		<tr>
			<td height="24" align="left">
	<div class="buttonwrapper">
	<div class="navspacel"></div>
	<!-- IF S_USER_LOGGED_IN -->
	<!-- ELSEIF S_REGISTER_ENABLED -->
	<a class="squarebuttonl" href="{U_REGISTER}"><span>{L_REGISTER}</span></a><div class="navspacel"></div>
	<!-- ENDIF -->
	<!-- IF S_USER_LOGGED_IN -->
	<a class="squarebuttonl" href="{U_PROFILE}"><span>{L_PROFILE}</span></a><div class="navspacel"></div>
	<!-- IF S_DISPLAY_PM -->
	<a class="squarebuttonl" href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a><div class="navspacel"></div>
	<!-- ENDIF -->
	<!-- ENDIF -->
	<!-- IF U_RESTORE_PERMISSIONS -->
	<a class="squarebuttonl" href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a>
	<!-- ENDIF -->
	</div>

	</td>
	<td width="431" height="24" align="right">

	<div class="buttonwrapper">
	<div class="navspacer"></div>
	<!-- IF not S_IS_BOT -->
	<a class="squarebuttonr" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a><div class="navspacer"></div>
	<!-- IF S_DISPLAY_MEMBERLIST -->
	<a class="squarebuttonr" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a><div class="navspacer"></div>
	<!-- ENDIF -->
	<!-- ENDIF -->
	<a class="squarebuttonr" href="{U_FAQ}"><span>{L_FAQ}</span></a>
	</div>
			</td>
		</tr>
		</table>

	<div id="datebar">
		<table width="100%" cellspacing="0">
			<!-- IF S_BOARD_DISABLED -->
            <tr><td class="gensmall">
			<span class="error">{L_BOARD_DISABLED}</span>
            </td></tr>
            <!-- ENDIF -->
            <tr>
			<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
		</table>
	</div>

<div id="wrapcentre">

	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

  <!-- INCLUDE IzzyMenu.html -->

	<br style="clear: both;" />

    <!-- INCLUDE redbar.html -->

  <!-- INCLUDE breadcrumbs_fade-news.html -->


      


        
	
	<br />

Ezkiel · #11

Buenas de nuevo ^^

Aquí tienes tu header

http://www.phpbb-es.com/foro/pastebin.p ... =view&s=95

Y aquí tu hoja de estilo

http://www.phpbb-es.com/foro/pastebin.p ... =view&s=96

Una vez puestos, recuerda actualizar la plantilla y borrar la cache. También las imagenes del menu deben estar en la misma ruta que indica el css. El css del menu esta puesto el primero con el comentario de "/* Menú*/"

mundofenixes · #12

afff mi amigo, perdona, pero no quedo :\

Se ve raro xD, ve mi foro para que entiendas de que te hablo

Que cres que aya salido mal?

=)

memoadian · #13

me parece que es un simple problema de html y de css los puntitos si no los quieres pues en tu css coloca donde corresponda { list-style:none }
y en el caso de los enlaces prueba esto

busca:

Spoiler

<ul>
<li><a href="http://www.mundofenixes.com/">Mun ... n></a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... n></a></li>
<li><a href="http://www.mundofenixes.com/foro"></a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... n></a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... span>Video de la Semana</a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... n></a></li>
</ul>

y en vez de colocarlas una debajo de otra colocalas en la misma línea, y haces lo anterior, a mi me funciona bastante bien puedes probar.

Ezkiel · #14

memoadian escribió:me parece que es un simple problema de html y de css los puntitos si no los quieres pues en tu css coloca donde corresponda { list-style:none }
y en el caso de los enlaces prueba esto

busca:
Spoiler
<ul>
<li><a href="http://www.mundofenixes.com/">Mun ... n></a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... n></a></li>
<li><a href="http://www.mundofenixes.com/foro"></a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... n></a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... span>Video de la Semana</a></li>
<li><a href="http://www.mundofenixes.com/index.php?p ... n></a></li>
</ul>
y en vez de colocarlas una debajo de otra colocalas en la misma línea, y haces lo anterior, a mi me funciona bastante bien puedes probar.

No es necesario hacer eso, puesto que yo mismo me baje su estilo y lo puse en mi phpbb3 y me funciono, solo que yo no tenia las imágenes, puedes verlo aquí --> http://84.125.230.32/phpbb3/index.php

Fue error mío, que te dije que actualizases la plantilla y también debes actualizar el tema, así como la galería de imágenes =) Y debería salirte bien.

mundofenixes · #15

ya limpie todos los caches avidos y por aver, y nomas no se deja :\

phpBB España Oficial

¿Como agregar una barra o unos botones a mi foro?

¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?

Re: ¿Como agregar una barra o unos botones a mi foro?