Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
264 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 259 Visitantes :: 2 Motores de busca

Kyo Panda, RafaelS., ruystguerra, vitorsali, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Página Inicial Personalizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Página Inicial Personalizada

Mensagem por Skudinhu em Seg 14 Mar 2016 - 16:41

Detalhes da questão


Endereço do fórum: www.nfssamp.com
Versão do fórum: PunBB

Descrição


Olá,

Gostei muito da página inicial deste fórum,

Alguém pode me passar o código?

Aonde ví:
http://mmsaoficial.forumeiros.com/

Skudinhu
Nível 2

Masculino
Inscrito dia : 27/09/2015
Mensagens : 10
Pontos Ativos : 530

http://www.nfs-game.forumeiros.com

Resolvido Re: Página Inicial Personalizada

Mensagem por GSCode em Seg 14 Mar 2016 - 16:50

Crie uma HTML:

Usar esta página como página inicial? "Sim".

Você deseja utilizar o início e o final da página do seu fórum ? "Não".

Código:
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MMSA OFICIAL™</title>
    <meta name="description" content="MMSA OFICIAL™">
    <meta name="keywords" content="SA:MP - DM">
    <meta name="author" content="Codrops">
    <link rel="shortcut icon" href="http://i84.servimg.com/u/f84/19/41/37/61/mmmsc11.png">
              <link rel="stylesheet" href="http://asusgames.esy.es/MyCSS.css" type="text/css" media="screen">
    <script src="http://asusgames.esy.es/CSS/modernizr.custom.js"></script>
 <style>
 /* General styles for all menus */
.cbp-spmenu {
 background: #163c52;
 position: fixed;
}

.cbp-spmenu h3 {
 color: #afdefa;
 font-size: 1.9em;
 padding: 20px;
 margin: 0;
 font-weight: 300;
 background: #0d77b6;
}

.cbp-spmenu a {
 display: block;
 color: #fff;
 font-size: 1.1em;
 font-weight: 300;
}

.cbp-spmenu a:hover {
 background: #1c5f85;
}

.cbp-spmenu a:active {
 background: #afdefa;
 color: #0f354b;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
 width: 240px;
 height: 100%;
 top: 0;
 z-index: 1000;
}

.cbp-spmenu-vertical a {
 border-bottom: 1px solid #1c5f85;
 padding: 1em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

.cbp-spmenu-horizontal {
 width: 100%;
 height: 85px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
 height: 100%;
 width: 20%;
 float: left;
}

.cbp-spmenu-horizontal a {
 float: left;
 width: 20%;
 padding: 1.8em;
 border-left: 1px solid #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
 left: -240px;
}

.cbp-spmenu-right {
 right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
 left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
 right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
 top: -150px;
}

.cbp-spmenu-bottom {
 bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}

.cbp-spmenu-push-toright {
 left: 240px;
}

.cbp-spmenu-push-toleft {
 left: -240px;
}
 .cbp-spmenu-push-down {
    top: 100px;
 }
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

 .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
 }

 .cbp-spmenu-top {
    top: -110px;
 }

 .cbp-spmenu-bottom {
    bottom: -110px;
 }

}

