Janela pop-up flutuante

4 participantes

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

Tópico resolvido Janela pop-up flutuante

Mensagem por HLAM18 28.08.13 18:26

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 18:49, editado 1 vez(es)
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por First 28.08.13 18:41

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.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 28.08.13 18:44

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

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por First 28.08.13 19:03

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.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 28.08.13 19:28

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.
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por MateusA 28.08.13 20:26

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 2:18

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?
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por MateusA 29.08.13 15:01

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 17:44

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

Janela pop-up flutuante 1nn

HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por First 29.08.13 18:04

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.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 18:08

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

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por goodbye 29.08.13 18:15

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 18:19

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
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por goodbye 29.08.13 18:19

Tanto faz colega.
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 18:27

Não aparece nada =X
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por goodbye 29.08.13 18:29

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 18:32

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 ?
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por First 29.08.13 18:38

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.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por goodbye 29.08.13 18:39

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 18:42

e estranho agora nao aparece nada :S
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por goodbye 29.08.13 18:43

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Janela pop-up flutuante

Mensagem por HLAM18 29.08.13 18:49

Já resolvi Obrigadoooo Muito feliz
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos