TUServerMU

MuOnline => WebSite => Extras => Tema comenzado por: Azzlaer on May 18, 2017, 09:07:48 PM

Titulo: Agregar Menu
Posteado por: Azzlaer on May 18, 2017, 09:07:48 PM
Hola TuServerMU les vengo a traer un tutorial para añadir un menu en su "index.php"
El siguiente codigo deberan agregarlo luego de la etiqueta <body> de su "index.php" y modificarlo a su gusto.

(https://scontent-eze1-1.xx.fbcdn.net/v/t1.0-9/18519448_10213159440529686_4716767151485655194_n.jpg?oh=aa2069b02662dc531855f1b5d6562e5f&oe=59A47CDF)

Code: [Select]
<div id="menu">
<ul>
<li><a href="index.php">INICIO</a></li>
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>register">REGISTRATE</a></li>
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>downloads">DESCARGAS</a></li>
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>rankings">RANKING</a></li> 
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>webshop">WEBSHOP</a></li>
<li><a href="https://www.tuservermu.com.ve" target="_blank">FORO</a></li>
<li><a href="https://www.facebook.com/TUServerMU.com.ve/" target="_blank">FACEBOOK</a></li>
</ul>
</div>

Mi Hoja de Estilos:
<style type="text/css">
menu {
background:transparent url("template/<?=$core['config']['template'] ?>/images/button_bg.jpg") repeat-x top left;
}
.iRg_line {
background:url(template/<?=$core['config']['template']; ?>/images/inner_line.jpg); background-position:bottom; background-repeat:repeat-x;
}
.iRg_line_top {
background:url(template/<?=$core['config']['template']; ?>/images/inner_line.jpg); background-position:top; background-repeat:repeat-x;
}
.msg_success {
background-image:url(template/<?=$core['config']['template'] ?>/images/success.gif);
}
.msg_error {
background-image:url(template/<?=$core['config']['template'] ?>/images/warning.gif);
}
rss_feed li {
background-image: url(template/<?=$core['config']['template'] ?>/images/rss_icon.gif);
}
body,a {
cursor: url(template/<?=$core['config']['template'] ?>/images/cursor_normal.cur), auto;
}
A:hover {
cursor: url(template/<?=$core['config']['template'] ?>/images/cursor_link.cur), auto;
}
input#ahrre:hover {
cursor: url(template/<?=$core['config']['template'] ?>/images/cursor_link.cur), auto;
}
.da-arrows span:after {
   background: transparent url(template/<?=$core['config']['template'] ?>/images/arrows.png) no-repeat top left;
}
.oli_centrum {
   background-image:url(template/<?=$core['config']['template'] ?>/images/oli_bg.jpg);
}
.server {
float: left;
width: 40px;
text-align: center;
margin-left: 4px;
}

.s_name a {
color: #9fa296;
font-family: 'times new roman';
font-size: 10px;
}

.s_bar {
background: url(template/<?=$core['config']['template'] ?>/images/s_bar_bg.png) no-repeat;
width: 40px;
height: 84px;
padding: 8px 0px;
margin: 5px 0px;
}

.s_bar div {
background: url(template/<?=$core['config']['template'] ?>/images/s_bar.png) left bottom no-repeat;
width: 40px;
float: left;
}

#sb_mid {
background: url(template/<?=$core['config']['template'] ?>/images/s_bar_mid.png) left bottom no-repeat;
}

sb_low {
background: url(template/<?=$core['config']['template'] ?>/images/s_bar_low.png) left bottom no-repeat;
}
.language_select{
margin-top: 4px;
 }

.language_select a{
 font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
 text-decoration: none;
 }

.language_select a:hover{
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: underline;
 }
.warehouse_block{
border: 0px;
text-align: center;
background: url(template/<?=$core['config']['template'] ?>/images/warehouse_block.gif);
}

.warehouse_item_block {
border: 0px;
padding: 0px;
text-align: center;
background: url(template/<?=$core['config']['template'] ?>/images/warehouse_item_block.gif);
}

.warehouse_bg {
border: 0px;
padding: 0px;
text-align: center;
background: url(template/<?=$core['config']['template'] ?>/images/warehouse_bg.gif);
}
castle-siege {
   width: 100%;
   padding: 5px 0px;
   text-align: center;
   //font-family: FaceYourFears;
   color: #fff;   
}
castle-siege table {
   width: 550px;
   height: 84px;
   background: url(template/<?=$core['config']['template'] ?>/images/castle-siege.jpg) no-repeat center;
   margin: 0px auto;
   font-size: 14px;
}
castle-siege .cs-logo {
   width: 80px;
}
castle-siege .cs-guild-info {
   width: 150px;
   text-align: left;
}
castle-siege .cs-guild-info span.cs-guild-title {
   color: #ff0000;
   font-size: 20px;
}
castle-siege .cs-timeleft {
   //font-family: FaceYourFears;
   font-size: 38px;
}
castle-siege .cs-timeleft span {
   color: #ff0000;
}
topbar{
position:absolute;
padding: 2px;
width: 291px;
visibility: hidden;
z-index: 90;
}
.Estilo5 {
   color: #00FF00;
   font-size: 14px;
}
Azul12 {color: #69C;}
Gris {color: #CCC;}
Verde {color:#25a82e; text-align: center;}
.Estilo3 {color: #999999; font-size: 18px; font-weight: bold; }
.Estilo6 {
   color: #33FF00;
   font-weight: bold;
}
</style>

(http://i.imgur.com/Z9MYwwl.png)

Si te sirvio mi tutorial por favor dale al boton de Gracias  rebote  [/code]
Titulo: Re: Agregar Menu
Posteado por: Xysad on May 18, 2017, 09:50:24 PM
Citar desde: Azzlaer on May 18, 2017, 09:07:48 PM
Hola TuServerMU les vengo a traer un tutorial para añadir un menu en su "index.php"
El siguiente codigo deberan agregarlo luego de la etiqueta <body> de su "index.php" y modificarlo a su gusto.

(https://scontent-eze1-1.xx.fbcdn.net/v/t1.0-9/18519448_10213159440529686_4716767151485655194_n.jpg?oh=aa2069b02662dc531855f1b5d6562e5f&oe=59A47CDF)

Code: [Select]
<div id="menu">
<ul>
<li><a href="index.php">INICIO</a></li>
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>register">REGISTRATE</a></li>
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>downloads">DESCARGAS</a></li>
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>rankings">RANKING</a></li> 
<li><a href="<?=ROOT_INDEX.'?'.LOAD_GET_PAGE.'=';?>webshop">WEBSHOP</a></li>
<li><a href="https://www.tuservermu.com.ve" target="_blank">FORO</a></li>
<li><a href="https://www.facebook.com/TUServerMU.com.ve/" target="_blank">FACEBOOK</a></li>
</ul>
</div>

Si te sirvio mi tutorial por favor dale al boton de Gracias  rebote 

o.O al menos deja los estilos, si agrego eso sin estilos se veria algo asi

Titulo: Re: Agregar Menu
Posteado por: Azzlaer on May 18, 2017, 10:03:19 PM
Te adjunte mi hoja de estilos
Titulo: Re: Agregar Menu
Posteado por: dmnahuel on May 19, 2020, 04:01:57 PM
Lo que estaba buscando, sos un genio !!
Titulo: Re: Agregar Menu
Posteado por: saikano2020 on June 15, 2020, 06:40:06 PM
Citar desde: Azzlaer on May 18, 2017, 10:03:19 PM
Te adjunte mi hoja de estilos
Podrias dejar una foto para ver como funciona, ya que no entenderia como se veria, muchas gracias desde ya!