@media screen and (max-height: 26.375em){

 .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
 }

 .cbp-spmenu-left,
 .cbp-spmenu-push-toleft {
    left: -190px;
 }
 .cbp-spmenu-right {
    right: -190px;
 }

 .cbp-spmenu-push-toright {
    left: 190px;
 }
}
 /* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
 font-family: 'fontawesome';
 src:url('../fonts/fontawesome.eot');
 src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
 url('http://asusgames.esy.es/CSS/fontawesome.svg#fontawesome') format('svg'),
    url('http://asusgames.esy.es/CSS/fontawesome.woff') format('woff'),
    url('http://asusgames.esy.es/CSS/fontawesome.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

body, html { font-size: 100%;    padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}

.clearfix:after {
 clear: both;
}
#lixo {
display:none;
}
body {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #0f354b;
  background: #0f354b url("http://i.imgur.com/9eLbrQE.jpg") top no-repeat;
}

a {
 color: #f0f0f0;
 text-decoration: none;
}


.main,
.container > header {
 width: 90%;
 max-width: 69em;
 margin: 0 auto;
 padding: 0 1.875em 3.125em 1.875em;
}

.container > header {
 padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
 font-size: 2.125em;
 line-height: 1.3;
 margin: 0;
 float: left;
 font-weight: 400;
}

.container > header span {
 display: block;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5em;
 padding: 0 0 0.6em 0.1em;
}

.container > header nav {
 float: right;
}

.container > header nav a {
 display: block;
 float: left;
 position: relative;
 width: 2.5em;
 height: 2.5em;
 background: #fff;
 border-radius: 50%;
 color: transparent;
 margin: 0 0.1em;
 border: 4px solid #0f354b;
 text-indent: -8000px;
}

.container > header nav a:after {
 content: attr(data-info);
 color: #0f354b;
 position: absolute;
 width: 600%;
 top: 120%;
 text-align: right;
 right: 0;
 opacity: 0;
 pointer-events: none;
}

.container > header nav a:hover:after {
 opacity: 1;
}

.container > header nav a:hover {
 background: #0f354b;
}

.main > section {
 max-width: 260px;
 width: 90%;
 margin: 0 auto;
}

.main > section h2 {
 font-weight: 300;
 color: #ccc;
}

.main > section button {
 border: none;
 background: #0f354b;
 color: #fff;
 padding: 1.5em;
 display: block;
 width: 100%;
 cursor: pointer;
 margin: 10px 0;
 font-size: 0.8em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

.main > section button:hover {
 background: #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

.main > section button.active {
 background: #0d77b6;
}

.main > section button.disabled {
 background: #aaa;
 pointer-events: none;
}

.icon-drop:before,
.icon-arrow-left:before {
 font-family: 'fontawesome';
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 speak: none;
 font-style: normal;
 font-weight: normal;
 line-height: 2;
 text-align: center;
 color: #0f354b;
 -webkit-font-smoothing: antialiased;
 text-indent: 8000px;
 padding-left: 8px;
}

.container > header nav a:hover:before {
 color: #fff;
}

.icon-drop:before {
 content: "\e000";
}

.icon-arrow-left:before {
 content: "\f060";
}
span.eddyeowna{
          background: #0f354b;
                              position:fixed;
          right:0px;
          bottom:30px;
          font-size:12px;
            -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown;
}
      span.eddyeowna a{
          color:#fff;
          text-transform:uppercase;
          text-decoration:none;
          margin-right:30px;
}
      span.eddyeowna a:hover{
          color:#000;
}
                </style></head>

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2244

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Página Inicial Personalizada

Mensagem por Skudinhu em Seg 14 Mar 2016 - 19:00

@GSCode escreveu:Crie uma HTML:

Usar esta página como página inicial? "Sim".

Você deseja utilizar o início e o final da página do seu fórum ? "Não".

Código:
<head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>MMSA OFICIAL™</title>
     <meta name="description" content="MMSA OFICIAL™">
     <meta name="keywords" content="SA:MP - DM">
     <meta name="author" content="Codrops">
     <link rel="shortcut icon" href="http://i84.servimg.com/u/f84/19/41/37/61/mmmsc11.png">
               <link rel="stylesheet" href="http://asusgames.esy.es/MyCSS.css" type="text/css" media="screen">
     <script src="http://asusgames.esy.es/CSS/modernizr.custom.js"></script>
 <style>
 /* General styles for all menus */
.cbp-spmenu {
 background: #163c52;
 position: fixed;
}

.cbp-spmenu h3 {
 color: #afdefa;
 font-size: 1.9em;
 padding: 20px;
 margin: 0;
 font-weight: 300;
 background: #0d77b6;
}

.cbp-spmenu a {
 display: block;
 color: #fff;
 font-size: 1.1em;
 font-weight: 300;
}

.cbp-spmenu a:hover {
 background: #1c5f85;
}

.cbp-spmenu a:active {
 background: #afdefa;
 color: #0f354b;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
 width: 240px;
 height: 100%;
 top: 0;
 z-index: 1000;
}

.cbp-spmenu-vertical a {
 border-bottom: 1px solid #1c5f85;
 padding: 1em;
   -webkit-transition:background 0.5s ease-out;
     -moz-transition:background 0.5s ease-out;
     -o-transition:background 0.5s ease-out;
     -ms-transition:background 0.5s ease-out;
}

.cbp-spmenu-horizontal {
 width: 100%;
 height: 85px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
 height: 100%;
 width: 20%;
 float: left;
}

.cbp-spmenu-horizontal a {
 float: left;
 width: 20%;
 padding: 1.8em;
 border-left: 1px solid #1c5f85;
   -webkit-transition:background 0.5s ease-out;
     -moz-transition:background 0.5s ease-out;
     -o-transition:background 0.5s ease-out;
     -ms-transition:background 0.5s ease-out;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
 left: -240px;
}

.cbp-spmenu-right {
 right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
 left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
 right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
 top: -150px;
}

.cbp-spmenu-bottom {
 bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}

.cbp-spmenu-push-toright {
 left: 240px;
}

.cbp-spmenu-push-toleft {
 left: -240px;
}
 .cbp-spmenu-push-down {
     top: 100px;
 }
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

 .cbp-spmenu-horizontal {
     font-size: 75%;
     height: 110px;
 }

 .cbp-spmenu-top {
     top: -110px;
 }

 .cbp-spmenu-bottom {
     bottom: -110px;
 }

}

@media screen and (max-height: 26.375em){

 .cbp-spmenu-vertical {
     font-size: 90%;
     width: 190px;
 }

 .cbp-spmenu-left,
 .cbp-spmenu-push-toleft {
     left: -190px;
 }
 .cbp-spmenu-right {
     right: -190px;
 }

 .cbp-spmenu-push-toright {
     left: 190px;
 }
}
 /* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
 font-family: 'fontawesome';
 src:url('../fonts/fontawesome.eot');
 src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
 url('http://asusgames.esy.es/CSS/fontawesome.svg#fontawesome') format('svg'),
     url('http://asusgames.esy.es/CSS/fontawesome.woff') format('woff'),
     url('http://asusgames.esy.es/CSS/fontawesome.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

body, html { font-size: 100%;    padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}

.clearfix:after {
 clear: both;
}
#lixo {
display:none;
}
body {
   font-family: 'Lato', Calibri, Arial, sans-serif;
   color: #0f354b;
   background: #0f354b url("http://i.imgur.com/9eLbrQE.jpg") top no-repeat;
}

a {
 color: #f0f0f0;
 text-decoration: none;
}


.main,
.container > header {
 width: 90%;
 max-width: 69em;
 margin: 0 auto;
 padding: 0 1.875em 3.125em 1.875em;
}

.container > header {
 padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
 font-size: 2.125em;
 line-height: 1.3;
 margin: 0;
 float: left;
 font-weight: 400;
}

.container > header span {
 display: block;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5em;
 padding: 0 0 0.6em 0.1em;
}

.container > header nav {
 float: right;
}

.container > header nav a {
 display: block;
 float: left;
 position: relative;
 width: 2.5em;
 height: 2.5em;
 background: #fff;
 border-radius: 50%;
 color: transparent;
 margin: 0 0.1em;
 border: 4px solid #0f354b;
 text-indent: -8000px;
}

.container > header nav a:after {
 content: attr(data-info);
 color: #0f354b;
 position: absolute;
 width: 600%;
 top: 120%;
 text-align: right;
 right: 0;
 opacity: 0;
 pointer-events: none;
}

.container > header nav a:hover:after {
 opacity: 1;
}

.container > header nav a:hover {
 background: #0f354b;
}

.main > section {
 max-width: 260px;
 width: 90%;
 margin: 0 auto;
}

.main > section h2 {
 font-weight: 300;
 color: #ccc;
}

.main > section button {
 border: none;
 background: #0f354b;
 color: #fff;
 padding: 1.5em;
 display: block;
 width: 100%;
 cursor: pointer;
 margin: 10px 0;
 font-size: 0.8em;
   -webkit-transition:background 0.5s ease-out;
     -moz-transition:background 0.5s ease-out;
     -o-transition:background 0.5s ease-out;
     -ms-transition:background 0.5s ease-out;
}

.main > section button:hover {
 background: #1c5f85;
   -webkit-transition:background 0.5s ease-out;
     -moz-transition:background 0.5s ease-out;
     -o-transition:background 0.5s ease-out;
     -ms-transition:background 0.5s ease-out;
}

.main > section button.active {
 background: #0d77b6;
}

.main > section button.disabled {
 background: #aaa;
 pointer-events: none;
}

.icon-drop:before,
.icon-arrow-left:before {
 font-family: 'fontawesome';
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 speak: none;
 font-style: normal;
 font-weight: normal;
 line-height: 2;
 text-align: center;
 color: #0f354b;
 -webkit-font-smoothing: antialiased;
 text-indent: 8000px;
 padding-left: 8px;
}

.container > header nav a:hover:before {
 color: #fff;
}

.icon-drop:before {
 content: "\e000";
}

.icon-arrow-left:before {
 content: "\f060";
}
span.eddyeowna{
           background: #0f354b;
                               position:fixed;
           right:0px;
           bottom:30px;
           font-size:12px;
             -webkit-animation-name: bounceInDown;
                 animation-name: bounceInDown;
}
       span.eddyeowna a{
           color:#fff;
           text-transform:uppercase;
           text-decoration:none;
           margin-right:30px;
}
       span.eddyeowna a:hover{
           color:#000;
}
                 </style></head>

@GSCode
Muito obrigado, porém não funcionou!

Segue a print: 

Skudinhu
Nível 2

Masculino
Inscrito dia : 27/09/2015
Mensagens : 10
Pontos Ativos : 530

http://www.nfs-game.forumeiros.com

Resolvido Re: Página Inicial Personalizada

Mensagem por GSCode em Seg 14 Mar 2016 - 19:26

@Skudinhu

Código:
<html lang="en" class="no-js"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MMSA OFICIAL™</title>
    <meta name="description" content="MMSA OFICIAL™">
    <meta name="keywords" content="SA:MP - DM">
    <meta name="author" content="Codrops">
    <link rel="shortcut icon" href="http://i84.servimg.com/u/f84/19/41/37/61/mmmsc11.png">
              <link rel="stylesheet" href="http://asusgames.esy.es/MyCSS.css" type="text/css" media="screen">
    <script src="http://asusgames.esy.es/CSS/modernizr.custom.js"></script>
 <style>
 /* General styles for all menus */
.cbp-spmenu {
 background: #163c52;
 position: fixed;
}

.cbp-spmenu h3 {
 color: #afdefa;
 font-size: 1.9em;
 padding: 20px;
 margin: 0;
 font-weight: 300;
 background: #0d77b6;
}

.cbp-spmenu a {
 display: block;
 color: #fff;
 font-size: 1.1em;
 font-weight: 300;
}

.cbp-spmenu a:hover {
 background: #1c5f85;
}

.cbp-spmenu a:active {
 background: #afdefa;
 color: #0f354b;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
 width: 240px;
 height: 100%;
 top: 0;
 z-index: 1000;
}

.cbp-spmenu-vertical a {
 border-bottom: 1px solid #1c5f85;
 padding: 1em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

.cbp-spmenu-horizontal {
 width: 100%;
 height: 85px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
 height: 100%;
 width: 20%;
 float: left;
}

.cbp-spmenu-horizontal a {
 float: left;
 width: 20%;
 padding: 1.8em;
 border-left: 1px solid #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
 left: -240px;
}

.cbp-spmenu-right {
 right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
 left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
 right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
 top: -150px;
}

.cbp-spmenu-bottom {
 bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}

.cbp-spmenu-push-toright {
 left: 240px;
}

.cbp-spmenu-push-toleft {
 left: -240px;
}
 .cbp-spmenu-push-down {
    top: 100px;
 }
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

 .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
 }

 .cbp-spmenu-top {
    top: -110px;
 }

 .cbp-spmenu-bottom {
    bottom: -110px;
 }

}

