Boa tarde!
Eu quero ter um submenu dentro de um link que já está em um submenu.
As maneiras que tentei utilizando o elementos do modelo, não deu certo, o melhor que consegui foi esse: http://pousadadobomjesus.com/submenu.png
Teria com me ajudar a melhorar? Eu quero que apareça somente no hover.
(Google Translate)
Good afternoon!
I want to have a submenu within a link that is already in a submenu.
The ways I tried using the model elements, it did not work, the best I got was this: http://pousadadobomjesus.com/submenu.png
I would have to help me to improve? I want to appear only on hover.
Code:
<li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
<div class="have-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
<li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
</ul>
</div>
</li>
Hi,
Sorry, i had support late for you.
You open style.css file and search: .have-submenu:hover .sub-menu
Add character ">". Eg: .have-submenu:hover > .sub-menu
And save this code to the last line:
(google translate)
Even after following his instructions, did not work.
I made several attempts in HTML.
Test 1
<li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
<li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
<li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
<?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
<li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
<?php } ?>
<li class="have-menu"><!-- test -->
<?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
<li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
</ul>
</div>
</li><!-- end test -->
</ul>
</div>
</li>
Test 2
<li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
<li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
<li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
<?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
<li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
<?php } ?>
<li><!-- test -->
<?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
<li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
</ul>
</div>
</li><!-- end test -->
</ul>
</div>
</li>
Test 3
<li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
<li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
<li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
<?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
<li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
<?php } ?>
<li><!-- test -->
<?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
<div>
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
<li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
</ul>
</div>
</li><!-- end test -->
</ul>
</div>
</li>
Test 4
<li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
<li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
<li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
<?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
<li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
<?php } ?>
<li><!-- test -->
<?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
<div>
<ul>
<li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
<li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
</ul>
</div>
</li><!-- end test -->
</ul>
</div>
</li>
Order my CSS.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/font.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/libs/jquery-ui-1.10.3.custom.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/jquery.bxslider.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/libs/magnific-popup.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/style.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/responsive.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/responsive-menu.css'); ?>">
<!--[if IE 9]><link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/ie9.css'); ?>"><![endif]-->
Hi,
You see and test this code HTML:
I had sent style.css for your email. You remove old file and save new file.
It worked! Thank you!