Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Centrar menú [Ace Navy]
HSSWebs   12 Aug, 2012, 4:58 pm
#1
Quisiera saber como puedo centrar el menú del tema AceNavy.

Este es el CSS:

[spoiler]
Código PHP:
<?php 
#navMain form {
float: right;
margin: 7px 20px 0px 0px;
}

#navMain ul {
list-style: none;
float: left;
font-family: 'Open Sans', arial, serif; /*Custom font implemented via google fonts api*/
}

#navMain ul li {
display: inline;
margin-right: 25px;
}

#navMain ul li a {
text-decoration: none;
font-weight: bold;
color: #7b7b7b;
font-size:14px;
/*Add white glow to text using text-shadow property*/
text-shadow: 1px 1px 1px #ffffff; /* From left to right - horizontal offset, vertical offset, blur radius, color.
filter: dropshadow(color=#ffffff, offx=1, offy=1);
/*End shadow*/
}

#navMain ul li a:hover {
color: #3986a6;
}

#navMain {
width: 99.9%;
margin: auto auto;
border: 1px solid #ccc;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* W3C */
float: left;
border-bottom: 1px solid #d7d7d7;
}
[/spoiler]

Y el HTML es este:
Código PHP:
<?php 
<div id="navMain">
<
ul>
<
li><a href="{$mybb->settings['bburl']}/portal.php">{$lang->toplinks_portal}</a></li>
<
li><a href="{$mybb->settings['bburl']}/index.php">{$lang->forumbit_forum}</a></li>
<
li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
<
li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<if
$GLOBALS['mybb']->settings['enablecalendar'] != 0 then>
<
li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li></if>
<
li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</
ul>
<
form method="post" action="search.php">
<
div>
<
input type="hidden" name="action" value="do_search" />
<
input type="hidden" name="postthread" value="1" />
<
input type="hidden" name="forums" value="all" />
<
input type="hidden" name="showresults" value="threads" />
<
input type="text" name="keywords" value="" />
<
button class="buttonsearchheader" name="button" type="submit" >
<
span>{$lang->toplinks_search}</span></button>
</
div>
</
form>
</
div>

PD: No se fijen en el condicional..

Aquí una captura..
[spoiler][Imagen: 112328-813201225701am.png][/spoiler]
El recuadro rojo es donde quiero que mas o menos se muestre.

De antemano, gracia Smile
HSSWebs   13 Aug, 2012, 6:05 pm
#2
Una pequeña subidita..
Cluster   13 Aug, 2012, 8:11 pm
#3
#navMain ul {

cambiale el float: left, creo que con un align: center tiene

:)
HSSWebs   13 Aug, 2012, 8:47 pm
#4
Se me descuadra el cuadro de búsqueda & queda en la linea de abajo.

Y solo funciona cambiando float: left; por text-align:center;
Cluster   13 Aug, 2012, 9:05 pm
#5
intenta alinearlo al right y darle un margin-right: 52px; (varia ese numero hasta lograr lo que quieres)

:)
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.