Janela pop-up flutuante

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Janela pop-up flutuante

Mensagem por HLAM18 em 28/08/13, 02:26 pm

Qual é minha questão:
Bem eu gostava que me fizessem uma janela pop-up flutuante porque eu não percebo nada de códigos tento sempre acompanhar os tutoriais mas não consigo.
Se me pudessem fazer ficava bastante agradecido. Poderiam me dizer onde colocar depois exatamente porque eu mexer na folha css não é comigo tambèm =X. Obrigado Feliz

Endereço do meu fórum:
http://prognostico.clubme.net/

Versão do fórum:
PUNBB


Última edição por HLAM18 em 29/08/13, 02:49 pm, editado 1 vez(es)
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por First em 28/08/13, 02:41 pm

Olá,

O Senhor se refere a Pop-Up de conexão? se sim peço que leia esta FAQ: [FAQ] Pop-up de conexão.
Caso não seja poderia ser uma caixa que flutuava uma caixa comum?


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 28/08/13, 02:44 pm

É tipo esse sim mas gostava de um mais bonito mais chamativo por isso é que pedi o código.
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por First em 28/08/13, 03:03 pm

Olá,

É possível modificar o estilo por CSS, eu posso fazer isso para o senhor mais preciso saber como o senhor quer e se tiver como mim mandar uma ScreenShot de como você quer fica mais fácil e rápido.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 28/08/13, 03:28 pm

O estilo pode ficar ao teu encargo apenas quero algo bonito e moderno com os tais botões de registar, Login, etc. A cor de fundo poderia ser esta #2D2D2D e a cor dos botões esta cor #00CC99.
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por MateusA em 28/08/13, 04:26 pm

Olá!

Lamentamos muito, aqui não e a seção gráfica, e infelizmente/felizmente não vamos lhe dar opções.
Informe como quer para que nós criemos o código, caso não, não poderemos lhe ajudar.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 28/08/13, 10:18 pm

Meu deus é um pop-up normalissimo meu deus será complicado de entender? Podem fazer um código por favor para que a tal caixinha seja moderna e bonita com as pontas de cima sejam arredondadas e as de baixo sejam retos que eu depois coloco as cores que quero ? Por amor da santa. E felizmente não lhe vamos dar opções ? Quem é o senhor para dizer isso?? E se alguém me ajudar mesmo como é ? Ficará mal visto certo?

Tou a tentar pedir ajuda para UM CÓDIGO não para graficas apenas mencionei as cores porque penso que ao CRIAR O CÓDIGO poderia já colocar o codigo de cor no respetivo lugar mas desculpe pensei mal --'.

Eu não tenho nenhuma imagem para mostrar mas penso que saibam o que é uma caixa pop-up (aquela caixa que aparece automáticamente ao entrarmos num site ou fórum caso não saiba) e como há muitos artistas aqui penso que saibam fazer um CODIGO para que a caixa fique bonita e moderna. SERÁ QUE ESTOU ERRADO ? Me deus --'

E agora pergunto alguem me poder ajudar com o código?
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por MateusA em 29/08/13, 11:01 am

Olá!

Sim está errado, nós não podemos lhe agradar se não dizer o que quer.
Não vamos ficar lhe dando opções, como eu já lhe disse.
Ou informa especificamente como quer essa caixa 'moderna e bonita' ou não vamos lhe ajudar.
'Eu sou o moderador desta seção e o senhor está pedindo ajuda nela. Por isto terá de fornecer como quer, não vamos saber como e moderno e bonito para você'.

Passar bem! Feliz
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 01:44 pm

Por isso é que disse anteriormente que fica AO CARGO DO MEU AJUDANTE. Quando não se lê tudo mais vale estar calado. E não vão ficar dando opções lool era bem feito que viesse alguém com um código ou assim só para estar caladinho. Só é pena o meu primo não ter pc neste momento porque assim escusava de pedir aqui. E peço desculpa por não dominar esta área alias adorava dominar mas não tenho tempo porque trabalho. Mas pronto queres uma imagem pega lá a imagem é desse género que quero



avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por First em 29/08/13, 02:04 pm

Olá,

