InícioCaixa de Sair
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Caixa de Sair
por iScroll 28.03.17 0:35
Detalhes da questão
Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB
Descrição
Olá pessoal, bom, eu fiz um pedido de caixa de login e gostaria também de um de saída.
Seria a mesma coisa do de login, a diferença que só vai conter:
"Deseja realmente sair?"
Sim
Não
Código da caixa de login abaixo:
- Código:
span#cpClosePp {
visibility: hidden!important;
}
a.popupClose {
position: absolute;
top: -20px;
right: -8px;
font-family: Leckerli One, Ubuntu, sans-serif!important;
color: #fff;
}
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por Luiz 28.03.17 1:00
Olá.
Precisarei que o senhor ative minha conta para testes.
Ficarei no aguardo.
Até mais.
Precisarei que o senhor ative minha conta para testes.
Ficarei no aguardo.
Até mais.
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Caixa de Sair
por iScroll 28.03.17 1:22
Luiz~ escreveu:Olá.
Precisarei que o senhor ative minha conta para testes.
Ficarei no aguardo.
Até mais.
Feito!
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por Luiz 29.03.17 17:38
Crie um novo JavaScript, investido em todas as páginas.
Para o CSS, o senhor poderá personalizar à seu gosto.
Sei que o senhor manja dos CSS's.
Até mais.
- Código:
/**
* Title: Caixa de Login
* Créditos: Cepheus
* Copyright: (C) 2016 Cepheus
* Site: bestskins.net
*/
(function ($) {
$(function () {
$('a[href*="/login?"]').on('click', function (e) {
$('.cepheusLogin').fadeIn();
e.preventDefault();
});
$('#cpClosePp').on('click', function () {
$('.cepheusLogin').remove();
});
$('body').append(
'<style>' +
'::-webkit-input-placeholder {' +
'color:#333333; ' +
'}' +
':-moz-placeholder {' +
'color:#333333; ' +
'}' +
'::-moz-placeholder {' +
'color:#333333; ' +
'}' +
':-ms-input-placeholder { ' +
'color:#333333; ' +
'}' +
'.cepheusLogin { ' +
'margin: 0 auto; ' +
'width: 340px; ' +
'font-family: "Geo", sans-serif; ' +
'position: fixed; ' +
'left: 0; ' +
'right: 0; ' +
'top: 20%; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
' width:70px; ' +
'} ' +
'.cepheusTop { ' +
'background-color: #333333; ' +
'border-bottom: 6px solid #51aada; ' +
'width: 340px; ' +
'height: 75px; ' +
'position: relative; ' +
'color: #fff; ' +
'} ' +
'.Top_logo { ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'padding: 15px 10px 10px 10px; ' +
'text-align: center; ' +
'font-family: Leckerli One, Ubuntu, sans-serif!important;' +
'font-size: 30px; ' +
'} ' +
'.cepheusTop:before { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusTop:after { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'right: 0; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusCenter { ' +
'position: relative; ' +
'margin: 0 auto; ' +
'background-color: #e3e3e3; ' +
'width: 310px; ' +
'height: 320px; ' +
'z-index: 999; ' +
'} ' +
'.cepheusCenter .Center_login { ' +
'text-align: center; ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
'margin-bottom: 10px; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusCenter .Center_login input[name="username"], .cepheusCenter .Center_login input[name="password"] { ' +
'width: 270px; ' +
'border: 1px solid #333333; ' +
'padding: 0 10px;' +
'font-size: 20px; ' +
'height: 40px;' +
'cursor: inherit;' +
'}' +
'.cepheusCenter .Center_login input[name="login"] { ' +
'border-radius: 50%; ' +
'width: 34px; ' +
'height: 34px; ' +
'border: 4px solid #51aada; ' +
'background: transparent; ' +
'position: relative; ' +
'cursor: pointer; ' +
'} ' +
'.btn_entrar { ' +
'text-align: center; ' +
'margin-top: 10px; ' +
'} ' +
'.btn_entrar:before { ' +
'content: ""; ' +
'border-bottom: 10px solid transparent; ' +
'border-top: 10px solid transparent; ' +
'border-left: 10px solid #51aada; ' +
'position: absolute; ' +
'margin: 7px 16px; ' +
'} ' +
'.cepheusFooter { ' +
'background-color: #333333; ' +
'width: 340px; ' +
'height: 25px; ' +
'position: relative; ' +
'text-align: center; ' +
'} ' +
'.cepheusFooter:before { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'left: 0; ' +
'bottom: 25px; ' +
'} ' +
'.cepheusFooter:after { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
' right: 0; ' +
' bottom: 25px; ' +
'} ' +
'.cepheusFooter a { ' +
' font-size: 20px; ' +
' color: #fff; ' +
' text-decoration: none; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusFooter a span { ' +
' font-family: arial, sans-serif; ' +
' color: #51aada; ' +
' margin-right: 5px; ' +
'} ' +
' .Top_logo:after { ' +
' content:"X"; ' +
' position:absolute; ' +
' margin-top:-30px; ' +
' margin-left:10px; ' +
'} ' +
'.Top_logo:after {content: none!important;}' +
'span#cpClosePp {position: absolute;top: -40px;right: -5px;font-size: 50px;z-index: 999999;}' +
'span#cpClosePp:hover {color: #39c!important;}' +
'<style>'
);
$('body').append(
'<link href="https://fonts.googleapis.com/css?family=Geo:400,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">' +
'<div class="cepheusLogin" style="display:none;">' +
' <div class="cepheusTop">' +
' <div class="Top_logo">Brasil Play Ultimate' +
' <span id="cpClosePp">x</span>' +
' </div>' +
' </div>' +
' <div class="cepheusCenter">' +
' <div class="Center_login">' +
' <img src="http://pre12.deviantart.net/86b6/th/pre/f/2014/270/9/1/trevor_phillips_render_2_by_squizcat-d80pu4t.png">' +
' <form action="/login?logout=true&tid=279f7a299991a7cef0671ac95fea1172" method="post" class="frm-form">' +
' <input type="hidden" name="tid" value="279f7a299991a7cef0671ac95fea1172">' +
' <input type="hidden" name="key" value="d5f87d">' +
' <p class="textPP">Tem certeza que deseja sair?</p>' +
' <input type="submit" name="confirm" value="Sim">' +
' <input type="submit" name="cancel" value="Não">' +
' </form>' +
' </div>' +
' </div>' +
' <div class="cepheusFooter">' +
' <a href="/forum">BPU</a>' +
' </div>' +
'</div>'
);
});
}(jQuery));
Para o CSS, o senhor poderá personalizar à seu gosto.
Sei que o senhor manja dos CSS's.
Até mais.
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Caixa de Sair
por iScroll 29.03.17 18:10
Luiz~ escreveu:Crie um novo JavaScript, investido em todas as páginas.
- Código:
/**
* Title: Caixa de Login
* Créditos: Cepheus
* Copyright: (C) 2016 Cepheus
* Site: bestskins.net
*/
(function ($) {
$(function () {
$('a[href*="/login?"]').on('click', function (e) {
$('.cepheusLogin').fadeIn();
e.preventDefault();
});
$('#cpClosePp').on('click', function () {
$('.cepheusLogin').remove();
});
$('body').append(
'<style>' +
'::-webkit-input-placeholder {' +
'color:#333333; ' +
'}' +
':-moz-placeholder {' +
'color:#333333; ' +
'}' +
'::-moz-placeholder {' +
'color:#333333; ' +
'}' +
':-ms-input-placeholder { ' +
'color:#333333; ' +
'}' +
'.cepheusLogin { ' +
'margin: 0 auto; ' +
'width: 340px; ' +
'font-family: "Geo", sans-serif; ' +
'position: fixed; ' +
'left: 0; ' +
'right: 0; ' +
'top: 20%; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
' width:70px; ' +
'} ' +
'.cepheusTop { ' +
'background-color: #333333; ' +
'border-bottom: 6px solid #51aada; ' +
'width: 340px; ' +
'height: 75px; ' +
'position: relative; ' +
'color: #fff; ' +
'} ' +
'.Top_logo { ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'padding: 15px 10px 10px 10px; ' +
'text-align: center; ' +
'font-family: Leckerli One, Ubuntu, sans-serif!important;' +
'font-size: 30px; ' +
'} ' +
'.cepheusTop:before { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusTop:after { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'right: 0; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusCenter { ' +
'position: relative; ' +
'margin: 0 auto; ' +
'background-color: #e3e3e3; ' +
'width: 310px; ' +
'height: 320px; ' +
'z-index: 999; ' +
'} ' +
'.cepheusCenter .Center_login { ' +
'text-align: center; ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
'margin-bottom: 10px; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusCenter .Center_login input[name="username"], .cepheusCenter .Center_login input[name="password"] { ' +
'width: 270px; ' +
'border: 1px solid #333333; ' +
'padding: 0 10px;' +
'font-size: 20px; ' +
'height: 40px;' +
'cursor: inherit;' +
'}' +
'.cepheusCenter .Center_login input[name="login"] { ' +
'border-radius: 50%; ' +
'width: 34px; ' +
'height: 34px; ' +
'border: 4px solid #51aada; ' +
'background: transparent; ' +
'position: relative; ' +
'cursor: pointer; ' +
'} ' +
'.btn_entrar { ' +
'text-align: center; ' +
'margin-top: 10px; ' +
'} ' +
'.btn_entrar:before { ' +
'content: ""; ' +
'border-bottom: 10px solid transparent; ' +
'border-top: 10px solid transparent; ' +
'border-left: 10px solid #51aada; ' +
'position: absolute; ' +
'margin: 7px 16px; ' +
'} ' +
'.cepheusFooter { ' +
'background-color: #333333; ' +
'width: 340px; ' +
'height: 25px; ' +
'position: relative; ' +
'text-align: center; ' +
'} ' +
'.cepheusFooter:before { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'left: 0; ' +
'bottom: 25px; ' +
'} ' +
'.cepheusFooter:after { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
' right: 0; ' +
' bottom: 25px; ' +
'} ' +
'.cepheusFooter a { ' +
' font-size: 20px; ' +
' color: #fff; ' +
' text-decoration: none; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusFooter a span { ' +
' font-family: arial, sans-serif; ' +
' color: #51aada; ' +
' margin-right: 5px; ' +
'} ' +
' .Top_logo:after { ' +
' content:"X"; ' +
' position:absolute; ' +
' margin-top:-30px; ' +
' margin-left:10px; ' +
'} ' +
'.Top_logo:after {content: none!important;}' +
'span#cpClosePp {position: absolute;top: -40px;right: -5px;font-size: 50px;z-index: 999999;}' +
'span#cpClosePp:hover {color: #39c!important;}' +
'<style>'
);
$('body').append(
'<link href="https://fonts.googleapis.com/css?family=Geo:400,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">' +
'<div class="cepheusLogin" style="display:none;">' +
' <div class="cepheusTop">' +
' <div class="Top_logo">Brasil Play Ultimate' +
' <span id="cpClosePp">x</span>' +
' </div>' +
' </div>' +
' <div class="cepheusCenter">' +
' <div class="Center_login">' +
' <img src="http://pre12.deviantart.net/86b6/th/pre/f/2014/270/9/1/trevor_phillips_render_2_by_squizcat-d80pu4t.png">' +
' <form action="/login?logout=true&tid=279f7a299991a7cef0671ac95fea1172" method="post" class="frm-form">' +
' <input type="hidden" name="tid" value="279f7a299991a7cef0671ac95fea1172">' +
' <input type="hidden" name="key" value="d5f87d">' +
' <p class="textPP">Tem certeza que deseja sair?</p>' +
' <input type="submit" name="confirm" value="Sim">' +
' <input type="submit" name="cancel" value="Não">' +
' </form>' +
' </div>' +
' </div>' +
' <div class="cepheusFooter">' +
' <a href="/forum">BPU</a>' +
' </div>' +
'</div>'
);
});
}(jQuery));
Para o CSS, o senhor poderá personalizar à seu gosto.
Sei que o senhor manja dos CSS's.
Até mais.
Só do CSS quando é pra personalizar kkkk o resto tento me virar ... Bom, infelizmente tem um impasse, não tem o botão de "X" pro usuário fechar e quando clica em não vai para a página inicial ao invés de fechar a caixa.
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por Luiz 29.03.17 18:13
Infelizmente, o não é padrão daquele formulário, não há como modificá-lo, creio eu.
Quanto ao X, tente mudar para este:
Até!
Quanto ao X, tente mudar para este:
- Código:
/**
* Title: Caixa de Login
* Créditos: Cepheus
* Copyright: (C) 2016 Cepheus
* Site: bestskins.net
*/
(function ($) {
$(function () {
$('a[href*="/login?"]').on('click', function (e) {
$('.cepheusLogin').fadeIn();
e.preventDefault();
});
$('#cpClosePp').on('click', function () {
$('.cepheusLogin').fadeOut();
});
$('body').append(
'<style>' +
'::-webkit-input-placeholder {' +
'color:#333333; ' +
'}' +
':-moz-placeholder {' +
'color:#333333; ' +
'}' +
'::-moz-placeholder {' +
'color:#333333; ' +
'}' +
':-ms-input-placeholder { ' +
'color:#333333; ' +
'}' +
'.cepheusLogin { ' +
'margin: 0 auto; ' +
'width: 340px; ' +
'font-family: "Geo", sans-serif; ' +
'position: fixed; ' +
'left: 0; ' +
'right: 0; ' +
'top: 20%; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
' width:70px; ' +
'} ' +
'.cepheusTop { ' +
'background-color: #333333; ' +
'border-bottom: 6px solid #51aada; ' +
'width: 340px; ' +
'height: 75px; ' +
'position: relative; ' +
'color: #fff; ' +
'} ' +
'.Top_logo { ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'padding: 15px 10px 10px 10px; ' +
'text-align: center; ' +
'font-family: Leckerli One, Ubuntu, sans-serif!important;' +
'font-size: 30px; ' +
'} ' +
'.cepheusTop:before { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusTop:after { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'right: 0; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusCenter { ' +
'position: relative; ' +
'margin: 0 auto; ' +
'background-color: #e3e3e3; ' +
'width: 310px; ' +
'height: 320px; ' +
'z-index: 999; ' +
'} ' +
'.cepheusCenter .Center_login { ' +
'text-align: center; ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
'margin-bottom: 10px; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusCenter .Center_login input[name="username"], .cepheusCenter .Center_login input[name="password"] { ' +
'width: 270px; ' +
'border: 1px solid #333333; ' +
'padding: 0 10px;' +
'font-size: 20px; ' +
'height: 40px;' +
'cursor: inherit;' +
'}' +
'.cepheusCenter .Center_login input[name="login"] { ' +
'border-radius: 50%; ' +
'width: 34px; ' +
'height: 34px; ' +
'border: 4px solid #51aada; ' +
'background: transparent; ' +
'position: relative; ' +
'cursor: pointer; ' +
'} ' +
'.btn_entrar { ' +
'text-align: center; ' +
'margin-top: 10px; ' +
'} ' +
'.btn_entrar:before { ' +
'content: ""; ' +
'border-bottom: 10px solid transparent; ' +
'border-top: 10px solid transparent; ' +
'border-left: 10px solid #51aada; ' +
'position: absolute; ' +
'margin: 7px 16px; ' +
'} ' +
'.cepheusFooter { ' +
'background-color: #333333; ' +
'width: 340px; ' +
'height: 25px; ' +
'position: relative; ' +
'text-align: center; ' +
'} ' +
'.cepheusFooter:before { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'left: 0; ' +
'bottom: 25px; ' +
'} ' +
'.cepheusFooter:after { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
' right: 0; ' +
' bottom: 25px; ' +
'} ' +
'.cepheusFooter a { ' +
' font-size: 20px; ' +
' color: #fff; ' +
' text-decoration: none; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusFooter a span { ' +
' font-family: arial, sans-serif; ' +
' color: #51aada; ' +
' margin-right: 5px; ' +
'} ' +
' .Top_logo:after { ' +
' content:"X"; ' +
' position:absolute; ' +
' margin-top:-30px; ' +
' margin-left:10px; ' +
'} ' +
'.Top_logo:after {content: none!important;}' +
'span#cpClosePp {position: absolute;top: -40px;right: -5px;font-size: 50px;z-index: 999999;}' +
'span#cpClosePp:hover {color: #39c!important;}' +
'<style>'
);
$('body').append(
'<link href="https://fonts.googleapis.com/css?family=Geo:400,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">' +
'<div class="cepheusLogin" style="display:none;">' +
' <div class="cepheusTop">' +
' <div class="Top_logo">Brasil Play Ultimate' +
' <span id="cpClosePp" style="visibility: visible!important;">x</span>' +
' </div>' +
' </div>' +
' <div class="cepheusCenter">' +
' <div class="Center_login">' +
' <img src="http://pre12.deviantart.net/86b6/th/pre/f/2014/270/9/1/trevor_phillips_render_2_by_squizcat-d80pu4t.png">' +
' <form action="/login?logout=true&tid=279f7a299991a7cef0671ac95fea1172" method="post" class="frm-form">' +
' <input type="hidden" name="tid" value="279f7a299991a7cef0671ac95fea1172">' +
' <input type="hidden" name="key" value="d5f87d">' +
' <p class="textPP">Tem certeza que deseja sair?</p>' +
' <input type="submit" name="confirm" value="Sim">' +
' <input type="submit" name="cancel" value="Não">' +
' </form>' +
' </div>' +
' </div>' +
' <div class="cepheusFooter">' +
' <a href="/forum">BPU</a>' +
' </div>' +
'</div>'
);
});
}(jQuery));/**
* Title: Caixa de Login
* Créditos: Cepheus
* Copyright: (C) 2016 Cepheus
* Site: bestskins.net
*/
(function ($) {
$(function () {
$('a[href*="/login?"]').on('click', function (e) {
$('.cepheusLogin').fadeIn();
e.preventDefault();
});
$('#cpClosePp').on('click', function () {
$('.cepheusLogin').fadeOut();
});
$('body').append(
'<style>' +
'::-webkit-input-placeholder {' +
'color:#333333; ' +
'}' +
':-moz-placeholder {' +
'color:#333333; ' +
'}' +
'::-moz-placeholder {' +
'color:#333333; ' +
'}' +
':-ms-input-placeholder { ' +
'color:#333333; ' +
'}' +
'.cepheusLogin { ' +
'margin: 0 auto; ' +
'width: 340px; ' +
'font-family: "Geo", sans-serif; ' +
'position: fixed; ' +
'left: 0; ' +
'right: 0; ' +
'top: 20%; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
' width:70px; ' +
'} ' +
'.cepheusTop { ' +
'background-color: #333333; ' +
'border-bottom: 6px solid #51aada; ' +
'width: 340px; ' +
'height: 75px; ' +
'position: relative; ' +
'color: #fff; ' +
'} ' +
'.Top_logo { ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'padding: 15px 10px 10px 10px; ' +
'text-align: center; ' +
'font-family: Leckerli One, Ubuntu, sans-serif!important;' +
'font-size: 30px; ' +
'} ' +
'.cepheusTop:before { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusTop:after { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'right: 0; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusCenter { ' +
'position: relative; ' +
'margin: 0 auto; ' +
'background-color: #e3e3e3; ' +
'width: 310px; ' +
'height: 320px; ' +
'z-index: 999; ' +
'} ' +
'.cepheusCenter .Center_login { ' +
'text-align: center; ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
'margin-bottom: 10px; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusCenter .Center_login input[name="username"], .cepheusCenter .Center_login input[name="password"] { ' +
'width: 270px; ' +
'border: 1px solid #333333; ' +
'padding: 0 10px;' +
'font-size: 20px; ' +
'height: 40px;' +
'cursor: inherit;' +
'}' +
'.cepheusCenter .Center_login input[name="login"] { ' +
'border-radius: 50%; ' +
'width: 34px; ' +
'height: 34px; ' +
'border: 4px solid #51aada; ' +
'background: transparent; ' +
'position: relative; ' +
'cursor: pointer; ' +
'} ' +
'.btn_entrar { ' +
'text-align: center; ' +
'margin-top: 10px; ' +
'} ' +
'.btn_entrar:before { ' +
'content: ""; ' +
'border-bottom: 10px solid transparent; ' +
'border-top: 10px solid transparent; ' +
'border-left: 10px solid #51aada; ' +
'position: absolute; ' +
'margin: 7px 16px; ' +
'} ' +
'.cepheusFooter { ' +
'background-color: #333333; ' +
'width: 340px; ' +
'height: 25px; ' +
'position: relative; ' +
'text-align: center; ' +
'} ' +
'.cepheusFooter:before { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'left: 0; ' +
'bottom: 25px; ' +
'} ' +
'.cepheusFooter:after { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
' right: 0; ' +
' bottom: 25px; ' +
'} ' +
'.cepheusFooter a { ' +
' font-size: 20px; ' +
' color: #fff; ' +
' text-decoration: none; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusFooter a span { ' +
' font-family: arial, sans-serif; ' +
' color: #51aada; ' +
' margin-right: 5px; ' +
'} ' +
' .Top_logo:after { ' +
' content:"X"; ' +
' position:absolute; ' +
' margin-top:-30px; ' +
' margin-left:10px; ' +
'} ' +
'.Top_logo:after {content: none!important;}' +
'span#cpClosePp {position: absolute;top: -40px;right: -5px;font-size: 50px;z-index: 999999;}' +
'span#cpClosePp:hover {color: #39c!important;}' +
'<style>'
);
$('body').append(
'<link href="https://fonts.googleapis.com/css?family=Geo:400,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">' +
'<div class="cepheusLogin" style="display:none;">' +
' <div class="cepheusTop">' +
' <div class="Top_logo">Brasil Play Ultimate' +
' <span id="cpClosePp" style="visibility: visible!important;">x</span>' +
' </div>' +
' </div>' +
' <div class="cepheusCenter">' +
' <div class="Center_login">' +
' <img src="http://pre12.deviantart.net/86b6/th/pre/f/2014/270/9/1/trevor_phillips_render_2_by_squizcat-d80pu4t.png">' +
' <form action="/login?logout=true&tid=279f7a299991a7cef0671ac95fea1172" method="post" class="frm-form">' +
' <input type="hidden" name="tid" value="279f7a299991a7cef0671ac95fea1172">' +
' <input type="hidden" name="key" value="d5f87d">' +
' <p class="textPP">Tem certeza que deseja sair?</p>' +
' <input type="submit" name="confirm" value="Sim">' +
' <input type="submit" name="cancel" value="Não">' +
' </form>' +
' </div>' +
' </div>' +
' <div class="cepheusFooter">' +
' <a href="/forum">BPU</a>' +
' </div>' +
'</div>'
);
});
}(jQuery));
Até!
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por Luiz 29.03.17 18:44
Troque por este:
Até!
- Código:
/**
* Title: Caixa de Login
* Créditos: Cepheus
* Copyright: (C) 2016 Cepheus
* Site: bestskins.net
*/
(function ($) {
$(function () {
$('a[href*="/login?"]').on('click', function (e) {
$('.cepheusLogout').fadeIn();
e.preventDefault();
});
$('#cpClosePp').on('click', function () {
$('.cepheusLogout').fadeOut();
e.preventDefault();
});
$('body').append(
'<style>' +
'::-webkit-input-placeholder {' +
'color:#333333; ' +
'}' +
':-moz-placeholder {' +
'color:#333333; ' +
'}' +
'::-moz-placeholder {' +
'color:#333333; ' +
'}' +
':-ms-input-placeholder { ' +
'color:#333333; ' +
'}' +
'.cepheusLogin { ' +
'margin: 0 auto; ' +
'width: 340px; ' +
'font-family: "Geo", sans-serif; ' +
'position: fixed; ' +
'left: 0; ' +
'right: 0; ' +
'top: 20%; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
' width:70px; ' +
'} ' +
'.cepheusTop { ' +
'background-color: #333333; ' +
'border-bottom: 6px solid #51aada; ' +
'width: 340px; ' +
'height: 75px; ' +
'position: relative; ' +
'color: #fff; ' +
'} ' +
'.Top_logo { ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'padding: 15px 10px 10px 10px; ' +
'text-align: center; ' +
'font-family: Leckerli One, Ubuntu, sans-serif!important;' +
'font-size: 30px; ' +
'} ' +
'.cepheusTop:before { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusTop:after { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'right: 0; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusCenter { ' +
'position: relative; ' +
'margin: 0 auto; ' +
'background-color: #e3e3e3; ' +
'width: 310px; ' +
'height: 320px; ' +
'z-index: 999; ' +
'} ' +
'.cepheusCenter .Center_login { ' +
'text-align: center; ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
'margin-bottom: 10px; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusCenter .Center_login input[name="username"], .cepheusCenter .Center_login input[name="password"] { ' +
'width: 270px; ' +
'border: 1px solid #333333; ' +
'padding: 0 10px;' +
'font-size: 20px; ' +
'height: 40px;' +
'cursor: inherit;' +
'}' +
'.cepheusCenter .Center_login input[name="login"] { ' +
'border-radius: 50%; ' +
'width: 34px; ' +
'height: 34px; ' +
'border: 4px solid #51aada; ' +
'background: transparent; ' +
'position: relative; ' +
'cursor: pointer; ' +
'} ' +
'.btn_entrar { ' +
'text-align: center; ' +
'margin-top: 10px; ' +
'} ' +
'.btn_entrar:before { ' +
'content: ""; ' +
'border-bottom: 10px solid transparent; ' +
'border-top: 10px solid transparent; ' +
'border-left: 10px solid #51aada; ' +
'position: absolute; ' +
'margin: 7px 16px; ' +
'} ' +
'.cepheusFooter { ' +
'background-color: #333333; ' +
'width: 340px; ' +
'height: 25px; ' +
'position: relative; ' +
'text-align: center; ' +
'} ' +
'.cepheusFooter:before { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'left: 0; ' +
'bottom: 25px; ' +
'} ' +
'.cepheusFooter:after { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
' right: 0; ' +
' bottom: 25px; ' +
'} ' +
'.cepheusFooter a { ' +
' font-size: 20px; ' +
' color: #fff; ' +
' text-decoration: none; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusFooter a span { ' +
' font-family: arial, sans-serif; ' +
' color: #51aada; ' +
' margin-right: 5px; ' +
'} ' +
' .Top_logo:after { ' +
' content:"X"; ' +
' position:absolute; ' +
' margin-top:-30px; ' +
' margin-left:10px; ' +
'} ' +
'.Top_logo:after {content: none!important;}' +
'span#cpClosePp {position: absolute;top: -40px;right: -5px;font-size: 50px;z-index: 999999;}' +
'span#cpClosePp:hover {color: #39c!important;}' +
'<style>'
);
$('body').append(
'<link href="https://fonts.googleapis.com/css?family=Geo:400,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">' +
'<div class="cepheusLogin" style="display:none;">' +
' <div class="cepheusTop">' +
' <div class="Top_logo">Brasil Play Ultimate' +
' <span id="cpClosePp" style="visibility: visible!important;">x</span>' +
' </div>' +
' </div>' +
' <div class="cepheusCenter">' +
' <div class="Center_login">' +
' <img src="http://pre12.deviantart.net/86b6/th/pre/f/2014/270/9/1/trevor_phillips_render_2_by_squizcat-d80pu4t.png">' +
' <form action="/login?logout=true&tid=279f7a299991a7cef0671ac95fea1172" method="post" class="frm-form">' +
' <input type="hidden" name="tid" value="279f7a299991a7cef0671ac95fea1172">' +
' <input type="hidden" name="key" value="d5f87d">' +
' <p class="textPP">Tem certeza que deseja sair?</p>' +
' <input type="submit" name="confirm" value="Sim">' +
' <input type="submit" name="cancel" value="Não">' +
' </form>' +
' </div>' +
' </div>' +
' <div class="cepheusFooter">' +
' <a href="/forum">BPU</a>' +
' </div>' +
'</div>'
);
});
}(jQuery));/**
* Title: Caixa de Login
* Créditos: Cepheus
* Copyright: (C) 2016 Cepheus
* Site: bestskins.net
*/
(function ($) {
$(function () {
$('a[href*="/login?"]').on('click', function (e) {
$('.cepheusLogin').fadeIn();
e.preventDefault();
});
$('#cpClosePp').on('click', function () {
$('.cepheusLogin').fadeOut();
});
$('body').append(
'<style>' +
'::-webkit-input-placeholder {' +
'color:#333333; ' +
'}' +
':-moz-placeholder {' +
'color:#333333; ' +
'}' +
'::-moz-placeholder {' +
'color:#333333; ' +
'}' +
':-ms-input-placeholder { ' +
'color:#333333; ' +
'}' +
'.cepheusLogin { ' +
'margin: 0 auto; ' +
'width: 340px; ' +
'font-family: "Geo", sans-serif; ' +
'position: fixed; ' +
'left: 0; ' +
'right: 0; ' +
'top: 20%; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
' width:70px; ' +
'} ' +
'.cepheusTop { ' +
'background-color: #333333; ' +
'border-bottom: 6px solid #51aada; ' +
'width: 340px; ' +
'height: 75px; ' +
'position: relative; ' +
'color: #fff; ' +
'} ' +
'.Top_logo { ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'padding: 15px 10px 10px 10px; ' +
'text-align: center; ' +
'font-family: Leckerli One, Ubuntu, sans-serif!important;' +
'font-size: 30px; ' +
'} ' +
'.cepheusTop:before { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusTop:after { ' +
'content: ""; ' +
'border-top: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'right: 0; ' +
'bottom: -31px; ' +
'} ' +
'.cepheusCenter { ' +
'position: relative; ' +
'margin: 0 auto; ' +
'background-color: #e3e3e3; ' +
'width: 310px; ' +
'height: 320px; ' +
'z-index: 999; ' +
'} ' +
'.cepheusCenter .Center_login { ' +
'text-align: center; ' +
'margin: 0 auto; ' +
'width: 290px; ' +
'} ' +
'.cepheusCenter .Center_login img, .cepheusCenter .Center_login input { ' +
'margin-bottom: 10px; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusCenter .Center_login input[name="username"], .cepheusCenter .Center_login input[name="password"] { ' +
'width: 270px; ' +
'border: 1px solid #333333; ' +
'padding: 0 10px;' +
'font-size: 20px; ' +
'height: 40px;' +
'cursor: inherit;' +
'}' +
'.cepheusCenter .Center_login input[name="login"] { ' +
'border-radius: 50%; ' +
'width: 34px; ' +
'height: 34px; ' +
'border: 4px solid #51aada; ' +
'background: transparent; ' +
'position: relative; ' +
'cursor: pointer; ' +
'} ' +
'.btn_entrar { ' +
'text-align: center; ' +
'margin-top: 10px; ' +
'} ' +
'.btn_entrar:before { ' +
'content: ""; ' +
'border-bottom: 10px solid transparent; ' +
'border-top: 10px solid transparent; ' +
'border-left: 10px solid #51aada; ' +
'position: absolute; ' +
'margin: 7px 16px; ' +
'} ' +
'.cepheusFooter { ' +
'background-color: #333333; ' +
'width: 340px; ' +
'height: 25px; ' +
'position: relative; ' +
'text-align: center; ' +
'} ' +
'.cepheusFooter:before { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
'left: 0; ' +
'bottom: 25px; ' +
'} ' +
'.cepheusFooter:after { ' +
'content: ""; ' +
'border-bottom: 25px solid #212121; ' +
'border-left: 25px solid transparent; ' +
'border-right: 25px solid transparent; ' +
'position: absolute; ' +
' right: 0; ' +
' bottom: 25px; ' +
'} ' +
'.cepheusFooter a { ' +
' font-size: 20px; ' +
' color: #fff; ' +
' text-decoration: none; ' +
'font-family: "Geo", sans-serif; ' +
'} ' +
'.cepheusFooter a span { ' +
' font-family: arial, sans-serif; ' +
' color: #51aada; ' +
' margin-right: 5px; ' +
'} ' +
' .Top_logo:after { ' +
' content:"X"; ' +
' position:absolute; ' +
' margin-top:-30px; ' +
' margin-left:10px; ' +
'} ' +
'.Top_logo:after {content: none!important;}' +
'span#cpClosePp {position: absolute;top: -40px;right: -5px;font-size: 50px;z-index: 999999;}' +
'span#cpClosePp:hover {color: #39c!important;}' +
'<style>'
);
$('body').append(
'<link href="https://fonts.googleapis.com/css?family=Geo:400,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">' +
'<div class="cepheusLogout" style="display:none;">' +
' <div class="cepheusTop">' +
' <div class="Top_logo">Brasil Play Ultimate' +
' <span id="cpClosePp" style="visibility: visible!important;">x</span>' +
' </div>' +
' </div>' +
' <div class="cepheusCenter">' +
' <div class="Center_login">' +
' <img src="http://pre12.deviantart.net/86b6/th/pre/f/2014/270/9/1/trevor_phillips_render_2_by_squizcat-d80pu4t.png">' +
' <form action="/login?logout=true&tid=279f7a299991a7cef0671ac95fea1172" method="post" class="frm-form">' +
' <input type="hidden" name="tid" value="279f7a299991a7cef0671ac95fea1172">' +
' <input type="hidden" name="key" value="d5f87d">' +
' <p class="textPP">Tem certeza que deseja sair?</p>' +
' <input type="submit" name="confirm" value="Sim">' +
' <input type="submit" name="cancel" value="Não">' +
' </form>' +
' </div>' +
' </div>' +
' <div class="cepheusFooter">' +
' <a href="/forum">BPU</a>' +
' </div>' +
'</div>'
);
});
}(jQuery));
Até!
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Caixa de Sair
por iScroll 29.03.17 19:01
Sem resultado ainda, caro amigo.
Edit:
Infelizmente isso é algo meio que grave kkk
O script de alguma maneira se juntou com o de "ENTRAR" e deu isso:
https://i.imgur.com/kWoElUW.png
Toda vez que opto por entrar dá isso...
Edit:
Infelizmente isso é algo meio que grave kkk
O script de alguma maneira se juntou com o de "ENTRAR" e deu isso:
https://i.imgur.com/kWoElUW.png
Toda vez que opto por entrar dá isso...
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por iScroll 30.03.17 20:00
@UP
Edit de ontem:
Infelizmente isso é algo meio que grave kkk
O script de alguma maneira se juntou com o de "ENTRAR" e deu isso:
https://i.imgur.com/kWoElUW.png
Toda vez que opto por entrar dá isso...
Edit de ontem:
Infelizmente isso é algo meio que grave kkk
O script de alguma maneira se juntou com o de "ENTRAR" e deu isso:
https://i.imgur.com/kWoElUW.png
Toda vez que opto por entrar dá isso...
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por Luiz 08.04.17 2:09
Olá,
Eu fiz essa caixa de login:
-> https://ajuda.forumeiros.com/t108496-caixa-de-login
Para fazer uma caixa de logout mais "bem elaborada", seria mais fácil se o senhor optasse por usar essa caixinha. :3
Caso o senhor não queira, podemos tentar, mas irá demorar uns 2 dias ou 3. (Para eu refazer o código do @Cepheus)
Eu fiz essa caixa de login:
-> https://ajuda.forumeiros.com/t108496-caixa-de-login
Para fazer uma caixa de logout mais "bem elaborada", seria mais fácil se o senhor optasse por usar essa caixinha. :3
Caso o senhor não queira, podemos tentar, mas irá demorar uns 2 dias ou 3. (Para eu refazer o código do @Cepheus)
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Caixa de Sair
por iScroll 08.04.17 2:13
Luiz~ escreveu:Olá,
Eu fiz essa caixa de login:
-> https://ajuda.forumeiros.com/t108496-caixa-de-login
Para fazer uma caixa de logout mais "bem elaborada", seria mais fácil se o senhor optasse por usar essa caixinha. :3
Caso o senhor não queira, podemos tentar, mas irá demorar uns 2 dias ou 3. (Para eu refazer o código do @Cepheus)
Provavelmente deixarei o padrão mesmo, caso contrário, recorro a utilizar esse mesmo.
Eu retirei tal código do meu fórum devido aos problemas de conexão.
Muito obrigado por tudo
Agradecido, pode fechar.
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Caixa de Sair
por Luiz 08.04.17 2:14
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Tópicos semelhantes» Botão "sair"
» Problema sair do fórum
» Efeito aviso ao sair
» Qual é o link do "sair"
» Retirar confirmação de sair
» Problema sair do fórum
» Efeito aviso ao sair
» Qual é o link do "sair"
» Retirar confirmação de sair
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos