Sobre efeito - final página

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

Resolvido Sobre efeito - final página

Mensagem por #BlacksheepMG em 04/08/12, 05:26 pm

Qual é minha questão:
Meu CSS:
Código:
.postprofile{border-color:#D4D6D5;border-right-style:initial;border-right-width:1px;margin-left:-12px;width:20%}
    div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;border:solid 1px #fff;border-image:initial;border-radius:5px;padding:5px;
background: #f7f7f7}

#search-box{display: none;)}
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;

.content blockquote {
margin: 2px 0;
border: 1px solid #e3e3e3 !important;
background-image: url(http://illiweb.com/fs/img/spirale.png);
  background-repeat:no-repeat;
  background-color: #e8f2fc;
  border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}

#page-footer .navbar {
background: #EEE;
background-image: url();
background-repeat: repeat-x;
  box-shadow: 1px 1px 11px #f1f1f1;
border: 1px solid #d7d7d7;
color: #eee;
border-radius: 6px;}
#page-footer .navbar a{
background: #fff;
padding: 5px;
color: #222222;
border-radius: 6px;
box-shadow: 1px 1px 11px #f1f1f1;
border: 1px solid #d7d7d7;}
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#i_whosonline + p {
min-height: 50px;
padding: 15px 0 15px 60px;
background: url('http://i46.servimg.com/u/f46/17/46/69/50/users_10.png') no-repeat 15px center;
padding: 5px 0 5px 60px;
}
#i_whosonline + p br + br {
display: none;
}
#i_whosonline + p em {
display: block;
}
#page-body p.page-bottom {
margin: 0;
margin-left: 60px;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_12.png') no-repeat 15px center;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
}
div.clear + div.h3 + p + p + p.page-bottom {
margin-top: 15px !important;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_13.png') no-repeat 15px top;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
margin-top: -15px !important;
padding-top: 15px;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

#search-box input.button2, input.button1, input.button2, a.button2 {
    background-color:
    whiteSmoke;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-repeat: repeat-x;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    margin: 5px 6px;
    text-align: center;}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, #search-box input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #696969 !important;
    box-shadow: 0px 0px 0px !important;
    color:
    #2E2E2E !important;} 
    a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #4D4D4D;
    color:
    #4D4D4D;}
    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 1px 0;}
    a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color:
    #4D4D4D;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-position: top;
    background-repeat: repeat-x;
    color:
    black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: visible;
    padding: 1px 0;
    width: auto!important;}
    a.button1, input.button1 {
    border: 1px solid
    #A6A6A6;
    font-weight: 700;}
    button.button2, input.button1, input.button2 {
    font-size: 1em;}
    dd input, dd textarea {
    margin-right: 1px;}
    input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 1px 0;
    vertical-align: middle;}

form#smilies_categ{display:none!important}
 
#main-content p em b a, #main-content p em { font-style: normal !important; }
 
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

.h3, .content h2, .panel h2 {border-bottom: 1px dashed #787878;}
.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}
 
.forabg, .forumbg {
background-color: #474747;
background-image: url();
background-repeat: repeat-x;
border: 2px solid #dedede;
border-radius: 7px;
box-shadow: 1px 0px 6px #dedede;}
 
li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;}
 
ul.forums {
background-color: #fff;
background-image: url();
background-repeat: repeat repeat;}
 