@media screen and (max-height: 26.375em){

 .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
 }

 .cbp-spmenu-left,
 .cbp-spmenu-push-toleft {
    left: -190px;
 }
 .cbp-spmenu-right {
    right: -190px;
 }

 .cbp-spmenu-push-toright {
    left: 190px;
 }
}
 /* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
 font-family: 'fontawesome';
 src:url('../fonts/fontawesome.eot');
 src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
 url('http://asusgames.esy.es/CSS/fontawesome.svg#fontawesome') format('svg'),
    url('http://asusgames.esy.es/CSS/fontawesome.woff') format('woff'),
    url('http://asusgames.esy.es/CSS/fontawesome.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

body, html { font-size: 100%;    padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}

.clearfix:after {
 clear: both;
}
#lixo {
display:none;
}
body {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #0f354b;
  background: #0f354b url("http://i.imgur.com/9eLbrQE.jpg") top no-repeat;
}

a {
 color: #f0f0f0;
 text-decoration: none;
}


.main,
.container > header {
 width: 90%;
 max-width: 69em;
 margin: 0 auto;
 padding: 0 1.875em 3.125em 1.875em;
}

.container > header {
 padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
 font-size: 2.125em;
 line-height: 1.3;
 margin: 0;
 float: left;
 font-weight: 400;
}

.container > header span {
 display: block;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5em;
 padding: 0 0 0.6em 0.1em;
}

.container > header nav {
 float: right;
}

.container > header nav a {
 display: block;
 float: left;
 position: relative;
 width: 2.5em;
 height: 2.5em;
 background: #fff;
 border-radius: 50%;
 color: transparent;
 margin: 0 0.1em;
 border: 4px solid #0f354b;
 text-indent: -8000px;
}

.container > header nav a:after {
 content: attr(data-info);
 color: #0f354b;
 position: absolute;
 width: 600%;
 top: 120%;
 text-align: right;
 right: 0;
 opacity: 0;
 pointer-events: none;
}

.container > header nav a:hover:after {
 opacity: 1;
}

.container > header nav a:hover {
 background: #0f354b;
}

.main > section {
 max-width: 260px;
 width: 90%;
 margin: 0 auto;
}

.main > section h2 {
 font-weight: 300;
 color: #ccc;
}

.main > section button {
 border: none;
 background: #0f354b;
 color: #fff;
 padding: 1.5em;
 display: block;
 width: 100%;
 cursor: pointer;
 margin: 10px 0;
 font-size: 0.8em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

.main > section button:hover {
 background: #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

.main > section button.active {
 background: #0d77b6;
}

.main > section button.disabled {
 background: #aaa;
 pointer-events: none;
}

.icon-drop:before,
.icon-arrow-left:before {
 font-family: 'fontawesome';
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 speak: none;
 font-style: normal;
 font-weight: normal;
 line-height: 2;
 text-align: center;
 color: #0f354b;
 -webkit-font-smoothing: antialiased;
 text-indent: 8000px;
 padding-left: 8px;
}

.container > header nav a:hover:before {
 color: #fff;
}

.icon-drop:before {
 content: "\e000";
}

.icon-arrow-left:before {
 content: "\f060";
}
span.eddyeowna{
          background: #0f354b;
                              position:fixed;
          right:0px;
          bottom:30px;
          font-size:12px;
            -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown;
}
      span.eddyeowna a{
          color:#fff;
          text-transform:uppercase;
          text-decoration:none;
          margin-right:30px;
}
      span.eddyeowna a:hover{
          color:#000;
}
                </style></head>

      <body class="cbp-spmenu-push"><embed src="https://www.youtube.com/v?v=_DzAI9QrkWU&autoplay=1" style="width: 1px; height: 1px;">
 
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
      <h3>Fórum</h3>
                <a href="/forum">Acessar</a>
                <a href="/login">Logar</a>
                <a href="/register">Registra-se</a>
    </nav>
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
      <h3>Servidores</h3>
      <a href="samp://167.114.133.208:7778">SA-MP 0.3.7-R2</a>
      <a href="ts3server://149.56.64.57:2015">TeamSpeak3</a>
    </nav>
        <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3">
      <h3>Redes Sociais</h3>
                <a href="https://www.facebook.com/mmsaoficial/?fref=ts">Facebook-Fanpage</a>
                <a href="https://www.youtube.com/">Canal-YouTube</a>
    </nav>
            <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
      <h3>Informações GTA</h3>
                <a href="https://www.sa-mp.com/download.php">Download SA-MP 0.3.7-R2</a>
                <a href="https://www.google.com.br/#q=download+gta+san+andreas+pc/">Download GTA SA</a>
    </nav>
    <div class="container">
      <header class="clearfix">
        <center><h3><span class="animated BounceInUp">BEM-VINDO(a) MATA MATA SAN ANDREAS OFICIAL™</span></h3></center>
      </header>
      <div class="main">
          <section class="buttonset">
                                <center><h3><span class="animated BounceInUp">ACESSO RÁPIDO</span></h3></center>
            <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
            <button id="showLeftPush" class="animated bounceInDown">Fórum</button>
            <button id="showRightPush" class="animated bounceInDown">Servidores</button>
            <button id="showTop" class="animated bounceInUp">Redes Sociais</button>
            <button id="showBottom" class="animated bounceInUp">Informações GTA</button>
            <button id="stopMusic" class="animated bounceInDown">Parar Musica</button>
          </section>
      </div>
    </div>
          <span class="eddyeowna">

    <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
    <script>/*!
 * classie - class helper functions
 * from bonzo https://github.com/ded/bonzo
 *
 * classie.has( elem, 'my-class' ) -> true/false
 * classie.add( elem, 'my-new-class' )
 * classie.remove( elem, 'my-unwanted-class' )
 * classie.toggle( elem, 'my-class' )
 */