Adicione este código em sua Folha de estilo CSS:
Código:
.main .main-foot, .main .main-head {
background: #64C1EC url(http://audentio.com/demo/ipb3/public/style_images/cubic/maintitle.png) repeat-x 0 0;
border-color: rgba(0,0,0,0.25);
border-radius: 3px;
border-style: solid;
border-width: 0 1px;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 38px;
margin-bottom: 8px;
margin-top: 6px;
padding: 0 11px;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
text-transform: uppercase;
}
#login_popup {
background-color: #fff;
border: 1px solid #dedede;
display: none;
position: absolute;
z-index: 10000;
}
.main-content {
color: #BCBCBC !important;
font: 11px tahoma,helvetica,arial,sans-serif !important;
}
#login_popup_buttons input {
margin-left: 6px;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #b42000;
color: #b42000;
}
input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 4px 10px;
}

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 02:08 pm

Obrigado Piscada Mas na folha coloco em qualquer lado ? Ou posso colar no fim da página ? Desculpe a minha igorância =X
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por North em 29/08/13, 02:15 pm

Olá!

Tenha calma colega, eu irei lhe ajudar. Bom este é o código base, a partir deste vamos modificando ao seu gosto ok?. As cores que pediu não batem em bom contraste, mas olhe como ficou.

Aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS


Acrescente o código a seguir na folha:

Código:
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 8px 8px!important;
background: #00CC99;
color: #FFFFFF;
border: 1px solid #474747!important;
border-radius: 3px;
font-size: 11px;
box-shadow: 1px 1px 5px #333131;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: #008563!important;
}
#login_popup {
font-size: 11px!important;
background-color: #2D2D2D;
border: 2px solid #049987;
color: #FFF;
border-radius: 10px 10px 0px 0px;
box-shadow: 1px 1px 5px #000;
padding: 6px;
position: absolute;
z-index: 10000;
}
#login_popup .h3 {
color: #DBDBDB!important;
padding: 15px 15px 20px!important;
margin: 5px 0px 16px!important;
border: none!important;
box-shadow: 1px 1px 3px #141414;
font-style: italic;
}
Valide!

Atenciosamente,
Harker.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 02:19 pm

Mas a minha dúvida é onde colocar exatamente o códido sei que é na folha css e já estou lá mas o problema é em que lugar coloco se é no fm da página no inicio no meio é essa a minha grande questão =X
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por North em 29/08/13, 02:19 pm

Tanto faz colega.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 02:27 pm

Não aparece nada =X
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por North em 29/08/13, 02:29 pm

Tem de ativar o pop up.
Painel de Controle ->> Geral ->> Fórum / Configuração
Em: Pop-up de conexão

E para visualizar deve se desconectar do fórum.

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 02:32 pm

HEHEHE já está Mostrando a lingua Obrigado mas agora outra dúvida =X não dá para colocar os botõrd parecidos com a imagem que coloquei em cima ?
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por First em 29/08/13, 02:38 pm

Olá,

Adicione este código em sua Folha de estilo CSS:
Código:
.button:hover {
background-position: 0 100%;
border: 1px solid #b42000;
color: #b42000!important;
}
.button {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 4px 10px;
}

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Janela pop-up flutuante

Mensagem por North em 29/08/13, 02:39 pm

Certamente, caso tenha utilizado o meu código, peço que utilize este:

Acrescente na folha de estilo CSS:

Código:
#login_popup_buttons input {
margin-left: 6px;
}
.button, .mainoption {
box-shadow: 0px 0px 2px #353535;
padding: 6px 8px!important;
background: #00CC99;
color: #FFF;
border-radius: 3px;
border: 1px solid #313131;
font-size: 11px!important;
}
Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 02:42 pm

e estranho agora nao aparece nada :S
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Janela pop-up flutuante

Mensagem por North em 29/08/13, 02:43 pm

Aqui aparece, por acaso você clicou no botão "Não exibir mais" na pop up? Caso sim, terá de limpar o histórico do seu navegador para que volte a ser visível para você.

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 em 29/08/13, 02:49 pm

Já resolvi Obrigadoooo Muito feliz
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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