Borda em widget

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

Resolvido Borda em widget

Mensagem por Dragon DxD em 09/01/14, 10:36 pm

Qual é minha questão:
Gostaria desaber que codigo utilizo para criar uma borda em um widget como o da foto http://i56.servimg.com/u/f56/18/30/84/81/scr00022.jpg

Endereço do meu fórum:
http://hsdxd.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Dragon DxD
Nível 5

Masculino
Inscrito dia : 18/12/2013
Mensagens : 45
Pontos Ativos : 69

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

Resolvido Re: Borda em widget

Mensagem por Marvel Universe RPG em 10/01/14, 10:12 am

Olá,

código:

Código:
<br />
<center>
 
<div style="PADDING: 10PX; height:650px; BACKGROUND-IMAGE:URL();BORDER: Solid 1PX #33cc33; border-radius: 10px 10px">
 
<div style="font-size: 28px; width: 500px; font-family: Calisto MT; color: #BEBEBE; text-align: justify; letter-spacing: -.5px;">
[center]TITULO AQUI[/center]


</div>
<div style="font-size: 16px; width: 500px; font-family: Footlight Mt Light; color: #BEBEBE; text-align: justify; letter-spacing: -.5px;">

CONTEÚDO AQUI



</div>


 
</div>
 
</div>
 

<p>
 
</p>
 
</div>
 
</center>

MODIFICANDO O CÓDIGO

HEIGHT: Tem dois heights no código. O primeiro corresponde ao tamanho que ás alturas que as bordas terão. O segundo é o tamanho do campo de texto no código.

WEIGHTS: Mudar a largura do campo de texto no widget.

BACKGROUND-IMG : URL() :Caso queira de uma Imagem no fundo do widget só precisa pegar a url da imagem e colar entre os parênteses.

#33cc33: Esse é um código hexadecimal da cor das bordas, no caso já está verde, mas caso queira mudar é só trocar o código hexadecimal pelo da cor que pretende mudar.

Obs: Caso queira aplicar um código de widget daqui do FdF ou parecidos basta colocar o código no lugar que está escrito TEXTO AQUI. Caso o código do widget seja visualizado fora do código das bordas, basta modificar Heights ou Widgets no código e nada mais.

Para modificar o tamanho do quadro das bordas é só colocar weight antes

Até.
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Borda em widget

Mensagem por Dragon DxD em 10/01/14, 02:33 pm

Olá
Eu não quero por somente nos widgets que eu posso modificar eu quero por em todos do forum . Como o de topicos recentes .
avatar

Dragon DxD
Nível 5

Masculino
Inscrito dia : 18/12/2013
Mensagens : 45
Pontos Ativos : 69

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

Resolvido Re: Borda em widget

Mensagem por Marvel Universe RPG em 10/01/14, 02:42 pm

Basta pegar o código que estiverem nos widgets já criados e colocá-los no lugar de "TEXTO AQUI". Caso tiver problemas em relação à isso mande-me os códigos que eu mesmo edito. E eu vi agora isso aqui no meu fórum, tópicos recentes têm como modificar também.
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Borda em widget

Mensagem por D'Leandro™ em 10/01/14, 02:51 pm

Aqui amigo, coloque este código no inicio do teu CSS!
Código:
.module {
    border: 2px solid green;
    border-radius: 0px 10px 0px 10px;
}
Se funcionar clique em para ajudar-me!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido

Mensagem por Dragon DxD em 10/01/14, 03:50 pm

D'Leandro™ escreveu:Aqui amigo, coloque este código no inicio do teu CSS!
Código:
.module {
    border: 2px solid green;
    border-radius: 0px 10px 0px 10px;
}
Se funcionar clique em para ajudar-me!
Obrigado fucionou perfeitamente e ficou como queria na parte de fora do widget .

agora so quero saber como faço pra por uma sonbra na cor .
avatar

Dragon DxD
Nível 5

Masculino
Inscrito dia : 18/12/2013
Mensagens : 45
Pontos Ativos : 69

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

Resolvido Re: Borda em widget

Mensagem por D'Leandro™ em 10/01/14, 04:50 pm

Código:
.module {
    border: 2px solid green;
    border-radius: 0px 10px 0px 10px;
    box-shadow: 0px 0px 5px #000;
}
Troque o código que eu passei por este.
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Borda em widget

Mensagem por Dragon DxD em 10/01/14, 06:05 pm

não fucionou
avatar

Dragon DxD
Nível 5

Masculino
Inscrito dia : 18/12/2013
Mensagens : 45
Pontos Ativos : 69

Ver perfil do usuário http://hsdxd.forumeiros.com/
  • 0

Resolvido Re: Borda em widget

Mensagem por Farding em 10/01/14, 06:10 pm

Olá senhor Muito feliz

Passe-me o link de seu fórum e o link do fórum dá imagem do efeito para que eu possa lhe dar o tal efeito.

Até mais!
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

Resolvido

Mensagem por Dragon DxD em 10/01/14, 06:25 pm

o codigo ta ai em cima so quero saber como por sonbra .
avatar

Dragon DxD
Nível 5

Masculino
Inscrito dia : 18/12/2013
Mensagens : 45
Pontos Ativos : 69

Ver perfil do usuário http://hsdxd.forumeiros.com/
  • 0

Resolvido Re: Borda em widget

Mensagem por Farding em 10/01/14, 06:34 pm

Olá estarei disponibilizando 3 códigos caso um ou outro não funcione:


Código:
.module{background-color:#008000}
}


Código:
 .module {
    border-radius: 0px 10px;
    border: 2px solid #008000;
}



Código:
.module{background-color:#008000}


Algum resulta?
Até mais.
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

Resolvido Re: Borda em widget

Mensagem por D'Leandro™ em 10/01/14, 07:17 pm

Para por sombra vc precisa diminuir o tamanho dos widgets um pouquinho.
Código:
        .module {
            border: 2px solid green;
            border-radius: 0px 10px 0px 10px;
            box-shadow: 1px 1px 4px #000 !important;
            margin: 5px !important;
        }
Teste este. (troque pelo que eu passei antes.
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Borda em widget

Mensagem por Shek em 11/01/14, 10:47 am

Bom dia!

Tente também com este código:
Código:
.module {border: 2px solid green;
border-radius: 0px 10px 0px 10px;
box-shadow: 10px 4px 11px #000;}
Até mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Borda em widget

Mensagem por Dragon DxD em 11/01/14, 07:11 pm

fucionou perfeitamente obrigado a todos
avatar

Dragon DxD
Nível 5

Masculino
Inscrito dia : 18/12/2013
Mensagens : 45
Pontos Ativos : 69

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

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