/*jshint browser: true, strict: true, undef: true */

( function( window ) {

'use strict';

// class helper functions from bonzo https://github.com/ded/bonzo

function classReg( className ) {
  return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
}

// classList support for class management
// altho to be fair, the api sucks because it won't accept multiple classes at once
var hasClass, addClass, removeClass;

if ( 'classList' in document.documentElement ) {
  hasClass = function( elem, c ) {
    return elem.classList.contains( c );
  };
  addClass = function( elem, c ) {
    elem.classList.add( c );
  };
  removeClass = function( elem, c ) {
    elem.classList.remove( c );
  };
}
else {
  hasClass = function( elem, c ) {
    return classReg( c ).test( elem.className );
  };
  addClass = function( elem, c ) {
    if ( !hasClass( elem, c ) ) {
      elem.className = elem.className + ' ' + c;
    }
  };
  removeClass = function( elem, c ) {
    elem.className = elem.className.replace( classReg( c ), ' ' );
  };
}

function toggleClass( elem, c ) {
  var fn = hasClass( elem, c ) ? removeClass : addClass;
  fn( elem, c );
}

window.classie = {
  // full names
  hasClass: hasClass,
  addClass: addClass,
  removeClass: removeClass,
  toggleClass: toggleClass,
  // short names
  has: hasClass,
  add: addClass,
  remove: removeClass,
  toggle: toggleClass
};

})( window );</script>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
      var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
          menuRight = document.getElementById( 'cbp-spmenu-s2' ),
          menuTop = document.getElementById( 'cbp-spmenu-s3' ),
          menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
          showLeft = document.getElementById( 'showLeft' ),
          showRight = document.getElementById( 'showRight' ),
          showTop = document.getElementById( 'showTop' ),
          showBottom = document.getElementById( 'showBottom' ),
          showLeftPush = document.getElementById( 'showLeftPush' ),
          showRightPush = document.getElementById( 'showRightPush' ),
          body = document.body;
      showLeftPush.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-toright' );
          classie.toggle( menuLeft, 'cbp-spmenu-open' );
          disableOther( 'showLeftPush' );
      };
      showRightPush.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-toleft' );
          classie.toggle( menuRight, 'cbp-spmenu-open' );
          disableOther( 'showRightPush' );
      };
      showTop.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-down' );
          classie.toggle( menuTop, 'cbp-spmenu-open' );
          disableOther( 'showBottom' );
      };
              showBottom.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( menuBottom, 'cbp-spmenu-open' );
          disableOther( 'showTop' );
      };
      function disableOther( button ) {
          if( button !== 'showLeft' ) {
            classie.toggle( showLeft, 'disabled' );
          }
          if( button !== 'showRight' ) {
            classie.toggle( showRight, 'disabled' );
          }
          if( button !== 'showTop' ) {
            classie.toggle( showTop, 'disabled' );
          }
          if( button !== 'showBottom' ) {
            classie.toggle( showBottom, 'disabled' );
          }
          if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
          }
          if( button !== 'showRightPush' ) {
            classie.toggle( showRightPush, 'disabled' );
          }
      }
      $('#stopMusic').click(function() { $(this).fadeOut(); $('embed').remove(); });
    </script>
        <div id="lixo">
    <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
    </div>
 
</span></body></html>

Funcionando... http://pxd-nwd.forumeiro.com/h3-sdasd

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2244

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Página Inicial Personalizada

Mensagem por Skudinhu em Seg 14 Mar 2016 - 22:39

Funcionou, obrigado!

Skudinhu
Nível 2

Masculino
Inscrito dia : 27/09/2015
Mensagens : 10
Pontos Ativos : 530

http://www.nfs-game.forumeiros.com

Resolvido Re: Página Inicial Personalizada

Mensagem por MateusAnjosV em Ter 15 Mar 2016 - 10:18

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2472

http://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum