Imagem em volta do fórum

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

Resolvido Imagem em volta do fórum

Mensagem por @Chazy em 02/05/12, 01:42 pm

Qual é minha questão:
Eu postei em outra categoria pelos simples fato de que eu não estava conseguindo
postar aqui, sendo que onde eu postei não tinha formulario.
Pois bem, criei outro tópico e minha questão é:

Como fazer para colocar um efeito de acordo com essas imagens, e como colocar
adcionar um corpo ao forum? :
http://i46.servimg.com/u/f46/16/76/83/34/art-bo10.png
http://i67.servimg.com/u/f67/16/17/34/47/middle10.png
Link do fórum onde eu encontrei tal efeito: http://tester.forumeiros.com/

Colocar uma espécie de estrutura, ou melhor, um contorno no fórum.
Como colocar ?

Meus Agradecimentos desde já.

Medidas que eu tomei para corrigir o problema:
..

Links e imagens do meu problema:
http://i46.servimg.com/u/f46/16/76/83/34/art-bo10.png
http://i67.servimg.com/u/f67/16/17/34/47/middle10.png
Como meu forum está sem o "corpo" :
http://i.imgur.com/eO1yp.png
Endereço do meu fórum:
http://kingarts.forumeiros.com/

Versão do meu fórum:
PUNBB


Última edição por @Chazy em 02/05/12, 06:27 pm, editado 1 vez(es)
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por MateusV. em 02/05/12, 01:49 pm

Olá, o tal efeito são imagens posicionadas no corpo do forum, coloca-las irá poder bugar o corpo de seu forum, ainda deseja o efeito?

Até mais. De bem com a vida
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 02/05/12, 02:11 pm

Olá,

Pois Bem, eu queria pelo menos testar
para ver como ficaria,
teria como me passar um breve tutorial ?

Até Mais. Rindo
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por #Slayer em 02/05/12, 10:36 pm

Você quis dizer imagem de fundo? Piscada
avatar

#Slayer
Nível 10

Masculino
Inscrito dia : 01/02/2012
Mensagens : 284
Pontos Ativos : 401

Ver perfil do usuário http://shark-hacks.forumeiros.com

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 02/05/12, 11:04 pm

Eu digo o corpo em si,
uma estrutura montada atrás do forum.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 03/05/12, 09:25 pm

24H Em choque
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por Convidad em 04/05/12, 10:04 am

Olá,

Para colocar o corpo no fórum eu preciso ajustar um pouco de seu CSS.

Primeiramente, me mande um fórum que tenha este estilo (o corpo) que lhe agrada.

Até mais. Piscada

Convidad
Convidado


Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 04/05/12, 10:11 am

Olá Touks,

Ai que está o problema, eu coloquei um novo
tema ao meu fórum, sendo que, esse novo tema
veio sem CSS algum, o pouco de CSS que tem
foi eu mesmo que implementei, para personalizar a
aparencia do fórum.
porém aqui está caso precise:

