Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Como faco para deixar?

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Como faco para deixar?

Mensagem por BUG3 26.04.13 23:24

Qual é minha questão:
Como faco para deixar o inicio do meu forum assim:
http://biohazardarea.forumeiros.com/
Agradeco desde ja.

Endereço do meu fórum:
http://anonymous.forumbrasil.net

Versão do fórum:
PHPBB3
BUG3
BUG3
Novo Membro

Membro desde : 24/04/2013
Mensagens : 5
Pontos : 11

http://anonymous.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faco para deixar?

Mensagem por Quakeeline 26.04.13 23:30

Olá,

Primeiramente vá em

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML

Em seguida clica em " Criar uma nova página HTML "

Título * : Nome de seu Fórum
Você deseja utilizar o início e o final da página do seu fórum ? Marque a opção Não
Usar esta página como página inicial? Marque a Opção Sim
Código HTML * : Adicione o código Abaixo

Código:
<!DOCTYPE html>
<html>
<head>
    <title>Biohazard Team</title>
<meta name="viewport" content="width=device-width" http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://img267.imageshack.us/img267/2669/12173133biohazardicon1.jpg" />
   <style>
   body{
      background: #eee url(http://img13.imageshack.us/img13/9809/pgina7.gif);
      font: 13px 'trebuchet MS', Arial, Helvetica; no-repeat;
   }
   
   h2, p {
      text-align: center;
      color: #444;
      text-shadow: 0 1px 0 #fff;   
   }
   
   a {
      color: #2A679F;
   }
   
   #menu, #menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
   
   #menu {
      width: 960px;
      margin: 60px auto;
      border: 1px solid #222;
      background-color: #111;
      background-image: -moz-linear-gradient(#444, #111);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));   
      background-image: -webkit-linear-gradient(#444, #111);   
      background-image: -o-linear-gradient(#444, #111);
      background-image: -ms-linear-gradient(#444, #111);
      background-image: linear-gradient(#444, #111);
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
      -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
      box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
   }
   
   #menu:before,
   #menu:after {
      content: "";
      display: table;
   }
   
   #menu:after {
      clear: both;
   }
   
   #menu {
      zoom:1;
   }
   
   #menu li {
      float: left;
      border-right: 1px solid #222;
      -moz-box-shadow: 1px 0 0 #444;
      -webkit-box-shadow: 1px 0 0 #444;
      box-shadow: 1px 0 0 #444;
      position: relative;
   }
   
   #menu a {
      float: left;
      padding: 12px 30px;
      color: #999;
      text-transform: uppercase;
      font: bold 12px Arial, Helvetica;
      text-decoration: none;
      text-shadow: 0 1px 0 #000;
   }
   
   #menu li:hover > a {
      color: #fafafa;
   }
   
   *html #menu li a:hover {
      color: #fafafa;
   }
   
   #menu ul {
      margin: 20px 0 0 0;
      _margin: 0;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 38px;
      left: 0;
      z-index: 1;   
      background: #444;
      background: -moz-linear-gradient(#444, #111);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
      background: -webkit-linear-gradient(#444, #111);   
      background: -o-linear-gradient(#444, #111);   
      background: -ms-linear-gradient(#444, #111);   
      background: linear-gradient(#444, #111);
      -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
      -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
      box-shadow: 0 -1px 0 rgba(255,255,255,.3);   
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; 
   }

   #menu li:hover > ul {
      opacity: 1;
      visibility: visible;
      margin: 0;
   }
   
   #menu ul ul {
      top: 0;
      left: 150px;
      margin: 0 0 0 20px;
      _margin: 0;
      -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
      -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
      box-shadow: -1px 0 0 rgba(255,255,255,.3);      
   }
   
   #menu ul li {
      float: none;
      display: block;
      border: 0;
      _line-height: 0;
      -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
      -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
      box-shadow: 0 1px 0 #111, 0 2px 0 #666;
   }
   
   #menu ul li:last-child { 
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;   
   }
   
   #menu ul a {   
      padding: 10px;
      width: 130px;
      _height: 10px;
      display: block;
      white-space: nowrap;
      float: none;
      text-transform: none;
   }
   
   #menu ul a:hover {
      background-color: #0186ba;
      background-image: -moz-linear-gradient(#04acec,  #0186ba);   
      background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
      background-image: -webkit-linear-gradient(#04acec, #0186ba);
      background-image: -o-linear-gradient(#04acec, #0186ba);
      background-image: -ms-linear-gradient(#04acec, #0186ba);
      background-image: linear-gradient(#04acec, #0186ba);
   }
   
   #menu ul li:first-child > a {
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
   }
   
   #menu ul li:first-child > a:after {
      content: '';
      position: absolute;
      left: 40px;
      top: -6px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #444;
   }
   
   #menu ul ul li:first-child a:after {
      left: -6px;
      top: 50%;
      margin-top: -6px;
      border-left: 0;   
      border-bottom: 6px solid transparent;
      border-top: 6px solid transparent;
      border-right: 6px solid #3b3b3b;
   }
   
   #menu ul li:first-child a:hover:after {
      border-bottom-color: #04acec;
   }
   
   #menu ul ul li:first-child a:hover:after {
      border-right-color: #0299d3;
      border-bottom-color: transparent;    
   }
   
   #menu ul li:last-child > a {
      -moz-border-radius: 0 0 3px 3px;
      -webkit-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
   }
   
   #menu-trigger {
      display: none;
   }

   @media screen and (max-width: 600px) {

      #menu-wrap {
         position: relative;
      }

      #menu-wrap * {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
      }

      #menu-trigger {
         display: block;
         height: 40px;
         line-height: 40px;
         cursor: pointer;      
         padding: 0 0 0 35px;
         border: 1px solid #222;
         color: #fafafa;
         font-weight: bold;
         background-color: #111;
         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111);
         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111);   
         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
         border-radius: 6px;
         -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
         -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
         box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
      }
      
      #menu {
         margin: 0; padding: 10px;
         position: absolute;
         top: 40px;
         width: 100%;
         z-index: 1;
         background-color: #444;
         display: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;      
      }

      #menu:after {
         content: '';
         position: absolute;
         left: 25px;
         top: -8px;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
         border-bottom: 8px solid #444;
      }   

      #menu ul {
         position: static;
         visibility: visible;
         opacity: 1;
         margin: 0;
         background: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;            
      }

      #menu ul ul {
         margin: 0 0 0 20px !important;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;      
      }

      #menu li {
         position: static;
         display: block;
         float: none;
         border: 0;
         margin: 5px;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;         
      }

      #menu ul li{
         margin-left: 20px;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;      
      }

      #menu a{
         display: block;
         float: none;
         padding: 0;
         color: #999;
      }

      #menu a:hover{
         color: #fafafa;
      }   

      #menu ul a{
         padding: 0;
         width: auto;      
      }

      #menu ul a:hover{
         background: none;   
      }

      #menu ul li:first-child a:after,
      #menu ul ul li:first-child a:after {
         border: 0;
      }      

   }

   @media screen and (min-width: 600px) {
      #menu {
         display: block !important;
      }
   }   

   .no-transition {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      opacity: 1;
      visibility: visible;
      display: none;        
   }

   #menu li:hover > .no-transition {
      display: block;
   }
   </style>