#wrap {
width: 94%;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
body {
padding-top: 144px;
background: url();
text-shadow: 0px 0px 1px #fff;}
 
ul.navlinks {border-bottom: 0px solid white;}
 
#page-header .navbar {background: transparent;position: absolute; top: 117px; left: 110px;}
 
#page-header .navbar a{text-shadow: 1px 1px 1px #000000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000000;
color: #f1f1f1;}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #545454;color: #f1f1f1;padding: 10px;}
 
#page-header .navbar img{display: none;}
 
.headerbar {width: 99%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}
 
#logo {position: absolute;top: 16px;left: 30px;}

#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
.footer-home::before {
content: ""; color: #000000;
display: block;
  margin-top: 40px;
}

div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

/*-------------------------------- Centralizar Perfil ------------------------------*/
.postprofile dd, .postprofile dt {
text-align: center;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*--------------------------- Fim -Centralizar Perfil ---------------------------------*/


/*----------------------------------------------------[Perfil Post]-----------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}

/*-------------------------------------------- Fim ---------------------------------------*/
.postbody {
width:80% !important;
}

Quero tirar esste efeito do meu forum:

Links e imagens do meu problema:


Endereço do meu fórum:
http://awaydesign.forumais.com

Versão do meu fórum:
PHPBB3


Última edição por HokageKs7 em 04/08/12, 06:00 pm, editado 2 vez(es)
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/
  • 0

Resolvido Re: Sobre efeito - final página

Mensagem por BrunoH. em 04/08/12, 05:58 pm

Olá Amigo,
Substitua por esta CSS:
Código:
.postprofile{border-color:#D4D6D5;border-right-style:initial;border-right-width:1px;margin-left:-12px;width:20%}
    div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;border:solid 1px #fff;border-image:initial;border-radius:5px;padding:5px;
background: #f7f7f7}

#search-box{display: none;)}
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;

.content blockquote {
margin: 2px 0;
border: 1px solid #e3e3e3 !important;
background-image: url(http://illiweb.com/fs/img/spirale.png);
  background-repeat:no-repeat;
  background-color: #e8f2fc;
  border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}


#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#i_whosonline + p {
min-height: 50px;
padding: 15px 0 15px 60px;
background: url('http://i46.servimg.com/u/f46/17/46/69/50/users_10.png') no-repeat 15px center;
padding: 5px 0 5px 60px;
}
#i_whosonline + p br + br {
display: none;
}
#i_whosonline + p em {
display: block;
}
#page-body p.page-bottom {
margin: 0;
margin-left: 60px;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_12.png') no-repeat 15px center;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
}
div.clear + div.h3 + p + p + p.page-bottom {
margin-top: 15px !important;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_13.png') no-repeat 15px top;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
margin-top: -15px !important;
padding-top: 15px;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

#search-box input.button2, input.button1, input.button2, a.button2 {
    background-color:
    whiteSmoke;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-repeat: repeat-x;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    margin: 5px 6px;
    text-align: center;}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, #search-box input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #696969 !important;
    box-shadow: 0px 0px 0px !important;
    color:
    #2E2E2E !important;} 
    a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #4D4D4D;
    color:
    #4D4D4D;}
    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 1px 0;}
    a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color:
    #4D4D4D;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-position: top;
    background-repeat: repeat-x;
    color:
    black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: visible;
    padding: 1px 0;
    width: auto!important;}
    a.button1, input.button1 {
    border: 1px solid
    #A6A6A6;
    font-weight: 700;}
    button.button2, input.button1, input.button2 {
    font-size: 1em;}
    dd input, dd textarea {
    margin-right: 1px;}
    input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 1px 0;
    vertical-align: middle;}

form#smilies_categ{display:none!important}
 
#main-content p em b a, #main-content p em { font-style: normal !important; }
 
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

.h3, .content h2, .panel h2 {border-bottom: 1px dashed #787878;}
.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}
 
.forabg, .forumbg {
background-color: #474747;
background-image: url();
background-repeat: repeat-x;
border: 2px solid #dedede;
border-radius: 7px;
box-shadow: 1px 0px 6px #dedede;}
 
li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;}
 
ul.forums {
background-color: #fff;
background-image: url();
background-repeat: repeat repeat;}
 
