Best Style

Você não está conectado. Conecte-se ou registre-se

Página

Ir em baixo  Mensagem [Página 1 de 1]

1Página Empty Página em 21.12.15 20:12

PaladinoS

PaladinoS
Membro
Alguém sabe como é desenvolvida essa página ? Ela foi adicionada ao fórum. http://prntscr.com/9gzisd

Sliw não vai dar certo eu fazer aquela página... Ja testei em uma pequena "escala"

Ver perfil do usuário

2Página Empty Re: Página em 21.12.15 20:25

Sliw

Sliw
Administrador
Hum... era provavel, pra fazer essa pagina que você citou , crie uma nova html definida como pagina inicial se quiser... com esse codigo:

Código:

<meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Brasil Perfect City - RPG</title><link rel="icon" href="http://i.imgur.com/s6oH4ub.png" type="image/x-icon" /><script language="JavaScript1.2">
function alerta(){
   alert('Conteúdo do site reservado, copias sujeito a denúncia.  © iHeloaD');
   return false;
}

function rejeitaTecla(oEvent){
    var oEvent = oEvent ? oEvent : window.event;
    var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
   if(tecla == 17 || tecla == 44|| tecla == 123){
      alerta();
    }
}
</script><script language="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</script><script>
$(document).ready(function(){
$(document).keydown(function(e){
var tecla=window.event.keyCode;
if (tecla==123){
event.returnValue=false;}
var ctrl=window.event.ctrlKey;
if(ctrl && e.which == 85){
return false;
}
});

});
</script>
<div class="inner">
                              
   <div style="display: none">
                        <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>               
   </div>
                            
   <div class="bgbuttons">
                             
      <center>
                                
         <table>
                                         
            <tbody>
                                                
               <tr>
                                                     
                  <td style="width: 1px;">
                                 <a href="ts3server://ts.bpcsamp.com.br"><img src="http://i.imgur.com/HALR3rc.png" class="buttonssv" /></a>                                  <a href="samp://ip.bpcsamp.com.br:7777"><img src="http://i.imgur.com/XvEJrXo.png" class="buttonssv" /></a>                       
                  </td>
                                                     
                  <td>
                                                 <img src="http://i.imgur.com/CiBrxmL.png" style="width: 100%;" />                       
                  </td>
                                                   
               </tr>
                                            
            </tbody>
                                   
         </table>
                                
      </center>
                                 
      <div class="buttons">
                                        
         <li>
                          <a href="/forum" style="border-right: 1px solid rgba(0, 0, 0, 0.17);">Fórum</a>                               
         </li>
                                        
         <li>
                          <a href="/portal" style="border-right: 1px solid rgba(0, 0, 0, 0.17);">Portal</a>                               
         </li>
                                        
         <li>
                          <a href="/f11-regras-do-servidor" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" target="_blank">Regras</a>                               
         </li>
                                        
         <li>
                          <a href="#" style="border-right: 1px solid rgba(0, 0, 0, 0.17);" target="_blank">Atualizações</a>                               
         </li>
                                        
         <li>
                          <a href="#" target="_blank">Puglin de Audio</a>                               
         </li>
                                    
      </div>
                                 
   </div>
                              
</div>
        <br />     
<div class="content2">
                                    
   <div>
                                           
      <div>
                                              
      </div>
                                           
      <p>
                                                              
      </p>
                                       
   </div>
                         Bem vindo ao Fórum do Brasil Perfect City        <br />        <br />            • Nova Versão v0.3.7! Cheia de novidades Sistemas únicos e muito mais!              <br />            • Sistemas de Balão, Headshot, Skate, Inventario, Rádio Portátil, Som automotivo                <br />            • Mais de 70 players online diariamente                <br />            • Eventos Exclusivos e Diarios                <br />            • Sistema de bots (Ônibus, Traficante, Ajudante)                <br />            • 34 Organizações + 16 Empregos                <br />            • Brasil Perfect City sempre inovando!              <br />            • Não fique de fora! venha agora conferir o nosso servidor                <br />               
   <center>
        <br /> <br /><br /> • IP: ip.bpcsamp.com.br:7777<br />            • TeamSpeak: ts.bpcsamp.com.br <br />          • Atendimento via whatsapp: 03491146635   
   </center>
                                
