Página incial html

Item: Página incial html
Rating: 1

por xDominiC_. 08.10.17 13:02

Detalhes da questão

Endereço do fórum: http://trg1-nwd.forumeiros.com
Versão do fórum: phpBB3

Descrição

Ola eu queria saber se alguem pudesse me ajudar eu quero uma pagina html inicial no meu forum se voces puder fazer tipo assim se n for considerado plagio
Página incial html Screen11

se puder as partes azuis em vermelho e o nome do cla TheRevenGe as letras TRG em vermelho

por Alex 08.10.17 14:33

Olá.

Poderia passar o link do fórum em que viu essa página e o link da imagem que deseja de background por favor?

Obrigado.
Até! o/

por xDominiC_. 08.10.17 15:18

lsr-nwd.forumeiros.com
e a imagem voce escolhe ai preferencia GTAV algumas imagens passando pfv

por Alex 09.10.17 14:34

Olá, bom dia.

Eu fiz aquilo que consegui, peço desculpa se não estiver como deseja.

Mas enfim, acesse a seguinte página do seu Painel de Controle: Módulos -> HTML & JAVASCRIPT -> Gestão de páginas HTML.

Crie uma nova página HTML em modo avançado (HTML), de seguida, preencha os seguintes parâmetros:

Titulo: O título que quiser para identificar a página no painel;
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".

No campo, coloque o seguinte código:

Código:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <meta charset="UTF-8"> <title>Teste</title> <style> body { position: fixed; background: url("https://i.imgur.com/SoHWZoZ.jpg") no-repeat; width: 100%; height: 100%; overflow: hidden; } #main { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; margin: -1%; padding-right: 1%; padding-bottom: 1%; } .content { width: 75%; margin: 0 auto; padding-top: 15%; } #content-main { position: absolute; top: 38%; bottom: 41%; z-index: 99; text-align: center; left: 17.5%; right: 17.5%; width: 65%; } .titulo { font-family: Arial; font-weight: 900; font-size: 82px; text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3); color: #fff; text-align: center; } .titulo span { color: red; } .desc { font-size: 24px; color: #fff; font-family: "Courier News"; text-align: center; margin-top: -1%; } .buttons { margin-left: 36%; } .botao { background: rgba(0, 0, 0, 0.42); padding: 8px 20px 9px 20px; border: 1px solid red; display: inline-block; border-radius: 3px; margin-top: 12px; margin-right: 10px; color: #fff; text-decoration: none; font-weight: 500; } .botao:hover { background-color: red; border: 1px solid white; } </style> </head> <body> <div id="main"> <div id="#content-main" class="content container"> <div class="titulo"><span>T</span>he<span>R</span>even<span>G</span>e</div> <p class="desc">Teste</p> <div class="buttons"> <a href="/forum" class="botao"><i class="fa fa-comments" aria-hidden="true"></i> Ir ao Fórum</a> <a href="/register" class="botao"><i class="fa fa-user-plus" aria-hidden="true"></i> Criar conta</a> </div> </div> </div> </body> </html>

E salve[/b.

O resultado, aparentemente, será assim:

-------------------
[b]Obs: Existe uma parte no código que diz "Teste". Esse espaço é destinado a uma descrição. Se a quiser usar, é só trocar o texto "Teste" para o que desejar. Caso não quiser, basta apagar a linha: