Colocar Menu CSS Maker
3 participantes
Página 1 de 1
Colocar Menu CSS Maker
Boa tarde,
Gostaria de saber se é possível fazer isto.
Gostaria de ativar o menu CSS maker onde fica os links editáveis na SKIN, IPBoard.
Só que ai entra a questão, teria de aparecer dois menus... um pra quem está conectado e outro pra quem é visitante...
Menu Conectado:
overall_header
http://vgames.maisforum.com/forum
Gostaria de saber se é possível fazer isto.
Gostaria de ativar o menu CSS maker onde fica os links editáveis na SKIN, IPBoard.
Só que ai entra a questão, teria de aparecer dois menus... um pra quem está conectado e outro pra quem é visitante...
Menu Conectado:
- Código:
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a href='http://vgames.maisforum.com/search'><span>Buscar</span></a></li>
<li><a href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://vgames.maisforum.com/groups'><span>Grupos</span></a></li>
<li class='has-sub'><a href='http://vgames.maisforum.com/profile?mode=editprofile'><span>Perfil</span></a>
<ul>
<li><a href='/profile?mode=editprofile&page_profil=preferences'><span>Preferências</span></a></li>
<li><a href='http://vgames.maisforum.com/profile?mode=editprofile&page_profil=signature'><span>Assinatura</span></a></li>
<li><a href='profile?mode=editprofile&page_profil=avatars'><span>Avatar</span></a></li>
<li><a href='profile?mode=editprofile&page_profil=notifications'><span>Notificações</span></a></li>
<li class='last'><a href='/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
</ul>
</li>
<li class='last'><a href='#'><span>Sair</span></a></li>
</ul>
</div>
- Código:
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a href='http://vgames.maisforum.com/search'><span>Portal</span></a></li>
<li><a href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://vgames.maisforum.com/register'><span>Registrar-se</span></a></li>
<li class='last'><a href='#'><span>Login</span></a></li>
</ul>
</div>
overall_header
- Código:
<!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}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('#fa_ticker_content').css('display','block');
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>
<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div id="header_bar" class="clearfix">
<div class="main_width">
<!-- BEGIN switch_user_logged_out -->
<div id="user_navigation" class="not_logged_in">
<ul class="ipsList_inline">
<li><a href="/login" title="Entrar" id="sign_in">Entrar</a></li>
<li><a href="/register" title="Cadastre-se" id="register_link">Cadastre-se</a></li>
</ul>
</div>
<!-- END switch_user_logged_out -->
</div>
</div>
<div id="branding">
<div class="main_width">
<div id="logo">
<a href="{U_INDEX}" title="{L_INDEX}" rel="home" accesskey="1"><img src="{LOGO}" alt="{L_INDEX}" /></a>
</div>
</div>
</div>
<div id="primary_nav" class="clearfix">
<div class="main_width">
<ul class="ipsList_inline" id="community_app_menu">
<li class="attach">
<a href="/search" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Abrir Navegação Rápida"><span> </span></a>
</li>
<li id="nav_explore" class="attach">
<a href="/search?search_id=newposts" accesskey="2">Ver Novo Conteúdo </a>
</li>
<li id="nav_app_forums" class="left active"><a href="/forum" title="Ir para Fórum">Fórum</a></li>
<li id="nav_app_portal" class="left "><a href="/portal" title="Ir para Portal">Portal</a></li>
<li id="nav_app_members" class="left "><a href="/memberlist" title="Ir para Membros">Membros</a></li>
<li id="nav_app_groups" class="left "><a href="/groups" title="Ir para Grupos">Grupos</a></li>
<li id="nav_app_calendar" class="left "><a href="/calendar" title="Ir para Calendário">Calendário</a></li>
</ul>
</div>
</div>
<div class="pun">
<div id="pun-intro" class="clearfix">
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<!-- BEGIN switch_h1 -->
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
<div id="pun-head">
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
http://vgames.maisforum.com/forum
Convidado- Convidado
Re: Colocar Menu CSS Maker
Veja bem, é um pouco trabalhoso os passos, mas podemos fazer passo a passo até que você consiga, ok?
Primeiro, adicione o cssmenu no overall header com todos os menus nele, tanto pra visitantes quanto para membros. Sendo que você deve colocar os menus para visitante no final de todos e o home não precisa repetir.
E os menus para visitante devem ficar com um id, desta maneira:
Primeiro, adicione o cssmenu no overall header com todos os menus nele, tanto pra visitantes quanto para membros. Sendo que você deve colocar os menus para visitante no final de todos e o home não precisa repetir.
E os menus para visitante devem ficar com um id, desta maneira:
- Código:
<li><a class="retirar" href='http://vgames.maisforum.com/search'><span>Portal</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/register'><span>Registrar-se</span></a></li>
<li class='last'><a class="retirar" href='#'><span>Login</span></a></li>
- Código:
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/search'><span>Buscar</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/groups'><span>Grupos</span></a></li>
<li class='has-sub'><a class="member" href='http://vgames.maisforum.com/profile?mode=editprofile'><span>Perfil</span></a>
<ul>
<li><a class="member" href='/profile?mode=editprofile&page_profil=preferences'><span>Preferências</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/profile?mode=editprofile&page_profil=signature'><span>Assinatura</span></a></li>
<li><a class="member" href='profile?mode=editprofile&page_profil=avatars'><span>Avatar</span></a></li>
<li><a class="member" href='profile?mode=editprofile&page_profil=notifications'><span>Notificações</span></a></li>
<li class='last'><a class="member" href='/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
</ul>
</li>
<li class='last'><a href='#'><span>Sair</span></a></li>
</ul>
</div>
Última edição por Legolas em Sex 11 Out 2013, 5:08 pm, editado 2 vez(es) (Motivo da edição : Adicionar um detalhe.)
Re: Colocar Menu CSS Maker
Dá maneira que aprendi o atributo ID, dever ser único, e é considerado um erro, IDs com valores idênticos.
Logo teria que ser class="retirar".
Só que aprendi isso anos atrás então pode ser que as coisas mudaram
Desculpe me intrometer, e pode continuar com o tutorial.
Logo teria que ser class="retirar".
Só que aprendi isso anos atrás então pode ser que as coisas mudaram
Desculpe me intrometer, e pode continuar com o tutorial.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Colocar Menu CSS Maker
@joelson0007 confesso que não conhecia esse erro, mas também conheço muito pouco.
De qualquer forma eu editei o post para adicionar como class e para adicionar um detalhe que havia esquecido.
Obrigado por me informar.
De qualquer forma eu editei o post para adicionar como class e para adicionar um detalhe que havia esquecido.
Obrigado por me informar.
Re: Colocar Menu CSS Maker
O menu dos membros conectados está ok, mas o de visitantes está aparecendo junto.
Convidado- Convidado
Re: Colocar Menu CSS Maker
Mas você não colocou o de visitantes dentro da div do cssmenu!
Veja como deve ser, troque o cssmenu por este:
Veja como deve ser, troque o cssmenu por este:
- Código:
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/search'><span>Buscar</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/groups'><span>Grupos</span></a></li>
<li class='has-sub'><a class="member" href='http://vgames.maisforum.com/profile?mode=editprofile'><span>Perfil</span></a>
<ul>
<li><a class="member" href='/profile?mode=editprofile&page_profil=preferences'><span>Preferências</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/profile?mode=editprofile&page_profil=signature'><span>Assinatura</span></a></li>
<li><a class="member" href='profile?mode=editprofile&page_profil=avatars'><span>Avatar</span></a></li>
<li><a class="member" href='profile?mode=editprofile&page_profil=notifications'><span>Notificações</span></a></li>
<li class='last'><a class="member" href='/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
</ul>
</li>
<li class='last'><a class="member" href='#'><span>Sair</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/search'><span>Portal</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/register'><span>Registrar-se</span></a></li>
<li class='last'><a class="retirar" href='#'><span>Login</span></a></li>
</ul>
</div>
Re: Colocar Menu CSS Maker
Era exatamente essa a intenção.
Agora crie 2 widgets, ambos sem table-type.
Um com autorização para convidados somente, com este code:
Agora crie 2 widgets, ambos sem table-type.
Um com autorização para convidados somente, com este code:
- Código:
<style>.member {
display: none!important;
}</style>
- Código:
<style>.retirar {
display: none!important;
}</style>
Re: Colocar Menu CSS Maker
Olá, Legolas
Funcionou certinho, mas perceba que o menu e footer estão com bug, por algum código aplicado.
Funcionou certinho, mas perceba que o menu e footer estão com bug, por algum código aplicado.
Convidado- Convidado
Re: Colocar Menu CSS Maker
Definitivamente esse código não tem nenhuma ligação com o footer. Poderia me dizer que "bug" é esse? O que está errado?
Re: Colocar Menu CSS Maker
- Código:
/*CSS MENU*/
#cssmenu li:hover ul {
display: block;
}
#cssmenu li li {
background: url('http://i.imgur.com/zIe9DSh.gif') bottom left no-repeat;
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 225px;
}
#cssmenu li:hover li a {
background: none;
}
#cssmenu li ul a {
display: block;
height: 35px;
font-size: 12px;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
background: #2580a2 url('http://i.imgur.com/6zBgeIx.png') center left no-repeat;
border: 0px;
color: #ffffff;
text-decoration: none;
}
#cssmenu p {
clear: left;
}
Seria possível deixar está barra preta em toda a extensão do fórum?
E o footer como deveria estar
e como está agora
Convidado- Convidado
Re: Colocar Menu CSS Maker
Isso é porque a skin não tem uma div para o que você deseja. Então temos que criar uma.
No código do cssmenu adicione uma div antes dele, ou seja, o código todo deve ficar assim, bastando trocar por este:
No código do cssmenu adicione uma div antes dele, ou seja, o código todo deve ficar assim, bastando trocar por este:
- Código:
<div class="back"><div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/search'><span>Buscar</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/groups'><span>Grupos</span></a></li>
<li class='has-sub'><a class="member" href='http://vgames.maisforum.com/profile?mode=editprofile'><span>Perfil</span></a>
<ul>
<li><a class="member" href='/profile?mode=editprofile&page_profil=preferences'><span>Preferências</span></a></li>
<li><a class="member" href='http://vgames.maisforum.com/profile?mode=editprofile&page_profil=signature'><span>Assinatura</span></a></li>
<li><a class="member" href='profile?mode=editprofile&page_profil=avatars'><span>Avatar</span></a></li>
<li><a class="member" href='profile?mode=editprofile&page_profil=notifications'><span>Notificações</span></a></li>
<li class='last'><a class="member" href='/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
</ul>
</li>
<li class='last'><a class="member" href='#'><span>Sair</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/search'><span>Portal</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/memberlist'><span>Membros</span></a></li>
<li><a class="retirar" href='http://vgames.maisforum.com/register'><span>Registrar-se</span></a></li>
<li class='last'><a class="retirar" href='#'><span>Login</span></a></li>
</ul>
</div>
</div>
- Código:
#cssmenu {
width: 100%;
margin-left: 80px!important;
}
.back {
width: 115.8%;
background-color: #333333;
margin-left: -80px;
}
Re: Colocar Menu CSS Maker
O menu consegui ajeitar e ficou organizado, gostaria de apenas os links.
sobre o footer não teve mudança.
sobre o footer não teve mudança.
Convidado- Convidado
Re: Colocar Menu CSS Maker
Amigo, você alterou o código que lhe passei e com isso fez com que sua página ficasse com um gigantesto espaço sobrando à direita, pode ver levando o scroll para a direita...
Quanto ao footer, não tenho ideia o que seja, pois não tem ligação com o menu.
Quanto ao footer, não tenho ideia o que seja, pois não tem ligação com o menu.
Re: Colocar Menu CSS Maker
Olá legolas.
Preciso somente saber como centralizar o menu.
Obrigado
Preciso somente saber como centralizar o menu.
Obrigado
Convidado- Convidado
Re: Colocar Menu CSS Maker
Amigo, antes de aplicar o código eu fui em seu fórum e não tinha nenhum espaço à direita. O espaço apareceu depois de você colocar a div com tamanho de 300%.
Testei o code diretamente em seu forum e o mesmo ficou perfeitamente equivalente à tela.
Quanto ao footer, isso não é do menu e sim da skin. Você terá que configurar manualmente em seu template overall_footer_end.
Testei o code diretamente em seu forum e o mesmo ficou perfeitamente equivalente à tela.
Quanto ao footer, isso não é do menu e sim da skin. Você terá que configurar manualmente em seu template overall_footer_end.
Re: Colocar Menu CSS Maker
Olá legolas.
Eu editei a mensagem anterior, mas o senhor não deve ter visto.
O erro era por causa de um pedaço do código dos links que estavam antes na skin.
Agora só precisava centralizar o menu.
Eu editei a mensagem anterior, mas o senhor não deve ter visto.
O erro era por causa de um pedaço do código dos links que estavam antes na skin.
Agora só precisava centralizar o menu.
Convidado- Convidado
Re: Colocar Menu CSS Maker
Adicione em seu css:
- Código:
#cssmenu ul {
margin-left: 200px!important;
}
Re: Colocar Menu CSS Maker
Legolas, só mais uma coisinha, Como faço pra alinhar as opções do Drop junto ao menu. Por exemplos as opções do menu perfil não estão abaixo do mesmo, não dando pra acessa-los .
Convidado- Convidado
Re: Colocar Menu CSS Maker
Faça login com este usuário e veja o menu "Perfil"
- Código:
teste
teste123
Convidado- Convidado
Re: Colocar Menu CSS Maker
Se o tópico resolveu seu problema, marque a opção que lhe deu a Melhor Resposta e dê um Like a quem merece!Hastag escreveu:Perfeito, obrigado.
Ao menos aqui http://programando.forum-pro.net/t544-css-menu-maker-no-template você deu como resolvido...
JS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|