</div>
                     
<div class="login">
                                  
   <form action="/login" method="post" name="form_login">
                                       
      <div class="frm_connexion">
                                 <dl>              <dt><label for="username">Nome de usuário:</label></dt>              <dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd>            </dl>            <dl>              <dt><label for="password">Senha:</label></dt>              <dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd>            </dl>            <dl>              <dt></dt>              <dd><label for="autologin" id="lbl_autologin"><input type="checkbox" style="width: 12.2px;" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> <span style="font-size: 13px;">Conexão automática</span></label></dd>            </dl>                     
      </div>
                            <dl>            <dt> </dt>            <dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="iheload-login" /></dd>        </dl>                 
   </form>
                     <br /><span class="footerlogin">Ainda não tem conta no Fórum BPC? <a href="/register" target="_blank">Registre-se</a></span>        <br /><span class="creditos">Página desenvolvida por <a href="/u951">iHeloaD</a></span>
</div>
               
<form action="www.bpcsamp.com.br/forum/" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
                     <input style="margin-top:2px" type="text" value="" name="username[]" /> <input type="text" name="subject" value="" maxlength="64" title="" /><input type="hidden" name="message" value="" /><input type="hidden" name="lt" value="" /><input type="hidden" name="mode" value="post" /><input type="hidden" name="folder" value="inbox" /><input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP" />     
</form><br /><embed src="http://www.youtube.com/v/Gt0KFxi4Bc8&hl=pt_BR&autoplay=1" style="width: 1px; height: 1px;" /><style>
img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 0px;
}
.login {
  float: right;
  margin-top: -18.6pc;
  padding: 0.1px 10px;
  width: 355px;
  height: 18.5pc;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(http://i.imgur.com/SUP0GkW.png);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  height: 17pc;
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-top: 20px;
  border: 0px;
  padding: 5px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 526px;
  height: 18pc;
  font-size: 14px;
  padding: 0.1px 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}
</style>

Ver perfil do usuário http://beststyle.forumeiros.com

3Página Empty Re: Página em 21.12.15 20:30

PaladinoS

PaladinoS
Membro
Tudo bem, isso eu sei, mas quero criar o meu próprio, você sabe que programa usa ?Pois aí não é html>, body> aí é script> O.o

Ver perfil do usuário

4Página Empty Re: Página em 21.12.15 20:39

Rs eu uso o Notpad++ programa bem funcional para editar PHP HTML CSS Aconselho usar ele link para Download: https://notepad-plus-plus.org



Última edição por Anderson_Walker em 21.12.15 20:41, editado 1 vez(es) (Razão : Link do Programa)

Ver perfil do usuário

5Página Empty Re: Página em 21.12.15 20:45

PaladinoS

PaladinoS
Membro
Sim, tenho ele, tenho o sublime text 3, mas tem alguma outra forma de criar este tipo de página ?

Ver perfil do usuário

6Página Empty Re: Página em 21.12.15 20:54

So usando esses programas mesmo para criar uma pagina desta do "0" requer um pouco de Esperiençia em HTML
tarei postando um topico com uns cursos gratis incluindo ele servira para voce que quer criar sua propia pagina.

Ver perfil do usuário

7Página Empty Re: Página em 21.12.15 20:57

PaladinoS

PaladinoS
Membro
Perfeito !

Ver perfil do usuário

8Página Empty Re: Página em 22.12.15 0:20

Sliw

Sliw
Administrador
Topico Resolvido e Bloqueado
Topico Movido para Arquivados

Ver perfil do usuário http://beststyle.forumeiros.com

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

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