Borda em widget

5 participantes

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

Tópico resolvido Borda em widget

Mensagem por Dragon DxD 10.01.14 0:36

Qual é minha questão:
Gostaria desaber que codigo utilizo para criar uma borda em um widget como o da foto https://i.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
Dragon DxD

Dragon DxD
*

Masculino
Membro desde : 18/12/2013
Mensagens : 45
Pontos : 69

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por Marvel Universe RPG 10.01.14 12:12

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é.
Marvel Universe RPG

Marvel Universe RPG
**

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por Dragon DxD 10.01.14 16:33

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 .
Dragon DxD

Dragon DxD
*

Masculino
Membro desde : 18/12/2013
Mensagens : 45
Pontos : 69

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por Marvel Universe RPG 10.01.14 16:42

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.
Marvel Universe RPG

Marvel Universe RPG
**

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por D'Leandro™ 10.01.14 16:51

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 Borda em widget Obg110 para ajudar-me!
D'Leandro™

D'Leandro™
****

Masculino
Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

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

Ir para o topo Ir para baixo

Tópico resolvido

Mensagem por Dragon DxD 10.01.14 17:50

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 Borda em widget Obg110 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 .
Dragon DxD

Dragon DxD
*

Masculino
Membro desde : 18/12/2013
Mensagens : 45
Pontos : 69

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por D'Leandro™ 10.01.14 18:50

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.
D'Leandro™

D'Leandro™
****

Masculino
Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por Dragon DxD 10.01.14 20:05

não fucionou
Dragon DxD

Dragon DxD
*

Masculino
Membro desde : 18/12/2013
Mensagens : 45
Pontos : 69

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

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Borda em widget

Mensagem por Farding 10.01.14 20:10

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!
Farding

Farding
****

Feminino
Membro desde : 27/09/2013
Mensagens : 337
Pontos : 636

Ver perfil do usuário

Ir para o topo Ir para baixo

Tópico resolvido

Mensagem por Dragon DxD 10.01.14 20:25

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

Dragon DxD
*

Masculino
Membro desde : 18/12/2013
Mensagens : 45
Pontos : 69

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

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Borda em widget

Mensagem por Farding 10.01.14 20:34

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

Farding
****

Feminino
Membro desde : 27/09/2013
Mensagens : 337
Pontos : 636

Ver perfil do usuário

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por D'Leandro™ 10.01.14 21:17

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.
D'Leandro™

D'Leandro™
****

Masculino
Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Borda em widget

Mensagem por Shek 11.01.14 12:47

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

Shek
Principal Contribuidor
Principal Contribuidor

Masculino
Membro desde : 11/04/2009
Mensagens : 18763
Pontos : 22612

Ver perfil do usuário https://publipos.net https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda em widget

Mensagem por Dragon DxD 11.01.14 21:11

fucionou perfeitamente obrigado a todos
Dragon DxD

Dragon DxD
*

Masculino
Membro desde : 18/12/2013
Mensagens : 45
Pontos : 69

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

Ir para o topo Ir para baixo

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


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