</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<nav id="menu-wrap">   
   <ul id="menu">
<li><a href="/portal">Portal</a></li>
<li><a href="/forum">Forum</a></li>
<li><a href="/register">Registre-se</a></li>
<li>
         <a href="">Inscreva-se</a>
         <ul>
            <li>
               <a href="">Hacker Samp</a>            
            </li>
   </ul>
<li><a href="/f6-novidades-e-anuncios">Novidades</a></li>
<li><a href="/f11-fale-com-a-administracao">Fale Conosco</a></li>
<li><a href="http://www.forumeiros.com">Forumeiros</a></li>






</nav>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
      if ($.browser.msie && $.browser.version.substr(0,1)<7)
      {
      $('li').has('ul').mouseover(function(){
         $(this).children('ul').css('visibility','visible');
         }).mouseout(function(){
         $(this).children('ul').css('visibility','hidden');
         })
      }

      $('#menu-wrap').prepend('<div id="menu-trigger">Menu</div>');      
      $("#menu-trigger").on("click", function(){
         $("#menu").slideToggle();
      });

      // iPad
      var isiPad = navigator.userAgent.match(/iPad/i) != null;
      if (isiPad) $('#menu ul').addClass('no-transition');     
    });         
</script>

<script language=JavaScript>
<!--
var mensagem="Biohazard Team Owna";
function clickIE() {if (document.all) {return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

</body>
</html>

Até
Quakeeline
Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faco para deixar?

Mensagem por BUG3 26.04.13 23:35

Obrigado Amigos
BUG3
BUG3
Novo Membro

Membro desde : 24/04/2013
Mensagens : 5
Pontos : 11

http://anonymous.forumbrasil.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos