Personalziar spoile e code

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

Resolvido Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 04:55 am

Qual é minha questão:
Como eu coloco meu spolie e meu code assim


Forum que vi :

http://demo.forumgratis.com.pt/t1-seu-primeiro-topico

Aguardando ajuda ;D

Endereço do meu fórum:
http://webhacker.forumbrasil.net

Versão do fórum:
PHPBB3


Última edição por WebHacker em 13/01/13, 05:15 pm, editado 1 vez(es)
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 10:29 am

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.codebox dt {
-moz-border-radius: 2px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
background: #ECECEC url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png) repeat-x 0 0;
border: 1px solid #D0D0D0;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
color: #616161;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 24px;
line-height: 24px;
padding: 0 10px;
text-shadow: white 0 1px 0;
white-space: nowrap;
}
.codebox dt:hover {
background-color: #F8F8F8;
color: #4C4C4C;
}
.codebox dd:hover {
border: 1px dashed #E3E3E3;
}
.codebox dd {
background-color: transparent;
border: 1px solid transparent;
margin: .5em;
padding: .5em;
}
dl.codebox {
background-color: transparent!important;
border: 0;
margin: 1em;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 10:36 am



Man , Olha o tamanho dos botões , kk , e Tipow o Spolier tem 1 barra atras e o code tb , eu quero que no spolier fique sem nada so o botao , e quando passar o mouse encima do conteudo fica com linhas pontilhadas em volta como esta no forum , a mesma coisa com o Code , so que o code quando fica mt grande que aparece uma barra pra subir e descer no lado direito dele rsrs !
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 10:40 am

Olá,

Troque os códigos por este

Código:
dl.codebox:hover {
border: 1px dashed #E3E3E3;
}
.codebox dd {
background-color: transparent;
border: 1px solid transparent;
margin: .5em;
padding: .5em;
}
dl.codebox {
background-color: transparent!important;
border: 0;
margin: 1em;
}
dl.codebox dt {
-moz-border-radius: 2px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
background: #ECECEC url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png) repeat-x 0 0;
border: 1px solid #D0D0D0;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
color: #616161;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 24px;
line-height: 24px;
padding: 0 10px;
text-shadow: white 0 1px 0;
white-space: nowrap;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 10:53 am

Continua a mesma coisa.
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 11:04 am

Olá,

Eu adicione aqui em meu fórum de teste e esta corretamente você adicionou algum código na sua Folha de estilo CSS que e relacionado ao Spoiler e o Code sem ser esses passados ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 11:10 am

irei ativar o codigo em meu forum e você podera ver qual e o erro ?
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 11:11 am

avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 11:31 am

Olá,

Aqui esta do mesmo jeito que do fórum demo poderia me informar qual e o erro ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 11:34 am

O taamanho do botão e o negocio atraz do botao spolier , '' A barra tipow o Quote ''

Quero so o Botao , Quando clicar nele que e para aparecer o Conteudo do Spolier e quando passar a seta encima dele aparece 1 efeito de linhas pontilhadas envolta do conteudo , mais nada o resto e transparente.
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 11:41 am

Olá,

Adiciona mais este código em sua Folha de estilo CSS

Código:
.codebox {
background: transparent!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 11:44 am

Agora e possivel diminuir o Tamanho do botão ?

ta enorme ;/
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 11:46 am

Olá,

Adiciona mais este código em sua Folha de estilo CSS

dl.codebox dt {
height: 15px!important;
}

Vermelho : Vai alterando ate que fique como deseja

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 11:49 am

Eu diminui ate o tamanho desejado ,

Olhe como ficou as letras dos botões e quando eu passo a seta encima do botão aparece a linha pontilhada , era pra ela aparecer so quando eu clica no Spolier e Passar o mouse no conteudo dele.

avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por iPrompt em 07/01/13, 11:57 am

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
dl.codebox:hover {
border: transparent!important;
}
.codebox dd.cont_code, .codebox.spoiler dd:hover {
border: 1px dashed #E3E3E3;
}
dl.codebox dt {
font-size: 11px;!important
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 12:06 pm

a borda não aparece mais e as letras no botão continua tudo ferrada , quero as letras no centro do botão ;D , e a borda so e para aparecer quando passar a seta encima do CONTEUDO , nao do botao e nem para remover a borda ;D
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por Sennior em 07/01/13, 12:09 pm

Olá!

Ultilize este código CSS colocando no inicio de teu CSS:

Código:
.spoiler_content.hidden {
display: block;
}
.codebox dt:hover {
background-color: #F8F8F8;
color: #4C4C4C;
}
.codebox dt {
-moz-border-radius: 2px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
background: #ECECEC url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png) repeat-x 0 0;
border: 1px solid #D0D0D0;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
color: #616161;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 24px;
line-height: 24px;
padding: 0 10px;
text-shadow: white 0 1px 0;
white-space: nowrap;
}
.codebox dd {
background-color: transparent;
border: 1px solid transparent;
margin: .5em;
padding: .5em;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 12:19 pm

Miike muito obrigado , mais não resultou , olhe meu topico

Leia as minhas mensagens acima e veja como eu quero (;

avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por Sennior em 07/01/13, 12:20 pm

Olá amigão!

Tudo bem? Irei montar um para você daquele jeito, só necessito que o senhor retire o código que eu lhe dei do CSS.

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 12:21 pm

ok
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por Sennior em 07/01/13, 12:24 pm

Olá!

Mande -me teu CSS também!

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 07/01/13, 12:45 pm

css enviado por mp
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 08/01/13, 12:53 am

up
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por Consolado em 08/01/13, 08:59 am

Olá!

Para diminuir o botão, utilize esse código CSS:
Código:
.codebox dt{height:10px; line-height: 8px}
Há um outro código envolvido na tag code e spoiler, poderia retirar ambos para que eu monte o código?

Melhores cumprimentos!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 08/01/13, 03:19 pm

Today , poderia pegar o codigo do Spolier e code para mim ? E que o codigo que esta aqui no topico deixa o botao enorme ai eu diminuo a letra fica toda guenza e o efeito de quando se passa a seta no conteudo do botao pega no botao tb ;/
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 09/01/13, 07:47 pm

up
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 10/01/13, 08:54 am

up
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por HenRyqUéè em 11/01/13, 02:18 pm

Olá WebHacker!

Peço que leia o seguinte tutorial: http://rmbr.forumeiros.com/t409-tutorial-colocando-botao-para-mostrar-fechar-o-codebox#1380

Cordialmente,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 11/01/13, 06:51 pm

Henryque desculpe mais este topico ae não esta de acordo com o estilo de code ou spolier , ;/
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 12/01/13, 05:08 pm

up
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por seender em 13/01/13, 01:18 am

Olá!

Testei em meu fórum e o código fornecido por nosso amigo surte total efeito, veja aqui: http://brazucas.forumado.net/t1222-testeeeeeeee

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 13/01/13, 12:09 pm

Seender me passa o codigo deles ae *-* , e isso ae que eu to precisando ! ,kk mt show manda pra mim ae ?
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por seender em 13/01/13, 03:32 pm

Olá!

Só adicionei o código que foi dado acima no post, este:
Código:
.codebox dt {
-moz-border-radius: 2px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
background: #ECECEC url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png) repeat-x 0 0;
border: 1px solid #D0D0D0;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0 1px 0;
color: #616161;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 24px;
line-height: 24px;
padding: 0 10px;
text-shadow: white 0 1px 0;
white-space: nowrap;
}
.codebox dt:hover {
background-color: #F8F8F8;
color: #4C4C4C;
}
.codebox dd:hover {
border: 1px dashed #E3E3E3;
}
.codebox dd {
background-color: transparent;
border: 1px solid transparent;
margin: .5em;
padding: .5em;
}
dl.codebox {
background-color: transparent!important;
border: 0;
margin: 1em;
}
Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 13/01/13, 05:09 pm

Man pq no meu fica assim ?

avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.net/

Resolvido Re: Personalziar spoile e code

Mensagem por WebHacker em 13/01/13, 05:14 pm

Ae man consegui , apaguei no meu css o codigo de personalização antigo que ja veio com a skin do forum e ficou normal , mt obrigado seender ;D e a todos os outro que me ajudaram nessa jornada , desculpe o double post

Mais ja podem fechar o topico ;D
avatar

WebHacker
Nível 10

Masculino
Inscrito dia : 06/01/2013
Mensagens : 250
Pontos Ativos : 287

Ver perfil do usuário http://webhacker.forumbrasil.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