Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'html'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Haze
    • Announcements & Updates
    • Official Files
    • User Central
  • Web development
    • CMS & Scripts
    • Codes
    • Tutoriais
    • Work in Progress
    • Support
    • Others
  • Games Development
    • Browser Games
    • Minecraft
    • Unreal Engine
    • Unity 3D
    • Cry Engine
    • JavaScript (HTML5)
    • Publish your Project
    • Support
    • Outros
  • Desktop Development
    • Codes
    • Tutoriais
    • Work in Progress
    • Outros
  • Graphic Design
    • Tutorials
    • Resources
    • Gallery
    • Support
  • O mundo fora...
    • Sales & Purchases
    • Mídia
    • Debates
    • Taverna

Product Groups

  • Account Modifications
  • Licenses

Categories

  • Officials
  • CMS & Layouts
    • Wordpress
    • HTML/CSS
    • PHP Script
    • Outros
  • Jogos
    • Habbo Hotel
    • Minecraft
    • Engines
  • Desktop
    • C#
    • Node
  • Design
    • Editáveis
    • Recursos de Imagens
    • Others

Categories

  • games
  • TV Shows
  • Technology
  • Cinema

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


E-mail


Facebook


Twitter


Skype


Discord


WhatsApp


Behance


DeviantArt


GitHub


Codepen


Outro

