Janela pop-up flutuante

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

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

Versão do fórum:
PUNBB

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.

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

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.

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.

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.

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?

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!

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

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.

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

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.

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

Tanto faz colega.

Não aparece nada =X

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.

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

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.

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.

e estranho agora nao aparece nada :S

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.

Já resolvi Obrigadoooo