Advertisement
jcarloslb

Link Ativo com CodeIgniter

Jan 15th, 2014
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.90 KB | None | 0 0
  1. <!--CSS para o link-->
  2. <style>
  3. a{
  4.     color: #777;
  5.     text-decoration: none;
  6. }
  7.  
  8. a:hover{
  9.     font-weight: bold;
  10.     color: #ff0000;
  11.     text-decoration: underline;
  12. }
  13. .ativo{
  14.     font-weight: bold;
  15.     color: #ff0000;
  16.     text-decoration: underline;
  17. }
  18. </style>
  19. <!-- Fim CSS-->
  20.  
  21. <!--HTML para o link-->
  22.  
  23. <a href="pagina01" class="<?=($this->uri->segment(1) == 'pagina01')?"ativo" : ""?>">Página 01</a>
  24. <a href="pagina02" class="<?=($this->uri->segment(1) == 'pagina02')?"ativo" : ""?>">Página 02</a>
  25. <a href="pagina03" class="<?=($this->uri->segment(1) == 'pagina03')?"ativo" : ""?>">Página 03</a>
  26.  
  27. <!--Fim HTML -->
  28.  
  29.  
  30. Observações:
  31.  
  32. $this->uri->segment(1) => serve para pegar a primeira página após a "/"  Por exemplo: http://seusite/segment(1). Neste exemplo, onde tem segment(1) é o nome da página que vai ser aberta, se for pagina01, a classe ativo vai ser atribuída, caso contrário, ficará vazio.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement