No entendí bien que es lo que quieres hacer... pero si es lo de el resultado se hace...
Sube la imágen que estas usando para recortarla o hazlo tu, corta una parte de la imagen para usarla con repeat-x.
En html:
Código:
<div class="menu">
<ul>
<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>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</ul>
</div>
En CSS:
Código:
.menu ul {
color: #000000;
font-weight: bold;
text-align: center;
}
.menu li {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
padding: 5px 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
margin-right: 3px;
}
.menu ul a:link {
color: #000000;
text-decoration: none;
}
.menu ul a:visited {
color: #000000;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #ffffff;
text-decoration: none;
}
Resultado:
Última modificación: 24 Dec, 2011, 5:11 am por
Azagthoth.