CSS:
Código:
/*MUDAR COR DOS LINKS AO PASSAR O MOUSE E TIRAR SUBLINHAÇÃO */
#pun-navlinks a:active,#pun-navlinks a:focus,#pun-navlinks a:hover,.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited,.atnt a:hover,.pun a:hover,a:active{color:#20B2AA;text-decoration:none}
/*Tirar Sublinhado dos links*/
a {
text-decoration: none;
}
/*Equipe Fundo*/
.postmain, .postbody{background: none !important;}
.topic{background: #fff;}
/*QUOTE FDF*/
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
/*CAIXA DE CODE E SPOILER FDF*/
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
/*CURSOR PERSONALIZADO*/
body {
cursor: url('http://img24.imageshack.us/img24/7129/glovecursor.png'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
a:hover {
cursor: url('http://img24.imageshack.us/img24/7129/glovecursor.png'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
/*BARRA DE ROLAGEM PERSONALIZADA*/
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #13B8D5;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
/*BOTÃO NEON*/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
/*Reputação*/
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://i42.servimg.com/u/f42/17/32/13/00/plus_110.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/-10.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
/*Responsaveis pela seçao*/
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
span.Administrador {
color: #FF6600;
font-weight: 700;
}

E enquanto ao forum de exemplo que voce pediu, eu queria como a desse forum:
http://tester.forumeiros.com/
Agradeço a Atenção.
Chazy[/b]
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por Convidad em 04/05/12, 10:51 am

Olá,

As versões são diferentes, então tive que reformular tudo.
Veja se fica bom:

Código:
#pun-foot {
display: inline-block !important;
height: 150px;
width: 1200px;
position: relative;
z-index: 999;
background: url(http://i46.servimg.com/u/f46/16/76/83/34/art-bo10.png) no-repeat bottom center;
margin-left: -41px;
}

body {
display: inline-block;
width: 1100px;
margin-top: -10px;
background: url(http://i67.servimg.com/u/f67/16/17/34/47/middle10.png) repeat-y center;
}

#content-container div#container {
width: 1100px;
margin-left: 130px;
padding: 15px;
padding-top: -65em;
}

#pun-about {display:none;}

#pun-intro {margin-left: 400px;}
#pun-head #pun-navlinks {margin-left: 150px;}
.module .main-content {margin-left:150px;}
.pun .main, .pun .main-category {margin-left: 110px;
width: 960px;}

Adicione em sua folha CSS.
Até mais. Piscada

Convidad
Convidado


Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 04/05/12, 11:48 am

Olá Touks,

Funcionar funcionou,
mais olhe como ficou:
http://i.imgur.com/1Buyu.png
http://i.imgur.com/ktpCo.png
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 05/05/12, 08:19 am

24H Em choque
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 06/05/12, 02:34 pm

48H Em choque
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por #BadBoy# em 07/05/12, 07:25 am

Boa tarde!

Adicionei esse codigo no Seu CSS:

Código:
 #content #main #main-content .main{background: url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);padding: 10px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#content #main .main-content{border: 1px dashed #CCC;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.main .main-head .page-title h2 {padding-bottom: 5px;
font-family: Trebuchet MS,Tahoma;font-style: italic;color: #686767;
text-shadow: 1px 1px 1px white;text-transform: none;
display: inline;font-size: 1.2em;font-weight: normal;}
.main .main-head{border: 1px dashed #CCC;background: none !important;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.statused tr {background: white url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);}
.statused tr:hover {background-color: #F6F4D0;}
.pun table td.tcl {height: 45px !important;background: none;}
.pun .main table td.tc2, .pun .main table td.tc3,  .pun .main table td.tcr {background: none;}

Aqui funcionou perfeitamente!
Ele tem umas funções a mais!

Se ajudei agradeça Muito feliz
avatar

#BadBoy#
Nível 9

Masculino
Inscrito dia : 08/12/2011
Mensagens : 200
Pontos Ativos : 334

Ver perfil do usuário http://suporte-codigos.forumeiros.com/

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 07/05/12, 08:00 pm

Olá amigo,

Não ajudou Louco

Alguem ?
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por StyLe® em 07/05/12, 08:06 pm

Olá, eu não sei te ajudar

mais porque você não troca o seu tema???

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 08/05/12, 12:23 pm

Alguem pode ajudar ?

Ajuda/Confuso
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por @Chazy em 11/05/12, 08:42 am

72H
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Imagem em volta do fórum

Mensagem por Convidad em 11/05/12, 08:57 am

Olá @Chazy!

Primeiramente peço-lhe desculpas, mas eu fiz uma pequena tentativa para resultar em um efeito que deseja chegar.

#pun-foot {
display: inline-block !important;
height: 150px;
width: 1200px;
position: relative;
z-index: 999;
background: url(http://i46.servimg.com/u/f46/16/76/83/34/art-bo10.png) no-repeat bottom center;
margin-left: 21px;
}

body {
display: inline-block;
width: 1100px;
margin-top: -10px;
background: url(http://i67.servimg.com/u/f67/16/17/34/47/middle10.png) repeat-y center;
}

#content-container div#container {
width: 1100px;
margin-left: 130px;
padding: 15px;
padding-top: -65em;
}

#pun-about {display:none;}

#pun-intro {margin-left: 400px;}
#pun-head #pun-navlinks {margin-left: 150px;}
.module .main-content {margin-left:150px;}

/*** Posição das categorias e fóruns ***/
.pun .main, .pun .main-category {
margin-left: 110px;
width: 960px;
}
O trecho em vermelho modifica a imagem do footer, no caso você pode aumentar o valor (positivo para direita e negativo para esquerda). O termo em azul, determina a largura das categorias e fóruns, o quanto mais aumentar, mais largo fica.

Convidad
Convidado


Resolvido Re: Imagem em volta do fórum

Mensagem por Private em 11/05/12, 09:08 am

Olá @Chazy, substitua sua CSS por esta:
Código:
/*MUDAR COR DOS LINKS AO PASSAR O MOUSE E TIRAR SUBLINHAÇÃO */
#pun-navlinks a:active,#pun-navlinks a:focus,#pun-navlinks a:hover,.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited,.atnt a:hover,.pun a:hover,a:active{color:#20B2AA;text-decoration:none}
/*Tirar Sublinhado dos links*/
a {
text-decoration: none;
}
/*Equipe Fundo*/
.postmain, .postbody{background: none !important;}
.topic{background: #fff;}
/*QUOTE FDF*/
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
/*CAIXA DE CODE E SPOILER FDF*/
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
/*CURSOR PERSONALIZADO*/
body {
cursor: url('http://img24.imageshack.us/img24/7129/glovecursor.png'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
a:hover {
cursor: url('http://img24.imageshack.us/img24/7129/glovecursor.png'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
/*BARRA DE ROLAGEM PERSONALIZADA*/
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #13B8D5;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
/*BOTÃO NEON*/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
/*Reputação*/
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://i42.servimg.com/u/f42/17/32/13/00/plus_110.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/-10.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
/*Responsaveis pela seçao*/
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
span.Administrador {
color: #FF6600;
font-weight: 700;
}

#pun-foot {
display: inline-block !important;
height: 150px;
width: 1200px;
position: relative;
z-index: 999;
background: url(http://i46.servimg.com/u/f46/16/76/83/34/art-bo10.png) no-repeat bottom center;
margin-left: 21px;
}

body {
display: inline-block;
width: 1100px;
margin-top: -10px;
background: url(http://i67.servimg.com/u/f67/16/17/34/47/middle10.png) repeat-y center;
}

#content-container div#container {
width: 1100px;
margin-left: 130px;
padding: 15px;
padding-top: -65em;
}

#pun-about {display:none;}

#pun-intro {margin-left: 400px;}
#pun-head #pun-navlinks {margin-left: 150px;}
.module .main-content {margin-left:150px;}

/*** Posição das categorias e fóruns ***/
.pun .main, .pun .main-category {
margin-left: 110px;
width: 960px;
}

Até mais. Piscada
avatar

Private
Nível 8

Masculino
Inscrito dia : 18/09/2011
Mensagens : 135
Pontos Ativos : 195

Ver perfil do usuário http://mundopixel.forumeiros.com /// sitiomarado.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