Found 27 results

  1. iJhefe

    Bom, o @Luan postou um desenho de uma Landing Page aqui: E ele me pediu para codar, então como um bom amigo, codei. Existem algumas mudanças sutis devido a eu ter codado sem o arquivo editável e também ter codado sem acesso nenhum a internet para buscar imagens. DEMO: Download: [Hidden Content] Minha Rede - Landing Page.zip
  2. BSVS

    Sienna: Modelo HTML gratuito Sienna é a mais recente página de destino HTML gratuita lançada no Cruip. Ele vem com um monte de componentes pré-construídos. É ideal para startups baseadas na web. É facilmente personalizável para configurar um novo site. DEMO Download disponível abaixo Procure por "Sienna" [Hidden Content]
  3. T0E

    Oi pessoal, eu vi que o fã-site Kihabbo está voltando a atividade, e por sinal a manutenção deles é simples é bem planejada, com sincronização com a música que toca. Eu achei interessante e resolvi compartilhar com vocês. Demonstração: Clique aqui :3 Download: [Hidden Content] A manutenção tem um sistema que fica passando os personagens da equipe do fã-site para cima, para alterar os personagens que passam é só ir na pasta assets->js->main.js e alterar os nomes que estão na função var users como no print abaixo! Note que os nomes devem ser iguais ao do Habbo BR. Caso queria que o sistema funcione em hoteis piratas você deve alterar o link da Habbo Imaging na função appendAvatar que se encontra mais abaixo no mesmo arquivo. Vale lembrar que para funcionar em hóteis piratas o mesmo deve ter o sistema de API ou habbo-imaging própria, caso contrário, não deve funcionar corretamente... Créditos: Desenvolvedores Kihabbo (Equipe) T0E - Por trazer ao fórum
  4. AhaMag é uma maneira moderna de publicar seus artigos. Bom para grandes jornais de revistas e blogs também. O AhaMag é super rápido e usa a técnica lazyload, então o conteúdo é carregado somente quando necessário. Use o AhaMag para muitas categorias, como inovações, tecnologias, política, negócios e notícias do mundo. Nós otimizamos todo o código, então ele carrega muito mais rápido que outros modelos. Este modelo HTML5 é baseado na mais recente estrutura do Bootstrap 4 e é totalmente responsivo. Os arquivos organizados do Sass ajudarão você a personalizar a aparência do seu site. AhaMag construído com metodologia BEM e código semântico limpo. Experimente o AhaMag HTML hoje e crie sua revista perfeita. Live Demo: Aha Magazine Download: [Hidden Content]
  5. Fala meus bons, recentemente precisei fazer um código para enviar e-mails, que por sua vez é bem simples, no entanto quis implementar nele um sistema de template para enviar e-mails e repostas em JSON para utilizar com Ajax. Postei porque meu amigo @Fulano não queria que eu postasse. Beijos para ele. <?php class Mail { private $layout; private $rType = 'Ajax'; private $headers; public $to; public $message; public $subject = 'Mensagem de Email'; public function useHTML() { $headers = 'MIME-Version: 1.0' . "\r\n"; $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; $this->headers = $headers; } public function set_from($from) { $this->headers .= "From: $from \r\n"; } public function set_response_type($type) { $this->rType = $type; } public function set_layout_var($var) { $this->layout['vars'][] = $var; } public function set_layout_data($data) { $this->layout['data'][] = $data; } public function set_layout($method, $data) { $lt = ($method == 'file' ? 'file' : 'html'); if ($lt == 'file') { $d = DOCUMENT_ROOT . '/' . $data; $l = file_get_contents($d); if (!$l) { $this->res(400, 'Ocorreu um problema interno (0x0F101)'); } $this->layout['model'] = $l; return true; } $this->layout['model'] = $data; return true; } private function generate_layout() { $this->layout['generated'] = str_replace($this->layout['vars'], $this->layout['data'], $this->layout['model']); } public function get_layout() { return $this->layout['generated']; } private function generate_message() { if (empty($this->layout) || is_null($this->layout)) return $this->message; $this->generate_layout(); return $this->layout['generated']; } public function send() { $message = $this->generate_message(); if ( mail($this->to, $this->subject, $message, $this->headers) ) return $this->res(200, 'E-mail enviado com sucesso'); return $this->res(403, 'Não foi possível enviar o e-mail.'); } private function res($code, $message) { $r = strtolower($this->rType); if($r == 'ajax') { echo json_encode(["status" => $code, 'response' => $message]); return true; } return json_encode(["status" => $code, 'response' => $message]); } } Lembrando que nesse código de cima estou utilizando uma Constate pré definida por mim, a DOCUMENT_ROOT, que é nada além da RAIZ da pasta. No caso, o layout deve ser referenciado de acordo com a raiz do site, mas você pode mudar isso, um exemplo de uso vai abaixo. <?php $Mail = new Mail(); $Mail->useHTML(); # Setar para usar o Header de HTML de E-mail # Setar o template HTML, caso não use essa função ele vai interpretar o e-mail como Mensagem comum e as funções de layout não irão funcionar. $Mail->set_layout('file', 'mail-templates/recover'); // Setar as variáveis para o php interpretar $Mail->set_layout_var('{logoURL}'); $Mail->set_layout_var('{user}'); $Mail->set_layout_var('{codigo}'); $Mail->set_layout_var('{buttonURL}'); $Mail->set_layout_var('{buttonTXT}'); // Setar os valores das variáveis POR ORDEM $Mail->set_layout_var('https://hazeforum.com/uploads/monthly_2019_04/small.png.52ed3bb48b55d1c0a766ad91482651b2.png'); $Mail->set_layout_data('iJhefe'); $Mail->set_layout_data('1234'); $Mail->set_layout_data('https://hazeforum.com'); $Mail->set_layout_data('Acesse nosso fórum'); $Mail->to = "[email protected]"; # Para quem vai o e-mail $Mail->subject = 'Recuperação de Senha: Haze Fórum'; # Assunto do e-mail $Mail->set_from('Haze Fórum <[email protected]>'); # Opcional, seta de quem veio o e-mail. return $Mail->send(); Nesse caso, o arquivo Recover está na pasta "mail-templates", na raiz do projeto. Arquivo Recover: <!doctype html> <html> <head> <meta name="viewport" content="width=device-width"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Soliticação de Senha</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <style> @media only screen and (max-width: 620px) { table[class=body] h1 { font-size: 28px !important; margin-bottom: 10px !important; } table[class=body] p, table[class=body] ul, table[class=body] ol, table[class=body] td, table[class=body] span, table[class=body] a { font-size: 16px !important; } table[class=body] .wrapper, table[class=body] .article { padding: 10px !important; } table[class=body] .content { padding: 0 !important; } table[class=body] .container { padding: 0 !important; width: 100% !important; } table[class=body] .main { border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; } table[class=body] .btn table { width: 100% !important; } table[class=body] .btn a { width: 100% !important; } table[class=body] .img-responsive { height: auto !important; max-width: 100% !important; width: auto !important; } } @media all { .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .apple-link a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; } .btn-primary table td:hover { background-color: #1e53b6 !important; } .btn-primary a:hover { background-color: #1e53b6 !important; border-color: #1e53b6 !important; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(30, 83, 182, 0.4); } } </style> </head> <body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"> <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f6f6f6; width: 100%;" width="100%" bgcolor="#f6f6f6"> <tr> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td> <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; max-width: 580px; padding: 10px; width: 580px; margin: 0 auto;" width="580" valign="top"> <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px;"> <!-- START CENTERED WHITE CONTAINER --> <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">Você solicitou sua senha !</span> <table role="presentation" class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border-radius: 3px; width: 100%;" width="100%"> <!-- START MAIN CONTENT AREA --> <tr> <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;" valign="top"> <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> <tr> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top"> <center><img src="{logoURL}" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100%;"></center><br><br> <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Olá {user},</p> <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px; color: #AFB5C0;">Abaixo está seu código de recuperação de senha, se você não solicitou uma nova senha ignore esse e-mail .</p> <br> <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Sua Código: <br> <font style="color: #AFB5C0; font-size: 11px;">{codigo}</font> </p><br><br> <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; box-sizing: border-box; width: 100%;" width="100%"> <tbody> <tr> <td align="left" style="font-family: sans-serif; font-size: 14px; vertical-align: top; padding-bottom: 15px;" valign="top"> <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;"> <tbody> <tr> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #AFB5C0;" valign="top" align="center" bgcolor="#AFB5C0"> <a href="{buttonURL}" target="_blank" style="border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-decoration: none; text-transform: capitalize; background-color: #AFB5C0; border-color: #AFB5C0; color: #ffffff;"><i class="far fa-eye"></i> {buttonTXT}</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </table> </td> </tr> <!-- END MAIN CONTENT AREA --> </table> <!-- START FOOTER --> <div class="footer" style="clear: both; margin-top: 10px; text-align: center; width: 100%;"> <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> <tr> <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px; text-align: center;" valign="top" align="center"> <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">Copyright © 2019 • Haze Fórum <br> Todos os Direitos Reservados. </span></td> </tr> <tr> <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px; text-align: center;" valign="top" align="center"> Site: <a href="https//hazeforum.com" target="_blank" style="font-size: 12px; text-align: center; text-decoration: none; color: #1e53b6;">www.hazeforum.com</a>. </td> </tr> </table> </div> <!-- END FOOTER --> <!-- END CENTERED WHITE CONTAINER --> </div> </td> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td> </tr> </table> </body> </html> Ao template do recover, o @Fulano quem me passou. Pode usar livremente, em caso de dúvidas, crie um tópico. Mantenha os créditos, caso use.
  6. Closed Design

    html/css

    Oi pessoal do Haze sou o Closed! Hoje estarei trazendo um Layout que eu tinha faz tempo, e nunca usei. Decidi editá-lo e postá-lo aqui para vocês. O Layout em si é muito simples mas muito bonito que pode ser usado em diversas áreas. Edite como quiser e desfrute do Layout do seu jeito, apenas não retire os créditos! Avisos: Em breve irei trazer uma versão em PHP, mas quem quiser já trazer em PHP só postar. Créditos: O Layout foi criado por mim (Closed), então todos os créditos a mim. Demo: IMAGEM Download: MEGA MEDIAFIRE
  7. Comente para ver o download! DEMOnstração: Download: [Hidden Content]
  8. Rafisbf

    Ei você, você mesmo que tem seu projeto que precisa de um site mas não sabe quem contratar, Agora você está no lugar certo, você acaba de conhecer @Rafisbf , e ele cobra somente 10 reais para fazer seu trabalho, agora só chamar ele no privado que seu projeto estará pronto ADIÇÕES Email para contato: R$ 5,00 Sistema de login: R$ 10,00 Hosting: R$4,00 a R$ 55,00 Dominio: .com R$ 50,00 .net R$ 50,00 (caso esteja disponivel) Outras adições: Chame PV Formas de pagamentos PayPal Portifolio
  9. Wiz-Khalifa

    Pessoal tou codificando uma lay mais nao consigo fazer os blocos de noticia alguem me ajud ? o css é esse : #container{ width: 500px; height: auto; margin-top: 90px; position: absolute; } .news{ background-color: #f0f0f0; width: 300px; height: 200px; top: 10px; z-index: 0; position: absolute; left: 70px; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); } #right{ width: 500px; height: 800px; float: right; margin-right: 10px; margin-top: 50px; position: relative; } .emblemas{ background-color: #f0f0f0; width: 350px; height: 350px; top: 10px; right: 100px; float: right; position: absolute; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); } .mobis{ background-color: #f0f0f0; width: 350px; height: 350px; top: 390px; right: 100px; float: right; position: relative; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); } html é esse : <div id="container"> <div class="news"></div> <div class="news"></div> <div class="news"></div> <div class="news"></div> <div class="news"></div> <div class="news"></div> <div class="news"></div> <div class="news"></div> </div> <div id="right"> <div class="emblemas">EMBLEMAS</div> <div class="mobis">MOBIS </div> </div> Essa ficando assim : https://imgur.com/Ydzqv6q eu quero deixar as box como essa image , https://imgur.com/QfTAh0B , a box news esta preta pq tem varias estao ficaando uma em cima da outra !
  10. Kene

    html/css

    Trago um desenho do Pikachu feito apenas em HTML e CSS. Demo: https://pika.assistir.me Download: https://pika.assistir.me/pika.zip
  11. T0E

    maRs é uma landing page HTML com design atraente e elegante otimizado para startups. Com esse template você pode mostrar seus serviços, configurar preços de planos, anunciar eventos e permitir que os usuários entrem em contato com você por meio de um formulário. Navegadores compatíveis: IE11, Firefox, Safari, Opera, Chrome e Edge. Arquivos incluídos: PSD em camadas, arquivos CSS, arquivos JS, arquivos HTML. Inclui uma documentação com todas as cores e tutoriais de como alterar logo, copyright e etc. Recursos Responsivo Compatibilidade entre navegadores Código amigável para SEO Google Fonts Galeria de Fotos Accordion Barra de Progesso Formulário de Contato Preços de Planos Botões de Redes Sociais Download: *Dá um like pra exibir o download. [Hidden Content] Demo: https://preview.motocms.com/mars/
  12. Matheus Parnaiba

    Template MuviKu html Criador: Mr. M Imagens: Adblock- https://drive.google.com/open?id=1JnZO3p8Lxn7lyY20EZiCHpEhCrwvGFNr Contato- http://s2.vc/muvikuad Index- https://drive.google.com/open?id=15B-NHj8zuxXmlycc8HgZqzd3rUs3rVv7 Preloading- ESQUECI DE TIRAR PRINT DOWNLOAD- https://drive.google.com/open?id=1p0ftBu5rVimbpS02WUldpKEf0ShHhFKm Senha: mrmhaze
  13. Gabriel Telles

    Não Isto é uma dúvida e um erro comum. O HTML é uma abreviação para Hyper Text Markup Language, que significa Linguagem de Marcação de Hipertexto, então o próprio nome já entrega que ele não é uma linguagem de programação, pois é uma linguagem de marcação. Ela não é linguagem de programação porque não é Turing complete. Ou seja, ela precisaria ter algumas características específicas para poder "programar um dispositivo". Você não pode executar o HTML, por isto é que precisa do JavaScript para fazer algumas coisas, esta sim uma linguagem de programação. HTML está longe de ter a completude de Turing. Ela precisaria ter todas estas capacidades: fazer cálculos; mudar informações contidas em algum tipo de memória; tomar decisões; mudar o fluxo de execução. Isso foi para esclarecer algumas dúvidas de pessoas que não sabem, se eu tiver errado pode me corrigir.
  14. iJhefe

    Navegação com Abas

    Version 1.0.0

    5 downloads

    A navegação com abas possibilita que o usuário visualize vários conteúdos em um único lugar, mudando apenas com clique. DEMO:

    Free

  15. Eu e o @Boss estava comentando sobre reunir pacotes de tutoriais na internet e fazer aulas no fórum. Começando do início, o que é css, até as aulas mais avançadas. O projeto está sendo planejado, pra não ficar desorganizado. Vocês que estão interessados nisso, podem deixar sugestões sobre as aulas, e outras coisas.
  16. iJhefe

    Minha Rede Layout

    Version 1.0.0

    14 downloads

    DEMO

    Free

  17. iJhefe

    Sword Legends - Login Essa página de Entrada (login) foi codificada por mim e desenhada por Junmy, créditos estão no arquivo, essa versão é não Programada, ou seja, sem PHP, mas é totalmente responsiva e com animações Pure CSS. Demonstração: http://mystictera.com/sL-project/front/ Prints e Download: [hide]
  18. iJhefe

    Sword Legends - Login

    Version 1.0.0

    11 downloads

    Sword Legends - Login Essa página de Entrada (login) foi codificada por mim e desenhada por Junmy, créditos estão no arquivo, essa versão é não Programada, ou seja, sem PHP, mas é totalmente responsiva e com animações Pure CSS. Demonstração: http://mystictera.com/sL-project/front/

    Free

  19. Olá, agora venho deixar para vocês uma navegação em CSS3 e HTML, sem Javascript. Imagem O que é? Quando clicar em uma das categorias, o conteúdo dela é exibido. Download [Hidden Content]
  20. Olá membros do Haze Fórum, venho anunciar para vocês uma série de tutoriais onde você vai aprender a codificar um site (HTML/CSS), começando do básico ao o que eu puder ensinar. Nos tutoriais vou tentar ser o mais direto possível e você poderá tirar suas dúvidas no tópico (caso a dúvida seja simples) ou criar um tópico de Suporte no fórum que será ajudado. Para iniciar, preciso da ajuda de vocês... com o que eu começo? PS: Por ser a primeira, optei por não começar com um site completo. 1- Power Mine Landing Page 2- Neodins Landing Page 3- NeoGames Login/Register Sobre a metodologia: Ainda estou pensando em ser somente tutorial Escrito, Escrito + Vídeo ou só Vídeo. Vai depender muito de minha disponibilidade, mas prometo ter pelo menos alguns vídeos.
  21. Olá pessoal, achei isso aqui vagando pela internet, achei interessante, então eu traduzi e vou compartilhar com vocês. É um tema simples com apenas uma index feita com HTML e CSS, o mais interessante é que ele é totalmente responsivo, ou seja, funciona perfeitamente com qualquer dispositivo. Responsivo: Download: [Hidden Content] O scan o Mega.NZ já faz, mas se quiser o scan, comenta ae que eu coloco Até mais ;)
  22. For the members who installed the Kuro theme they will not have to add the CSS codes and the scripts (they are already included) Paste the following scripts before the tag </head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(function() { $(".contenido_tab").hide(); $("ul.tabs li:first").addClass("activa").show(); $(".contenido_tab:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("activa"); $(this).addClass("activa"); $(".contenido_tab").hide(); var activatab = $(this).find("a").attr("href"); $(activatab).fadeIn(); return false; }); }); </script> Paste the following CSS code before the tag </b:skin> /* CSS Tabs jQuery */ .contenedor_tab{color: white;float: left;clear: both;display: block;border-radius: 7px;width: 100%;} ul.tabs{float:left;margin:0;padding:0;list-style:none;height:32px;width:600px;margin-top:-10px;} ul.tabs li{float:left;margin:0;padding:0;height:31px;line-height:31px;margin-bottom:-1px;background:#f8f8f8;overflow:hidden;position:relative;border-radius: 7px;margin-right:5px;} ul.tabs li a{font-family: Arial;text-decoration:none;color:#000;display:block;font-size:13px;padding:0 20px;outline:none;border-radius: 7px;} ul.tabs li a:hover{background:#00a0ff;} ul.tabs li.activa,ul.tabs li.activa a,ul.tabs li.activa a:hover {color:#fff;background:#00a0ff;} .contenido_tab{background-color: #00a0ff;padding: 10px;font-size: 1.2em;border-radius: 5px;} .contenido_tab img{margin:0 20px 20px 0;border:1px solid #ddd;padding:5px} Paste the HTML code into any pag/entry you want to show multiple video servers <ul class="tabs"> <li><a href="#tab1">SERVER 1</a></li> <li><a href="#tab2">SERVER 2</a></li> <li><a href="#tab3">SERVER 3</a></li> </ul> <br/> <div class="contenedor_tab"> <div id="tab1" class="contenido_tab"> <div class="embed"> <iframe src="" scrolling="no" allowfullscreen></iframe> </div> </div> <div id="tab2" class="contenido_tab"> <div class="embed"> <iframe src="" scrolling="no" allowfullscreen></iframe> </div> </div> <div id="tab3" class="contenido_tab"> <div class="embed"> <iframe src="" scrolling="no" allowfullscreen></iframe> </div> </div> </div> <div style="clear:both;"> </div> PLEASE GIVE RATE Any question about custom design please leave a comment
  23. Go to Design > Add Widget > HTML/Javascript, save the following javascript in the widget Replace images, titles, dates, etc ... <link rel="stylesheet" type="text/css" href="http://hentaila.com/assets/css/estilos.css" /> <div class="row"><h2 class="heading"><span class="head-ext"><i class="fa fa-star"></i>Last chapters</span></h2> <div id="flexbox"> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="DIES IRAE 4 SUB ESPAÑOL"> <img alt="DIES IRAE 4 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">DIES IRAE</div> <div class="overepisode">Episodio 4</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="SHOUJO SHUUMATSU RYOKOU 5 SUB ESPAÑOL"> <img alt="SHOUJO SHUUMATSU RYOKOU 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">SHOUJO SHUUMATSU RYOKOU</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="KINO NO TABI: THE BEAUTIFUL WORLD - THE ANIMATED SERIES 5 SUB ESPAÑOL"> <img alt="KINO NO TABI: THE BEAUTIFUL WORLD - THE ANIMATED SERIES 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">KINO NO TABI: THE BEAUTI...</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="NET-JUU NO SUSUME 5 SUB ESPAÑOL"> <img alt="NET-JUU NO SUSUME 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">NET-JUU NO SUSUME</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="DRAGON BALL SUPER 64 AUDIO LATINO"> <img alt="DRAGON BALL SUPER 64 AUDIO LATINO" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">DRAGON BALL SUPER</div> <div class="overepisode">Episodio 64 Latino</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="INUYASHIKI 4 SUB ESPAÑOL"> <img alt="INUYASHIKI 4 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">INUYASHIKI</div> <div class="overepisode">Episodio 4</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="OUSAMA GAME 5 SUB ESPAÑOL"> <img alt="OUSAMA GAME 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">OUSAMA GAME</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="JUST BECAUSE! 5 SUB ESPAÑOL"> <img alt="JUST BECAUSE! 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">JUST BECAUSE!</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="DRAGON BALL SUPER 63 AUDIO LATINO"> <img alt="DRAGON BALL SUPER 63 AUDIO LATINO" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">DRAGON BALL SUPER</div> <div class="overepisode">Episodio 64 Latino</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="BOKU NO KANOJO GA MAJIME SUGIRU SHOBITCH NA KEN 4 SUB ESPAÑOL"> <img alt="BOKU NO KANOJO GA MAJIME SUGIRU SHOBITCH NA KEN 4 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">BOKU NO KANOJO GA MAJIME...</div> <div class="overepisode">Episodio 4</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="AME-IRO COCOA SERIES: AME-CON!! 5 SUB ESPAÑOL"> <img alt="AME-IRO COCOA SERIES: AME-CON!! 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">AME-IRO COCOA SERIES...</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div> <div class="item"> <div class="overarchingdiv"> <a href="//url" title="TSUKIPRO THE ANIMATION 5 SUB ESPAÑOL"> <img alt="TSUKIPRO THE ANIMATION 5 SUB ESPAÑOL" src="https://zonafilesanimext.000webhostapp.com/img/no-image-blogger.png" /> <div class="hoveroverlay"> <i class="fa fa-play pgnav activehov"></i> </div> <div class="seriesoverlay"> <h3> <div class="overtitle">TSUKIPRO THE ANIMATION</div> <div class="overepisode">Episodio 5</div> </h3> <div class="recentupd">Publicado 03/11</div> </div> </a> </div> </div></div></div> PLEASE GIVE RATE Any question about custom design please leave a comment
  24. The indicator bar is for any blogger template, but if you installed the Kuro template there is no need to install the following CSS (it is recommended to download the style.css and upload it to your own hosting) They have 3 options to insert the CSS Code CSS .indicadores{background:#444;padding:11px 0;border-bottom:4px solid #00ADED} .indicadores div{display:inline-block;width:20%;text-align:center;color:#FFF;font-size:25px;vertical-align:middle} .indicadores div a{color:#FFF} .indicadores div a:hover{color:#00ADED} .indicadores div:nth-of-type(2){width:55%} HTML (Insert at the end of the entry or page) <div class="indicadores"> <div><a href="/2017/11/dragon-ball-super-8-sub-espanol.html" rel="prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></a></div> <div><a href=/2017/10/dragon-ball-super.html""><i class="fa fa-list-alt" aria-hidden="true"></i></a></div> <div><a href="/2017/11/dragon-ball-super-10-sub-espanol.html" rel="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></div></div> PLEASE GIVE RATE Any question about custom design please leave a comment
  25. Just follow the instructions Please enter CSS above </ style> and </ b: skin> After that go to your Page or Publication, then enter the code below. (Replace titles and images) Then save the template. If there is any problem, please comment
×