Layout Simple Habbo L.

Avaliem : Layout by : Je4n

» PrintScreen:
Print (Por inteiro) https://i.imgur.com/uic0Pow.png
 
» Demonstração:
Demonstração (Pode estar Off-line) @Removido
 
» Download: Comente para Liberaar o Download. Lembre-se de verificar as regras antes de enviar uma resposta ao tópico!


» Scan: (Via Virustotal) Clique aqui

» Características:
Caracterização Retrô.
Design Simples.
Versão simples, não muito detalhada.
 
» Créditos:
Je4n - Design, codificação & programação.
TheLastDark - Seus trabalhos serviram como inspiração da Header e footer.
Cutephp - Painel de controle.
Criarsites.me - JavaScript do Menu.
Habbo-week.fr - Últimos emblemas/Mobílias.
 
» Fazendo edições complementares:
Vá até a pasta Conf, abra o arquivo configuracao.php e altere para as suas informações. 

O Layout já vem com o Painel de controle cutenews, você só ira precisar acessar o link do seu site /cutenews e configurar. (É simples, apenas requer usuário, senha e e-mail).

Na dashboard Localize a categoria Templates:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Clique sobre essa categoria, irá abrir uma série de templates, vá adicionando em cada um os códigos a seguir:

Active News:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo">[link]{title}[/link]</div>
<div class="c-box">

{short-story}

<br><br>
[full-link target=_blank]Read more... [/full-link]
<div class="bordac">Postado por {author}</div>
<div class="bordac">Em {date}</div>
    [com-link]<div class="bordac azul">{comments-num} Comentários</div>[/com-link]
    {fb-comments} {fb-like} {gplus} {twitter}
</div></div></div>

Full Story:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo">[link]{title}[/link]</div>
<div class="c-box">

{short-story}

<br><br>
[full-link target=_blank]Read more... [/full-link]
<div class="bordac">Postado por {author}</div>
<div class="bordac">Em {date}</div>
    [com-link]<div class="bordac azul">{comments-num} Comentários</div>[/com-link]
    {fb-comments} {fb-like} {gplus} {twitter}
</div></div></div>

Comment:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo laranja">{author} Disse: [delete]%cbox[/delete]</div>
<div class="c-box">

{comment}

<br><br>
<div class="bordac">Postado por {author}</div>
<div class="bordac">Em {date}</div>
</div></div></div>

Add Comment form:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo vermelho">{author} Quer dizer:</div>
<div class="c-box">

Nome:{input_username} 
E-mail:{input_email} 
Comentário:
{input_commentbox}

      <input type="submit" name="submit" value="Postar comentário" class="botao">
<br><br>
</div></div></div>

News Pagination:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="c-box">
<div class="bordac azul">
<p align="center">[prev-link]<< Voltar[/prev-link] {pages} [next-link]Ir >>[/next-link]</p>
</div>
</div></div></div>

Comments Pagination:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="c-box">
<div class="bordac azul">
<p align="center">[prev-link]<< Voltar[/prev-link] {pages} [next-link]Ir >>[/next-link]</p>
</div>
</div></div></div>

Ainda no Cutenews, na dashboard acesse a página System configurations, vá até a aba News e desabilite a opção use CAPTCHA
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Clique aqui para visualizar

Espero que não removam os créditos desta vez.. Usem com sabedoria.

Obs: Há 2 (duas) páginas em PHP chamadas base & base2 que vão servir para você criar novas páginas. Ao criar uma nova página você pode abrir o arquivo .htaccess e adicionar as informações da mesma no arquivo para que não precise usar a extensão .php em todo final de página. Qualquer dúvida abra um tópico [url=http://Link Proibido /f60-suporte]aqui[/url] (Não irei ajudar por meio desse tópico).



Última edição por Je4n em Qua Ago 20, 2014 11:53 am, editado 1 vez(es)

Estarei usando

Até,

Olá, ótimo tutorial! Estarei utilizando o mesmo.

Gostei

Vo usar

Ótimo layout. Vou testar

Vamos ver

Estarei Dando Uma Olhada!  Muito Obrigado;

se poder adicionar print atualizados e funcionais agradecia :D

show, parecido com o gue o poko fez..

Lindo , parabéns!

Lindissimo

Obrigado por compartilha

Gostei, estarei baixando para uso.

Comentando , para baixar :D

- Olá, você pode me falar qual nome da fonte que ultiliza na (LOGO) ?

- Olá, você poderia me falar o nome da fonte da (logo) ?

Qual nome da fonte da logomarca ?

[quote=Lιηχ]Avaliem : Layout by : Je4n

» PrintScreen:
Print (Por inteiro) https://i.imgur.com/uic0Pow.png
 
» Demonstração:
Demonstração (Pode estar Off-line) @Removido
 
» Download: Comente para Liberaar o Download. Lembre-se de verificar as regras antes de enviar uma resposta ao tópico!


» Scan: (Via Virustotal) Clique aqui

» Características:
Caracterização Retrô.
Design Simples.
Versão simples, não muito detalhada.
 
» Créditos:
Je4n - Design, codificação & programação.
TheLastDark - Seus trabalhos serviram como inspiração da Header e footer.
Cutephp - Painel de controle.
Criarsites.me - JavaScript do Menu.
Habbo-week.fr - Últimos emblemas/Mobílias.
 
» Fazendo edições complementares:
Vá até a pasta Conf, abra o arquivo configuracao.php e altere para as suas informações. 

O Layout já vem com o Painel de controle cutenews, você só ira precisar acessar o link do seu site /cutenews e configurar. (É simples, apenas requer usuário, senha e e-mail).

Na dashboard Localize a categoria Templates:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Clique sobre essa categoria, irá abrir uma série de templates, vá adicionando em cada um os códigos a seguir:

Active News:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo">[link]{title}[/link]</div>
<div class="c-box">

{short-story}

<br><br>
[full-link target=_blank]Read more... [/full-link]
<div class="bordac">Postado por {author}</div>
<div class="bordac">Em {date}</div>
    [com-link]<div class="bordac azul">{comments-num} Comentários</div>[/com-link]
    {fb-comments} {fb-like} {gplus} {twitter}
</div></div></div>

Full Story:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo">[link]{title}[/link]</div>
<div class="c-box">

{short-story}

<br><br>
[full-link target=_blank]Read more... [/full-link]
<div class="bordac">Postado por {author}</div>
<div class="bordac">Em {date}</div>
    [com-link]<div class="bordac azul">{comments-num} Comentários</div>[/com-link]
    {fb-comments} {fb-like} {gplus} {twitter}
</div></div></div>

Comment:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo laranja">{author} Disse: [delete]%cbox[/delete]</div>
<div class="c-box">

{comment}

<br><br>
<div class="bordac">Postado por {author}</div>
<div class="bordac">Em {date}</div>
</div></div></div>

Add Comment form:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="boxes-titulo vermelho">{author} Quer dizer:</div>
<div class="c-box">

Nome:{input_username} 
E-mail:{input_email} 
Comentário:
{input_commentbox}

      <input type="submit" name="submit" value="Postar comentário" class="botao">
<br><br>
</div></div></div>

News Pagination:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="c-box">
<div class="bordac azul">
<p align="center">[prev-link]<< Voltar[/prev-link] {pages} [next-link]Ir >>[/next-link]</p>
</div>
</div></div></div>

Comments Pagination:
Código:

Código:

<div class="boxes esquerda">

<div class="box">
<div class="c-box">
<div class="bordac azul">
<p align="center">[prev-link]<< Voltar[/prev-link] {pages} [next-link]Ir >>[/next-link]</p>
</div>
</div></div></div>

Ainda no Cutenews, na dashboard acesse a página System configurations, vá até a aba News e desabilite a opção use CAPTCHA
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Clique aqui para visualizar

Espero que não removam os créditos desta vez.. Usem com sabedoria.

Obs: Há 2 (duas) páginas em PHP chamadas base & base2 que vão servir para você criar novas páginas. Ao criar uma nova página você pode abrir o arquivo .htaccess e adicionar as informações da mesma no arquivo para que não precise usar a extensão .php em todo final de página. Qualquer dúvida abra um tópico [url=http://Link Proibido /f60-suporte]aqui[/url] (Não irei ajudar por meio desse tópico).



Última edição por Je4n em Qua Ago 20, 2014 11:53 am, editado 1 vez(es)[/quote]

Qual nome da fonte da logo ?

Qual nome da fonte da logo ? ' pode me falar ? '

Muito Bonita, esterei usando futuramente....

Lindo, estarei baixando

Belo layout! Vou utilizar com certeza!

vou fazer um teste

Comentando para liberar! :D Depois edito...

Comentando para liberar o layout :)

Obrigado por disponibilizar, vou usar, até ;)

Obrigado por compartilhar.

Obrigado por compartilhar, estarei usando este layout para futuros projetos. :)

Achei super legal.

Irei usar com certeza.

Sou Fa Do Jeans

Muito Bom! (:

Amei, lindo obrigado !

legalzim

òtimo

dsadas

Comentando # Espero que Seja Bom !

Interessante

Agradeço pelo layout, vou utilizar :3