dev (jQuery) Modals

[Aeffy]

Modals sem Bootstrap!

 

Para usar é simples, no head, coloque isso:

<script src="https://aeffy.com/js/modal.js"></script>
<link rel="stylesheet" href="https://aeffy.com/css/modal.css" type="text/css"/>

Depois, em um botão, por exemplo, adicione:

onclick="modal('ID DA DIV ONDE SE LOCALIZA O MODAL', 'HEIGHT RECOMENDADO EM %', 'WIDTH RECOMENDADO EM %')"

Modal:

<div id="ID DA DIV ONDE LOCALIZA O MODAL" class="aeffy-modal">
<!-- Não se esqueça do close -->
<div class="aeffy-modal-close">X</div>
<div class="aeffy-modal-title"><center><h1>Olá, este é um modal!</h1></center></div> 
   <h2>
   Este modal é apelidado de Francisco.
   <br>
   Francisco é um modal muito legal, vire amigo dele! 
   </h2>     
</div>

E pronto, já estará funcionando, você pode ter vários modals, é só alterar no id na div e no onclick.

OBS.: Se for alterar a largura, leve em consideração o left.

 

GitHub: https://github.com/Aeffy/Modals

 

Página para você testar:

https://aeffy.com/modal.php

Veja também: Copy to Clipboard!

Qualquer bug, avise via MP

(A estilização da fonte fica por sua conta)

Editado Fevereiro 4, 2016 por Nano

[Guest FastMG]

First¹

top

[Guest md5]

Eu teria usado createElement, appChild, remChild, etc. Mas assim também é tão eficiente quanto, me deu algumas ideias pra criar mais variantes em meus projetos. Obrigado e bom trabalho.

[Aeffy]

First¹

 

top

 

 

Eu teria usado createElement, appChild, remChild, etc. Mas assim também é tão eficiente quanto, me deu algumas ideias pra criar mais variantes em meus projetos. Obrigado e bom trabalho.

Valeu

[CookieGamerPT]

Aí sim, ajudando pobretas™ since 2016 - ®

[Guest Piole_BR]

Daqui a pouco vai ta um site inteiro aqui só dos seus tuto hihihi, boa

[Aeffy]

Aí sim, ajudando pobretas since 2016 - ®

uehauhe

[Guii]

Boa \o só arruma o left, pq tá torto

[Aeffy]

Bug corrigido, agora o botão fechar ficará sempre fixado.

[Boladexziinho]

Muito bom, provavelmente irei usar..

[MrTBR]

Ótimo tutorial, professor :v q

[Aeffy]

Muito bom, provavelmente irei usar..

[iBank_]

Vlw Manin