#wrap {
width: 94%;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
body {
padding-top: 144px;
background: url();
text-shadow: 0px 0px 1px #fff;}
 
ul.navlinks {border-bottom: 0px solid white;}
 
#page-header .navbar {background: transparent;position: absolute; top: 117px; left: 110px;}
 
#page-header .navbar a{text-shadow: 1px 1px 1px #000000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000000;
color: #f1f1f1;}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #545454;color: #f1f1f1;padding: 10px;}
 
#page-header .navbar img{display: none;}
 
.headerbar {width: 99%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}
 
#logo {position: absolute;top: 16px;left: 30px;}

#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
.footer-home::before {
content: ""; color: #000000;
display: block;
  margin-top: 40px;
}

div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

/*-------------------------------- Centralizar Perfil ------------------------------*/
.postprofile dd, .postprofile dt {
text-align: center;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*--------------------------- Fim -Centralizar Perfil ---------------------------------*/


/*----------------------------------------------------[Perfil Post]-----------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}

/*-------------------------------------------- Fim ---------------------------------------*/
.postbody {
width:80% !important;
}

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Sobre efeito - final página

Mensagem por #BlacksheepMG em 04/08/12, 06:00 pm

avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Sobre efeito - final página

Mensagem por Mercer' em 04/08/12, 06:05 pm

Bruno_. escreveu:Olá Amigo,
Substitua por esta CSS:
Código:
.postprofile{border-color:#D4D6D5;border-right-style:initial;border-right-width:1px;margin-left:-12px;width:20%}
    div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;border:solid 1px #fff;border-image:initial;border-radius:5px;padding:5px;
background: #f7f7f7}

#search-box{display: none;)}
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;

.content blockquote {
margin: 2px 0;
border: 1px solid #e3e3e3 !important;
background-image: url(http://illiweb.com/fs/img/spirale.png);
  background-repeat:no-repeat;
  background-color: #e8f2fc;
  border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}


#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#i_whosonline + p {
min-height: 50px;
padding: 15px 0 15px 60px;
background: url('http://i46.servimg.com/u/f46/17/46/69/50/users_10.png') no-repeat 15px center;
padding: 5px 0 5px 60px;
}
#i_whosonline + p br + br {
display: none;
}
#i_whosonline + p em {
display: block;
}
#page-body p.page-bottom {
margin: 0;
margin-left: 60px;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_12.png') no-repeat 15px center;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
}
div.clear + div.h3 + p + p + p.page-bottom {
margin-top: 15px !important;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_13.png') no-repeat 15px top;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
margin-top: -15px !important;
padding-top: 15px;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

#search-box input.button2, input.button1, input.button2, a.button2 {
    background-color:
    whiteSmoke;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-repeat: repeat-x;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    margin: 5px 6px;
    text-align: center;}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, #search-box input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #696969 !important;
    box-shadow: 0px 0px 0px !important;
    color:
    #2E2E2E !important;} 
    a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #4D4D4D;
    color:
    #4D4D4D;}
    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 1px 0;}
    a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color:
    #4D4D4D;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-position: top;
    background-repeat: repeat-x;
    color:
    black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: visible;
    padding: 1px 0;
    width: auto!important;}
    a.button1, input.button1 {
    border: 1px solid
    #A6A6A6;
    font-weight: 700;}
    button.button2, input.button1, input.button2 {
    font-size: 1em;}
    dd input, dd textarea {
    margin-right: 1px;}
    input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 1px 0;
    vertical-align: middle;}

form#smilies_categ{display:none!important}
 
#main-content p em b a, #main-content p em { font-style: normal !important; }
 
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

.h3, .content h2, .panel h2 {border-bottom: 1px dashed #787878;}
.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}
 
.forabg, .forumbg {
background-color: #474747;
background-image: url();
background-repeat: repeat-x;
border: 2px solid #dedede;
border-radius: 7px;
box-shadow: 1px 0px 6px #dedede;}
 
li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;}
 
ul.forums {
background-color: #fff;
background-image: url();
background-repeat: repeat repeat;}
 
