Ir para conteúdo

Landing Page

Por Pedro.
em Tutoriais Websites

Featured Replies

Postado

Trazendo uma landing page meio diferente.

 

Como aplicar? Você pode usar de várias formas, se você tiver mais de 2 sites em um só servidor, você pode criar 1 arquivo index dentro do seu www ou htdocs se for xampp, e adicionar o codigo abaixo.

e dai você só vai alterar o caminho, se o index estiver no mesmo diretorio que o primeiro site vai ficar: a href="index.php", o segundo link ficaria tipo <a href="site2/index.php"

 

 

 

image.thumb.png.d06d0f0078c029c0e52e47ace63f6d70.png

  

<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

body {background:#000 url(/images/servers/bg_servers.jpg) no-repeat;    background-size: cover!important;     margin: 0 auto!important; background-position: center center!important; width:100%; height:100%;}

.container {    /*max-width: 870px;*/
    width: 55%;
    margin: 0px auto;}
.col1 {    float: right;
    width: 38%;
	padding-top:20%;}
	.col1 img {width:100%;}
	.col1:first-child {
    float: left;
}
	@media (max-width: 1000px) {
		.col1 {    float: right;
    width: 38%;
	padding-top:50%;}
	}
</style><body>

<div class="container">
<div class="col1">
<a href="server1" target="_self"><img src="/images/servers/na.png" style=" margin:0px 15px 15px 0px; cursor:pointer; cursor:hand;border:0"alt="Thoria Server 1" /></a>
</div>
<div class="col1">
<a href="server2" target="_self"><img src="/images/servers/eu.png" style="margin:0px 15px 15px 0px; cursor:pointer; cursor:hand;border:0" alt="Thoria Server 2" /></a>
</div>
</div>
</body>
</html>

 

 

bg_servers.thumb.jpg.902c58662a8f6443df6ff667933aaac9.jpgeu.png.d4e76ae90c7481583eac1889111ef082.pngna.png.82c7f8af152275bc770ff30718932178.png

Editado por Yinz (veja o histórico de edições)

  • Citar
  • Mention
    • Respostas 8
    • Visualizações 1.5k
    • Created
    • Última resposta

    Top Posters In This Topic

    Popular Days

    Most Popular Posts

    • KotZletY
      KotZletY

      @Yinz faltou uma explicação de como utiliza-lo. Todo tópico de conteúdo deve conter uma explicação de como usa-lo/aplica-lo em seu projeto!

    • Still Awake
      Still Awake

      Por que esse código abaixo está presente no link sem aviso no próprio tópico? Má fé?  Não conheço muito as APIs do google, mas fica bem evidente que essa é uma API de propaganda que contabiliza n

    Posted Images

    Postado
    • Autor
      Em 27/01/2019 em 16:21, KotZletY disse:

    @Yinz faltou uma explicação de como utiliza-lo. Todo tópico de conteúdo deve conter uma explicação de como usa-lo/aplica-lo em seu projeto!

     

    Por isso publiquei em Desenvolvimento de Códigos, pois cada um pode usar de maneiras diferentes, melhor lugar seria Tutorial então.

    pois bem, vou editar o tópico com uma explicação. 

  • Citar
  • Mention
    • Postado

    Parabéns, seu tópico de conteúdo foi aprovado!
    Muito obrigado pela sua contribuição, nós do Tibia King agradecemos.
    Seu conteúdo com certeza ajudará à muitos outros, você recebeu +1 REP.

    Mostrar conteúdo oculto

     

  • Citar
  • Mention

    • Participe da conversa

    Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.

    Visitante
    Responder
    Ir para a lista de tópicos

    Quem Está Navegando 0

    • Nenhum usuário registrado visualizando esta página.

    Conteúdo Similar

    Estatísticas dos Fóruns

    • Tópicos 96.9k
    • Posts 519.6k

    Informação Importante

    Confirmação de Termo

    I accept