#wrap {
width: 94%;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
body {
padding-top: 144px;
background: url();
text-shadow: 0px 0px 1px #fff;}
 
ul.navlinks {border-bottom: 0px solid white;}
 
#page-header .navbar {background: transparent;position: absolute; top: 117px; left: 110px;}
 
#page-header .navbar a{text-shadow: 1px 1px 1px #000000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000000;
color: #f1f1f1;}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #545454;color: #f1f1f1;padding: 10px;}
 
#page-header .navbar img{display: none;}
 
.headerbar {width: 99%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}
 
#logo {position: absolute;top: 16px;left: 30px;}

#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
.footer-home::before {
content: ""; color: #000000;
display: block;
  margin-top: 40px;
}

div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

/*-------------------------------- Centralizar Perfil ------------------------------*/
.postprofile dd, .postprofile dt {
text-align: center;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*--------------------------- Fim -Centralizar Perfil ---------------------------------*/


/*----------------------------------------------------[Perfil Post]-----------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}

/*-------------------------------------------- Fim ---------------------------------------*/
.postbody {
width:80% !important;
}

Abraços Piscada

Qual codigo ultilizou na retirada ?
avatar

Mercer'
Nível 9

Masculino
Inscrito dia : 07/06/2012
Mensagens : 158
Pontos Ativos : 220

Ver perfil do usuário http://idesign.forumais.com

Resolvido Re: Sobre efeito - final página

Mensagem por #BlacksheepMG em 04/08/12, 06:07 pm

@Mercer' escreveu:
Bruno_. escreveu:Olá Amigo,
Substitua por esta CSS:
Código:
.postprofile{border-color:#D4D6D5;border-right-style:initial;border-right-width:1px;margin-left:-12px;width:20%}
    div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;border:solid 1px #fff;border-image:initial;border-radius:5px;padding:5px;
background: #f7f7f7}

#search-box{display: none;)}
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;

.content blockquote {
margin: 2px 0;
border: 1px solid #e3e3e3 !important;
background-image: url(http://illiweb.com/fs/img/spirale.png);
  background-repeat:no-repeat;
  background-color: #e8f2fc;
  border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}


#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#i_whosonline + p {
min-height: 50px;
padding: 15px 0 15px 60px;
background: url('http://i46.servimg.com/u/f46/17/46/69/50/users_10.png') no-repeat 15px center;
padding: 5px 0 5px 60px;
}
#i_whosonline + p br + br {
display: none;
}
#i_whosonline + p em {
display: block;
}
#page-body p.page-bottom {
margin: 0;
margin-left: 60px;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_12.png') no-repeat 15px center;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
}
div.clear + div.h3 + p + p + p.page-bottom {
margin-top: 15px !important;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_13.png') no-repeat 15px top;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
margin-top: -15px !important;
padding-top: 15px;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

#search-box input.button2, input.button1, input.button2, a.button2 {
    background-color:
    whiteSmoke;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-repeat: repeat-x;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    margin: 5px 6px;
    text-align: center;}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, #search-box input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #696969 !important;
    box-shadow: 0px 0px 0px !important;
    color:
    #2E2E2E !important;} 
    a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #4D4D4D;
    color:
    #4D4D4D;}
    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 1px 0;}
    a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color:
    #4D4D4D;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-position: top;
    background-repeat: repeat-x;
    color:
    black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: visible;
    padding: 1px 0;
    width: auto!important;}
    a.button1, input.button1 {
    border: 1px solid
    #A6A6A6;
    font-weight: 700;}
    button.button2, input.button1, input.button2 {
    font-size: 1em;}
    dd input, dd textarea {
    margin-right: 1px;}
    input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 1px 0;
    vertical-align: middle;}

form#smilies_categ{display:none!important}
 
#main-content p em b a, #main-content p em { font-style: normal !important; }
 
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

.h3, .content h2, .panel h2 {border-bottom: 1px dashed #787878;}
.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}
 
.forabg, .forumbg {
background-color: #474747;
background-image: url();
background-repeat: repeat-x;
border: 2px solid #dedede;
border-radius: 7px;
box-shadow: 1px 0px 6px #dedede;}
 
li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;}
 
ul.forums {
background-color: #fff;
background-image: url();
background-repeat: repeat repeat;}
 
#wrap {
width: 94%;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
body {
padding-top: 144px;
background: url();
text-shadow: 0px 0px 1px #fff;}
 
ul.navlinks {border-bottom: 0px solid white;}
 
#page-header .navbar {background: transparent;position: absolute; top: 117px; left: 110px;}
 
#page-header .navbar a{text-shadow: 1px 1px 1px #000000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000000;
color: #f1f1f1;}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #545454;color: #f1f1f1;padding: 10px;}
 
#page-header .navbar img{display: none;}
 
.headerbar {width: 99%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}
 
#logo {position: absolute;top: 16px;left: 30px;}

#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
.footer-home::before {
content: ""; color: #000000;
display: block;
  margin-top: 40px;
}

div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

/*-------------------------------- Centralizar Perfil ------------------------------*/
.postprofile dd, .postprofile dt {
text-align: center;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*--------------------------- Fim -Centralizar Perfil ---------------------------------*/


/*----------------------------------------------------[Perfil Post]-----------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}

/*-------------------------------------------- Fim ---------------------------------------*/
.postbody {
width:80% !important;
}

Abraços

Qual codigo ultilizou na retirada ?

Olá,
também queria saber.!?
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Sobre efeito - final página

Mensagem por BrunoH. em 04/08/12, 06:08 pm

@Mercer' escreveu:
Bruno_. escreveu:Olá Amigo,
Substitua por esta CSS:
Código:
.postprofile{border-color:#D4D6D5;border-right-style:initial;border-right-width:1px;margin-left:-12px;width:20%}
    div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;border:solid 1px #fff;border-image:initial;border-radius:5px;padding:5px;
background: #f7f7f7}

#search-box{display: none;)}
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;

.content blockquote {
margin: 2px 0;
border: 1px solid #e3e3e3 !important;
background-image: url(http://illiweb.com/fs/img/spirale.png);
  background-repeat:no-repeat;
  background-color: #e8f2fc;
  border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}


#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#i_whosonline + p {
min-height: 50px;
padding: 15px 0 15px 60px;
background: url('http://i46.servimg.com/u/f46/17/46/69/50/users_10.png') no-repeat 15px center;
padding: 5px 0 5px 60px;
}
#i_whosonline + p br + br {
display: none;
}
#i_whosonline + p em {
display: block;
}
#page-body p.page-bottom {
margin: 0;
margin-left: 60px;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_12.png') no-repeat 15px center;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
}
div.clear + div.h3 + p + p + p.page-bottom {
margin-top: 15px !important;
}
div.clear + div.h3 + p + p.page-bottom {
background: url('http://i46.servimg.com/u/f46/17/46/69/50/forum_13.png') no-repeat 15px top;
margin-left: 0 !important;
padding-left: 60px;
position: absolute;
height: 40px;
margin-top: -15px !important;
padding-top: 15px;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

#search-box input.button2, input.button1, input.button2, a.button2 {
    background-color:
    whiteSmoke;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-repeat: repeat-x;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    margin: 5px 6px;
    text-align: center;}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, #search-box input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #696969 !important;
    box-shadow: 0px 0px 0px !important;
    color:
    #2E2E2E !important;} 
    a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
    background-position: 0 0%;
    border: 1px solid
    #4D4D4D;
    color:
    #4D4D4D;}
    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 1px 0;}
    a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color:
    #4D4D4D;
    background-image: url('http://i43.servimg.com/u/f43/17/03/28/70/untitl12.png');
    background-position: top;
    background-repeat: repeat-x;
    color:
    black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: visible;
    padding: 1px 0;
    width: auto!important;}
    a.button1, input.button1 {
    border: 1px solid
    #A6A6A6;
    font-weight: 700;}
    button.button2, input.button1, input.button2 {
    font-size: 1em;}
    dd input, dd textarea {
    margin-right: 1px;}
    input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 1px 0;
    vertical-align: middle;}

form#smilies_categ{display:none!important}
 
#main-content p em b a, #main-content p em { font-style: normal !important; }
 
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

.h3, .content h2, .panel h2 {border-bottom: 1px dashed #787878;}
.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}
 
.forabg, .forumbg {
background-color: #474747;
background-image: url();
background-repeat: repeat-x;
border: 2px solid #dedede;
border-radius: 7px;
box-shadow: 1px 0px 6px #dedede;}
 
li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;}
 
ul.forums {
background-color: #fff;
background-image: url();
background-repeat: repeat repeat;}
 
#wrap {
width: 94%;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
body {
padding-top: 144px;
background: url();
text-shadow: 0px 0px 1px #fff;}
 
ul.navlinks {border-bottom: 0px solid white;}
 
#page-header .navbar {background: transparent;position: absolute; top: 117px; left: 110px;}
 
#page-header .navbar a{text-shadow: 1px 1px 1px #000000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000000;
color: #f1f1f1;}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #545454;color: #f1f1f1;padding: 10px;}
 
#page-header .navbar img{display: none;}
 
.headerbar {width: 99%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}
 
#logo {position: absolute;top: 16px;left: 30px;}

#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;}
.footer-home::before {
content: ""; color: #000000;
display: block;
  margin-top: 40px;
}

div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

/*-------------------------------- Centralizar Perfil ------------------------------*/
.postprofile dd, .postprofile dt {
text-align: center;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*--------------------------- Fim -Centralizar Perfil ---------------------------------*/


/*----------------------------------------------------[Perfil Post]-----------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

.pathname-box{
width: 730px !important;
}

.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}

/*-------------------------------------------- Fim ---------------------------------------*/
.postbody {
width:80% !important;
}

Abraços Piscada

Qual codigo ultilizou na retirada ?

Não utilizei codigo algum.. coloque a CSS no Dreamweaver, procure por: #page-footer .navbar { e tire o codigo ate chegar no }. So isso

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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