Como aplicar esse efeito na versão invision
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como aplicar esse efeito na versão invision
Qual é minha questão:
Olá,
Eu estava olhando uns temas novos para complementar meu fórum,só que eu achei um tema que tem um efeito bem legal no banner e eu queria colocar ele no meu fórum (Invision),eu instalei o tema num forum meu para testes e peguei o CSS da parte do efeito do tema e coloquei no meu 2º fórum,só que a imagem do banner não aparece.
O tema do fórum que tem esse efeito é phpBB3 e o meu é invision,alguem sabe como eu aplico esse efeito perfeitamente ??
CSS do tema onde tem o efeito:
Link do fórum onde tem o efeito:
http://redecaf3.forumeiros.com
Agradeço des e ja
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
...
Endereço do meu fórum:
mundocaf.forumeiros.com
Versão do meu fórum:
INVISION
Olá,
Eu estava olhando uns temas novos para complementar meu fórum,só que eu achei um tema que tem um efeito bem legal no banner e eu queria colocar ele no meu fórum (Invision),eu instalei o tema num forum meu para testes e peguei o CSS da parte do efeito do tema e coloquei no meu 2º fórum,só que a imagem do banner não aparece.
O tema do fórum que tem esse efeito é phpBB3 e o meu é invision,alguem sabe como eu aplico esse efeito perfeitamente ??
CSS do tema onde tem o efeito:
- Código:
.row{
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);
}
.row1{
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);
}
.row2{
background: #fff9f0 url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);
}
.forabg{
background:transparent url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);
}
table.forumline{
background:transparent url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);
}
.forumbg{
background:transparent url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);
}
ul.forums, .row, .row3 {
border: 1px dashed #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.header{
padding: 2px;
border: 1px dashed #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
table.table1 tbody th {
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
table.table1 thead th {
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
li.header dd,li.header dt {
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
.table-title,.table-title h2 {
font-weight: normal;
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
.select button {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
border: medium none;
font-size: 0.9em;
margin: 0;
padding: 4px;
text-align: left;
color: #000;
text-shadow: 1px 1px 1px #fff;
font-weight: bold;
}
.select button:hover {
color: #666;
text-shadow: 1px 1px 1px #fff;
}
.select {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 8px #666;
-webkit-box-shadow:0 0 8px #666;
box-shadow:0 0 8px #666;
border: 0px solid #BCBCBC;
position: absolute;
z-index: 999;
margin-top: -200px;
margin-left: -40px;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
select {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);}
.mceContentBody{
background: #000;
color: #666666;
}
div#qTip {
padding: 5px;
border: 0px solid #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px#666;
box-shadow: 0 0 10px #666;
display: none;
background-color: rgba(16,16,16,.8);
color: #fff;
font: normal 12px Trebuchet MS,Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 999;
}
.navlinks a[href="/h3-regulament"] {
color: #fff;
font-size: 13px;
position: absolute;
top: -135px;
right: -400px;
}
.navlinks a:hover[href="/h3-regulament"] {
}
.navlinks a[href="/h10-parteneri-si-coduri-parteneriate"] {
background-image: url(http://designart.bravehost.com/Imagini/PARTENERI.png);
font-size: 0px;
position: absolute;
top: -135px;
right: -470px;
}
.navlinks a:hover[href="/h10-parteneri-si-coduri-parteneriate"] {
background-image: url(http://designart.bravehost.com/Imagini/PARTENERI-H.png);
}
.navlinks a[href="/contact"] {
background-image: url(http://designart.bravehost.com/Imagini/CONTACT.png);
font-size: 0px;
font-weight: bold;
position: absolute;
top: -135px;
right: -540px;
}
.navlinks a:hover[href="/contact"] {
background-image: url(http://designart.bravehost.com/Imagini/CONTACT-H.png);
}
p.rightside {
float: right;
margin-left: 20px;
}
h1.page-title {
font-weight: normal;
color: #fff;
font-size: 2em;
margin: 0.8em 0 0.2em 60px;
}
.module {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
background-repeat:repeat;
margin-left:32px;
color: #666666;
border: 1px dashed #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.module .h3 {
border-bottom: 1px dashed rgba(146, 146, 146, .8);
color: #666;
text-shadow: 1px 1px 1px #fff;
text-align: center;
font-weight: normal;
font-style: italic;
}
#page-body p.page-bottom {
font-family: Trebuchet MS,Arial,Tahoma;
display:inline-block;
margin-left:70px;
padding:0 20px;
margin-right:auto;
height: 50px;
font-weight : normal;
font-size: 1.2em;
text-align:center;
}
#page-body p.page-bottom:after{content: " »"}
#profile-advanced-layout {
position:relative;
float: left;
margin-right: -200px;
left: 50px;
width: 122%;
}
#profile-advanced-right {
position:absolute;
margin-left: 860px;
float: right;
}
a:active{
text-decoration: none;
}
a.topictitle {
text-shadow: 1px 1px 1px #fff;
}
a.topictitle:hover {
text-decoration: none;
}
a.forumtitle {
color: #d1951e;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
text-decoration: none;
}
dd.lastpost {
font-size: 1.2em;
}
#profile-tab-field-profil dl dt{
float:left;
left:50px;
display:block;
width:22em;
}
#profile-tab-field-profil dl {
font-family:Verdana,Arial;
font-size: 1.2em;
font-weight : normal;
}
#tabs li {
font-family:Trebuchet MS,Tahoma;
display: inline;
margin: 0;
padding: 0;
font-size: 1.2em;
font-weight: bold;
}
#tabs a {
border: 1px dashed #ccc;
border-bottom: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.postprofile {
font-size: 1.1em;
font-weight: normal;}
.postprofile dd, .postprofile dt {
font-size: 1.2em;
text-shadow: 1px 1px 1px #fff;
font-family:Trebuchet MS,Tahoma;}
.blog_cal-border {
display: inline;
float: left;
border: 0px solid #FF9500;
background: transparent;
padding: 1px;
font-size: 1.2em;
margin-right: 1em;
}
.blog_cal-content {
margin-top: -9px;
width: 89px;
height:60px;
background: url(http://i27.servimg.com/u/f27/16/17/34/47/31210.png);
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: Trebuchet MS,Arial,Sans-Serif;
text-shadow:1px 1px #FF9500;
color:#fff;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
margin-top: 5px;
font-size: 1.6em;
letter-spacing: 0.1em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 0px solid #FF9500;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#blog_comments .h3 {
-webkit-box-shadow: transparent;
-moz-box-shadow: transparent;
box-shadow: transparent;
overflow: hidden;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 12px;
margin-top: 5px;
text-shadow: 1px 1px 1px #fff;
}
.overview {
border: 1px solid #555555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
#pwd_good {
background:url('http://i62.servimg.com/u/f62/11/22/70/40/410v10.png');
}
#pwd_middle {
background:url('http://i62.servimg.com/u/f62/11/22/70/40/310yw10.png');
}
#pwd_bad {
background:url('http://i62.servimg.com/u/f62/11/22/70/40/111gl10.png');
}
#cont_pwd {
width:122px;
height:18px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 122px;
height : 11px;
line-height : 14px;
font-family:Trebuchet MS,Tahoma;
font-size : 12px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}
/*---------MENU--------*/
.navlinks{
position:absolute;
top:138px;
margin-left: 40px;
text-align: center;
border-left:0 solid #A8641B!important;
border-right:0 solid #A8641B!important;
border-top:0px solid #A8641B!important;
border-bottom:0px solid #A8641B!important;
}
ul.navlinks {
padding:17px 0 0 0;
font-weight: normal;
text-align: center;}
.navbar {background-color: transparent;}
.navlinks ul{
height:10px!important;
}
.navlinks a{
font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
margin-top: -5px;
text-align: center;
font-style: italic;
text-decoration:none!important;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
.navlinks li{
text-shadow: #777 0 1px 2px;
text-align:center!important;
padding:8px;
padding-top: 8px;
}
.navlinks li:hover{
padding:8px;
background: rgba(133, 130, 130, .30);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0px 2px 2px #727272;
-moz-box-shadow: inset 0px 2px 2px #727272;
box-shadow: inset 0px 2px 2px #727272;
}
ul.navlinks span.new-message{
color:red!important;
}
ul.navlinks span.new-message:hover{
color:red!important;
text-decoration:none;
}
/*--------End-MENU--------*/
.navbar .corners-top ,.navbar .corners-bottom {display:none;}
.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}
.headerbar .corners-top ,.headerbar .corners-top {display:none;}
#site-title,#site-title h1 {
display:none;
}
#logo-desc p {
position: absolute;
top: 102px;
left: 60px;
font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 1px #656565; color: #1d1d1d; font-size: 1.6em;
}
#logo {
left: 100px;
top: 5px;
float: left;
position: relative;
background: url(http://i46.servimg.com/u/f46/16/76/83/34/117.png);
width: 859px;
text-indent: -9999px;
height: 135px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
#logo:hover {
background: url(http://i46.servimg.com/u/f46/16/76/83/34/117.png) 0px 0px;
-webkit-transform:translate(60px);
-moz-transform: translate(60px);
-o-transform:translate(60px);
}
#logo:active {
background: url(http://i46.servimg.com/u/f46/16/76/83/34/117.png) 0px 0px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
}
#page-header{
margin-top: -14px;
margin-left: -34px;
height: 260px;
background: url(http://i67.servimg.com/u/f67/16/17/34/47/art-to10.png) no-repeat center;
width: 1268px;}
#main-content {
width: 1100px;
margin-left: 37px;
padding: 15px;
padding-top: -65em;
}
body{
background: #363636 url(http://i67.servimg.com/u/f67/16/17/34/47/12310.png);}
#container{
position: relative;
top: -50px;}
#page-footer{margin-top: -55px;}
#page-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;}
#page-footer{
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;}
#page-footer .navbar{
margin-left:26px;
width: 1100px;
color: #666666;
background: none !important;
}
#page-footer a {
color: #666666;}
#page-footer a:hover {
text-shadow: 0px 0px 8px #CCB07E;
}
#page-footer a:active {
text-shadow: 0px 0px 8px #000000;
}
/*---------SEARCH--------*/
#search-box{
float:right;
top: 54px;
position: relative;
height: 41px;
width: 251px;
right: 36px;
display: inline;
background: transparent;}
#search-box #keywords {
width: 210px;
background: transparent;
font-size: 16px;
font-weight: normal;
font-style: italic;
font-family: Georgia, serif;
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: -12px;
margin-top: -12px;}
#search-box input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/search13.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 13px !important;
height: 13px !important;
border: 0;
margin-left: 6px;
margin-top: -12px;
background-position: 0 100%;
color: transparent;}
#search-box input.button2:hover {
font-size: 0px;
}
/*--------End-SEARCH--------*/
/*-------PANOU-------*/
#page-footer .copyright strong a{
background-image: url();
padding: 3px;
color: #000;
font-size:14px;
font-weight: normal;
font-style: italic;
font-family:Trebuchet MS,Tahoma;
}
#page-footer .copyright strong a:hover {
text-shadow: 0px 0px 8px #ffe1ad; cursor: defoult; color: #000;
}
/*-------End-PANOU-------*/
/*--------STATS--------*/
.h3 {
font-family: Trebuchet MS,Tahoma;
text-transform: none;
border-bottom: 1px solid #666666;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.6em;
color: #ffb700;
margin-top: 20px;
}
.h3 {
font-weight: normal;
}
/*--------End-STATS--------*/
#wrap{min-width: 0;}
#wrap{
background-color:#;
border:0px solid #;
margin:0 auto;
min-width:988px;
padding:0px;
width:1200px}
#simple-wrap{
padding:6px 10px}
/*--------BOXES---------*/
.inputbox {background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
blockquote cite {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.attachbox {background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/*--------End-BOXES--------*/
/*---------PROFILE-BUTTONS--------*/
ul.profile-icons li a img {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}
ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}
/*--------End-PROFILE-BUTTONS--------*/
/*---------PRIVATE-MESSAGES--------*/
ul#privmsgs-menu li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
ul#privmsgs-menu li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;}
/*--------End-PRIVATE-MESSAGES--------*/
/*---------POST-BUTTONS--------*/
.buttons a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
.buttons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
-webkit-transform: rotate(-2.2deg) scale(0.9); -moz-transform: rotate(-2.2deg) scale(0.9);
}
.buttons a img:active {
-webkit-transform: rotate(-2.0deg) scale(1.1); -moz-transform: rotate(-2.0deg) scale(1.1);
}
/*--------End-POST-BUTTONS--------*/
/*---------CODE--------*/
.codebox {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
dl.codebox {
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #C3C3C3;
font-size: 1em;
}
dl.codebox dt {
background-image: url('http://i77.servimg.com/u/f77/16/17/34/47/page_w10.png');
background-repeat: no-repeat;
background-position: right center;
padding: 0px;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 0px;
margin-left:2px;
font-size: 1.0em;
text-align:left;
font-weight: bold;
display: block;
}
/*--------End-CODE--------*/
a.button2, input.button2, button.button2 {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-family:Tahoma;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
a.button1, input.button1 {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-weight: bold;
border: 1px solid #666666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
fieldset.submit-buttons {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-family:Tahoma;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
fieldset.submit-buttons input {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-family:Tahoma;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/*-------TOPIC-------*/
.table-title, .table-title h2 {
padding-bottom:5px;
font-family:Trebuchet MS,Tahoma;
font-style: italic;
color: #686767;
text-shadow: 1px 1px 1px #fff;
text-transform: none;
display: inline;
font-size: 1.2em;
font-weight: normal;
}
.topic-title {
text-shadow: 1px 1px 1px #fff;
font-family:Trebuchet MS,Tahoma;
display: inline;
font-size: 12px;
text-align: left;
}
.postbody .topic-title {
font-family:Trebuchet MS,Tahoma;
}
.postbody .content {
font-family:Trebuchet MS,Tahoma;
}
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Trebuchet MS,Tahoma,Arial;
font-size: 1.2em;
line-height: 1.2em;
}
/*-------End-TOPIC-------*/
//.lastpost{
border:2px solid #EEE;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-moz-box-shadow:0 0 8px #666;
-webkit-box-shadow:0 0 8px #666;
box-shadow:0 0 8px #666;
margin:3px;width:auto
}
.posts {
font-family: georgia;
font-size:18px;
font-weight: bold;}
.topics {
font-weight: bold;}
.views {
font-weight: bold;}
#page-body{margin:0px 0;width:100%}
#page-body p.page-bottom{margin:0}
#page-footer{clear:both}
table.designart-symbols {
font-family: Trebuchet MS,Arial;
font-size: 14px;
border-width: 1px;
border-spacing: 0px;
border-style: outset;
border-color: black;
border-collapse: collapse;
background-color: rgb(255, 255, 240);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
table.designart-symbols th {
border-width: 1px;
color: #ffffff;
text-shadow: 0 1px 1px #5A5959;
padding: 3px;
border-style: solid;
border-color: gray;
background-color: #E6C571;
}
table.designart-symbols td {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: gray;
background-color: #f2ebe1;
-moz-border-radius: 0px 0px 0px 0px;
}
table.designart-symbols td:hover {
background-color: #ffffff;
}
.r_text {
font-family: Trebuchet MS,Arial,Tahoma;
font-size: 16px;
font-weight: normal;
text-align: left;
margin-left: 10px;
color: #666666;
font-style: italic;
}
.r_title {
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: left;
margin-left: 0px;
color: #F55307;
}
.r_title2 {
font-family: Trebuchet MS,Arial,Tahoma;
font-size: 18px;
font-weight: normal;
text-align: left;
margin-left: 0px;
color: #8c3d00;
}
#page-footer .copyright {
padding: 5px;
font-style: italic;
text-align: center;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
#page-footer .copyright:hover {
text-decoration: underline;
}
li.footer-home {
font-style: italic;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
width: 500px !important;
height: 250px !important;
z-index: 999;
display: none;
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png);
border: 10px solid #ddd;
-webkit-box-shadow: 1px 2px 5px #000;
-moz-box-shadow: 1px 2px 5px #000;
box-shadow: 1px 2px 5px #000;
-webkit-border-top-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-bottomright: 16px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 10px;
font-family: Trebuchet MS;
font-size: 1.2em;
}
#login_popup input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/close10.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 60px !important;
height: 60px !important;
border: 0;
float: right;
margin-right: -40px;
margin-top: -270px;
background-position: 0 100%;
color: transparent;
}
#login_popup .h3 {
margin:0 0 6px;
padding:0 0 6px;
}
#login_popup_buttons {
position:absolute;
bottom:6px;
right:6px;
}
#login_popup_buttons input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:6px;
}
ul.profile_field_list {
padding:0;
}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}
Link do fórum onde tem o efeito:
http://redecaf3.forumeiros.com
Agradeço des e ja
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
...
Endereço do meu fórum:
mundocaf.forumeiros.com
Versão do meu fórum:
INVISION
Última edição por BKFENIX em 14.12.11 19:36, editado 1 vez(es)
Re: Como aplicar esse efeito na versão invision
Olá,
Adicione o código abaixo em sua Folha CSS:
Troque o campo: Linkimagem, pela imagem de seu logo.
Testei aqui e deu certo..
Atenciosamente.
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
Adicione o código abaixo em sua Folha CSS:
- Código:
#logo {
left: 100px;
top: 5px;
float: left;
position: relative;
background: url(LINKIMAGEM);
width: 859px;
text-indent: -9999px;
height: 135px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
#logo:hover {
background: url(LINKIMAGEM) 0px 0px;
-webkit-transform:translate(60px);
-moz-transform: translate(60px);
-o-transform:translate(60px);
}
#logo:active {
background: url(LINKIMAGEM) 0px 0px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
}
Troque o campo: Linkimagem, pela imagem de seu logo.
Testei aqui e deu certo..
Atenciosamente.
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
Convidad- Convidado
Re: Como aplicar esse efeito na versão invision
Olá Touks,
Adicionei o CSS no meu fórum e não foi,veja como fica:
Se bugar: http://www.brimg.info/uploads/8/d234a63962.png
Adicionei o CSS no meu fórum e não foi,veja como fica:
Se bugar: http://www.brimg.info/uploads/8/d234a63962.png
Re: Como aplicar esse efeito na versão invision
Olá,
Mande-me o conteúdo de sua Folha CSS.
Atenciosamente.
Mande-me o conteúdo de sua Folha CSS.
Atenciosamente.
Convidad- Convidado
Re: Como aplicar esse efeito na versão invision
Este é o CSS do meu fórum:
E este o CSS do tema que tem o efeito:
- Código:
/*Zona Blog Codigo editado por yuninho en ZonaMalaguista*/
#blog_comments {
background-color: #f3f3f3;
border: 1px solid #687b88;
}
.blog_cal-border {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/193.jpg);
background-position: center center;
background-repeat: no-repeat;
}
.blog_cal-content {
color: #687b88;
width: 46px;
}
.blog_title {
font-size: 16px;
padding-top: 1.8em;
text-shadow: 1px 1px 1px gray;
}
.blog_message {
border-top: 1px solid #687b88;
padding-top: 1.0em;
}
.blog_comments {
background-image: url(http://i36.servimg.com/u/f36/12/56/56/12/144.jpg);
background-position: top center;
background-repeat: no-repeat;
padding-top: 0px;
text-align: center;
height: 17px;
}
#blog_comments .post-header {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/194.jpg);
background-position: top left;
background-repeat: repeat-x;
padding-top: 28px;
background-color: transparent;
border-bottom: 1px solid #687b88;
}
.blog_comment-avatar {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/195.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.blog_comment-avatar img {
width: 38px;
height: 38px;
}
/*Zona ChatBox Codigo editado por yuninho en ZonaMalaguista*/
body.chatbox {
background-color: transparent;
border-bottom: 5px solid #000000;
margin-right: 1px;
}
#chatbox_header {
background-color: #ffffff;
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/158.jpg);
background-position: left top;
background-repeat: repeat-x;
}
.chatbox-title {
font-style: italic;
font-size: 16px;
font-weight:bold;
text-shadow: 1px 1px 1px #ffffff;
}
.chatbox-options {
font-style: italic;
font-size:10px;
font-weight:bold;
text-shadow: 1px 1px 1px #ffffff;
}
#chatbox_members {
background-color: #ffffff;
border-left: 1px solid #d5dee5;
width: 180px;
margin-top: 5px;
}
#chatbox_members .member-title {
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/160.jpg);
background-position: left top;
background-repeat: repeat-x;
}
#chatbox_members ul {
margin-right: 12px;
}
#chatbox_members ul li {
border-bottom: 1px solid #d5dee5;
}
.chatbox_row_1 {
border-bottom: 1px solid #ececec;
background-color: #ffffff;
color: #000000;
}
.chatbox_row_2 {
border-bottom: 1px solid #ececec;
background-color: #f9f9f9;
color: #000000;
}
#chatbox {
border-right: 1px solid #ffffff;
border-left: 1px solid #d5dee5;
background-color: #ffffff;
margin-top: 5px;
}
#chatbox_footer {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/162.jpg);
background-position: left top;
background-repeat: repeat-x;
background-color: #e0e0e0;
border: 1px solid #cccccc;
margin-right: 1px;
}
.fontbutton {
border: 1px solid #cccccc;
background-image: url(http://i36.servimg.com/u/f36/12/56/56/12/140.jpg);
background-position: left top;
background-repeat: repeat-x;
}
#submit_button {
background-image: url(http://i36.servimg.com/u/f36/12/56/56/12/140.jpg);
background-position: left top;
background-repeat: repeat-x;
text-shadow: 1px 1px 1px #ffffff;
}
/*Zona post Codigo editado por yuninho en ZonaMalaguista*/
.overview hr.dashed {
border: 2px #a3aeb5;
border-style: groove groove;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
}
.overview .left-overview {
border: 2px #a3aeb5;
border-style: groove groove;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
}
strong.pagination a, .topic-paging a {
font-size: 8px;
margin: 0px 1px 0px 0px;
padding: 0px 2px;
text-decoration: none;
}
.postbody {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/post_h10.png);
background-position: left top;
background-repeat: repeat-x;
background-color: #f3f3f3;
}
.post {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/post_h10.png);
background-position: left top;
background-repeat: repeat-x;
background-color: #eef0f2;
border-top: 0px solid #e9e9e9;
border-bottom: 6px solid #687b88;
}
.box-content {
border-bottom: 10px solid #687b88;
}
.post-entry {
margin-top: 14px;
font-size: 12px;
}
.signature_div {
border-top: 1px solid #687b88;
}
.postprofile {
margin-top: 1px;
border-right: 1px solid #ffffff;
}
#forummenu-options_menu.popupmenu {
width: auto;
border: 1px solid #a3aeb5;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
}
.popmenubutton-new-out a {
display: block;
background-color: transparent;
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/sin_ta11.png);
background-position: right;
background-repeat: no-repeat;
width: auto;
border: 0px;
font-size: 14px;
float: left;
}
.popmenubutton-new-out {
width: auto;
}
.post .popupmenu {
width: auto;
border: 1px solid #a3aeb5;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
}
.postprofile dt a img {
margin-top: 0px;
margin-left: 0px;
}
.postprofile-details dt {
color: transparent;
font-size: 0px;
margin-top: 0px;
background-color: transparent;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
margin-left: -2px;
}
blockquote {
background-image: url("http://i34.servimg.com/u/f34/12/74/93/16/134.jpg");
background-repeat: repeat-x;
background-position: top left;
width: 94%;
background-color: #ffffff;
border: 1px solid #c6ced8;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
}
blockquote cite {
background-image: url("http://i34.servimg.com/u/f34/12/74/93/16/citati11.png");
background-repeat: no-repeat;
background-position: center right;
background-color: transparent;
border-top: 0px solid #000000;
border-bottom: 1px solid #c6ced8;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
height: 14px;
text-align: center;
font-size: 12px;
color: #606a73;
font-weight: bold;
text-transform: uppercase;
}
dl.codebox {
width: 96%;
background-color: #f3f3f3;
border: 0px solid #d9e1ec;
padding: 5px 5px 5px;
}
dl.codebox code {
font-size: 12px;
color: #000000;
}
.codebox dd {
border: 1px solid #d9e1ec;
background-color: transparent;
}
.codebox dt {
border: 0px solid #d9e1ec;
background-color: transparent;
background-image: url("");
background-position: top left;
}
.spoiler {
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
}
.spoiler_content {
background-color: #ffffff;
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
margin-top: -6px;
}
.spoiler dt {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/134.gif);
background-repeat: no-repeat;
background-color: Transparent;
}
.spoiler dd {
background-image: url(http://www.brimg.info/uploads/9/1940f9cea3.png);
background-repeat: no-repeat;
background-position: 14px 2px;
}
.polls {
background-image: url("http://i66.servimg.com/u/f66/12/56/56/12/pie_ch10.png");
background-repeat: no-repeat;
background-position: bottom left;
padding: 20px;
}
.resizebox .resize_border {
background-color: #ffffff;
border: 1px solid #a3aeb5;
background-image: url('http://i36.servimg.com/u/f36/12/56/56/12/121.jpg');
background-repeat: repeat-x;
background-position: top left;
height: 30px;
margin-right: -4px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
}
.resizebox .resize_content {
padding-left: 24px;
margin-left: 10px;
margin-top: 4px;
background-color: transparent;
background-image: url('http://i36.servimg.com/u/f36/12/56/56/12/122.png');
background-repeat: no-repeat;
background-position: center left;
}
.resize_img {
background-color: #000000;
padding: 1px 1px 1px 1px;
border-top: 0px solid transparent;
border-bottom: 1px solid #a3aeb5;
border-right: 1px solid #a3aeb5;
border-left: 1px solid #a3aeb5;
}
.module .maintitle {
font-size: 14px;
color: #ffffff;
background-color: #f3f3f3;
border-bottom: 0px solid #a3aeb5;
background-image: url(http://i49.servimg.com/u/f49/16/49/89/13/bar1311.png);
background-repeat: repeat-x;
background-position: center center;
}
.module .box-content {
border: 1px solid #a3aeb5;
background-color: #f3f3f3;
}
.avatar img {
width: auto;
}
/*Zona fondo foros etc Codigo editado por yuninho en ZonaMalaguista*/
#ipbwrapper {
background-image: url(/);
background-repeat: repeat-x;
background-position: top left;
margin-top: 10px;
background-color: #f5f5f5;
border-top: 1px solid #bdc3ba;
border-left: 1px solid #bdc3ba;
border-right: 1px solid #bdc3ba;
border-bottom: 1px solid #bdc3ba;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
box-shadow: 0 0 10px gray;
-webkit-box-shadow: 0 0 10px gray;
-moz-box-shadow: 0 0 10px gray;
}
body {
background-image: url('http://i38.servimg.com/u/f38/15/38/29/58/bg10.png');
background-repeat: repeat-x;
background-position: top left;
background-attachment: scroll;
}
#userlinks {
margin-top: 24px;
margin-bottom: 0px;
font-size: 9px;
color: #000000;
background-image: url(http://i64.servimg.com/u/f64/12/74/93/16/1180.jpg);
background-repeat: repeat-x;
background-position: center left;
border: 1px solid #d9d9d9;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}
#userlinks ul {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}
#userlinks.not-connected {
color: #000000;
}
div.newslink p.date {
display: none;
}
#main {
background-image: url();
background-repeat: repeat-x;
background-position: left top;
padding: 0px 5px 0px 5px;
}
div.newslink {
background-color: transparent;
}
table.ipbtable tfoot td {
height: 10px;
background-color: #d2d7df;
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/catend10.png);
background-repeat: repeat-x;
}
.maintitle {
font-style: italic;
font-size: 18px;
font-weight:bold;
-moz-border-radius:5px 5px 0 0;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
padding:8px!important;
margin:0!important;
}
div.maintitle {
background-image: url(http://i49.servimg.com/u/f49/16/49/89/13/bar1311.png);
background-repeat: repeat-x;
background-position: center center;
border-bottom: 1px solid #ffffff;
}
table.ipbtable th {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/header10.png);
background-repeat: repeat-x;
background-position: top left;
border-bottom: 1px solid #a3aeb5;
}
div.borderwrap, .borderwrapm {
border: 1px solid #a3aeb5;
background-color: #ffffff;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
margin: 0px 5px 0px 5px;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 18px;
height: 18px;
background: url('http://i38.servimg.com/u/f38/15/38/29/58/143.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i38.servimg.com/u/f38/15/38/29/58/222.png') no-repeat 50% 50%;
}
#navstrip li.begin {
background: url('http://i38.servimg.com/u/f38/15/38/29/58/133.png') no-repeat;
}
#navstrip li {
background: url('http://i38.servimg.com/u/f38/15/38/29/58/133.png') no-repeat;
}
#gfooter {
background-color: #687b88;
margin-left: -5px;
margin-right: -5px;
}
.hierarchy {
font-size: 12px;
font-style: italic;
color: #ffffff;
}
.centered {
font-style: italic;
font-weight: bold;
font-family:"Verdana",Arial,Times New Roman;
font-size:12px;
text-shadow: 1px 1px 1px #ffffff;
color: #505050;
}
table.ipbtable th.starter {
font-style: italic;
font-family:"Verdana",Arial,Times New Roman;
font-size:10px;
text-shadow: 1px 1px 1px #000000;
color: #ffffff;
}
table.ipbtable .last, table.ipbtable th.last-post2, table.ipbtable th.forum2, table.ipbtable th.topics, table.ipbtable th.replies, table.ipbtable th.views {
font-style: italic;
font-family:"Verdana",Arial,Times New Roman;
font-size:10px;
text-shadow: 1px 1px 1px #000000;
color: #ffffff;
}
table.ipbtable th.forum {
font-style: italic;
font-weight: bold;
font-family:"Verdana",Arial,Times New Roman;
text-shadow: 1px 1px 1px #000000;
color: #ffffff;
}
div.maintitle h1, div.maintitle h2, div.maintitle h3, div.maintitle div.toggle {
color: #000000;
}
.row1,.row2 {
background-color: #f3f3f3;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
}
table {
border-collapse: collapse;
width: 100%;
}
.bar {
border: 1px solid #a3aeb5;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
}
.member {
border: 1px solid #a3aeb5;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
}
.activeusers {
margin-left: 5px;
margin-right: 5px;
border: 1px solid #a3aeb5;
background-color: #f3f3f3;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 5px gray;
-webkit-box-shadow: 0 0 5px gray;
-moz-box-shadow: 0 0 5px gray;
}
/*Zona banner y menu etc Codigo editado por yuninho en ZonaMalaguista 5*/
div#logostrip #logo {
min-height: 80px;
text-align: left;
margin-left: 0px;
width: 500px;
margin-top: -5px;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
}
#submenu {
padding-bottom: 0px;
font: 10px Arial;
}
#submenu li {
display: inline;
}
#submenu li a {
color: #ffffff;
padding: 0px 0px;
text-decoration: none;
font-size: 10px;
font-weight:none;
background-color: #6f8493;
border: solid 1px #4c5357;
box-shadow: 0 0 5px #515a61;
-webkit-box-shadow: 0 0 5px #515a61;
-moz-box-shadow: 0 0 5px #515a61;
background-image: url("http://i38.servimg.com/u/f38/15/38/29/58/318.jpg");
background-repeat: repeat-x;
background-position: top left;
}
#submenu li a:visited {
color: #ffffff;
}
#submenu li a:hover, .navbar li.chosen a {
color: #ffffff;
background-color: #6f8493;
border: solid 1px #585858;
background-image: url("http://i38.servimg.com/u/f38/15/38/29/58/324.jpg");
background-repeat: repeat-x;
background-position: top left;
box-shadow: 0 0 1px #515a61;
-webkit-box-shadow: 0 0 1px #515a61;
-moz-box-shadow: 0 0 1px #515a61;
}
#submenu ul li a {
margin-left: 2px;
margin-right: 2px;
padding : 0.25em 12px 0.31em 0px;
color: #ffffff;
}
#submenu ul {
margin-top: 14px;
background-color: transparent;
border: 0px solid #c2a40d;
padding-top: 3px;
padding-bottom: 2px;
}
#search_menu {
background-color: transparent;
border: 0px solid #b9b9b7;
background-image: url("http://i38.servimg.com/u/f38/15/38/29/58/sin_ta10.png");
background-repeat: no-repeat;
background-position: top left;
width: 282px;
height: 115px;
}
#search_menu table td.row2 {
background-color: transparent;
background-image: url("");
}
ul.privmsg {
margin-left: 12px;
}
ul.privmsg li {
background-image: url(http://i38.servimg.com/u/f38/15/38/29/58/192.jpg);
background-position: left top;
background-repeat: repeat-x;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
border-top: 1px solid #75858f;
border-left: 1px solid #75858f;
border-right: 1px solid #75858f;
background-color: #ffffff;
}
ul.privmsg a:hover {
background-color: #fafafa;
color: #656565;
}
/*Zona links Codigo editado por yuninho en ZonaMalaguista*/
a:link, a:visited, a:active {
color: #505050;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #909090;
text-decoration: none;
border-bottom: 0px dotted transparent;
font-weight: bold;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #9900ff;
}
#logo {
left: 100px;
top: 5px;
float: left;
position: relative;
background: url(http://www.brimg.info/uploads/1/e87bd081ff.png);
width: 859px;
text-indent: -9999px;
height: 135px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
#logo:hover {
background: url(http://www.brimg.info/uploads/1/e87bd081ff.png) 0px 0px;
-webkit-transform:translate(60px);
-moz-transform: translate(60px);
-o-transform:translate(60px);
}
#logo:active {
background: url(http://www.brimg.info/uploads/1/e87bd081ff.png) 0px 0px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
}
E este o CSS do tema que tem o efeito:
- Código:
.row{
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);
}
.row1{
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);
}
.row2{
background: #fff9f0 url(http://i27.servimg.com/u/f27/16/17/34/47/body-b13.png);
}
.forabg{
background:transparent url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);
}
table.forumline{
background:transparent url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);
}
.forumbg{
background:transparent url(http://i27.servimg.com/u/f27/16/17/34/47/shape_10.png);
}
ul.forums, .row, .row3 {
border: 1px dashed #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.header{
padding: 2px;
border: 1px dashed #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
table.table1 tbody th {
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
table.table1 thead th {
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
li.header dd,li.header dt {
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
.table-title,.table-title h2 {
font-weight: normal;
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
.select button {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
border: medium none;
font-size: 0.9em;
margin: 0;
padding: 4px;
text-align: left;
color: #000;
text-shadow: 1px 1px 1px #fff;
font-weight: bold;
}
.select button:hover {
color: #666;
text-shadow: 1px 1px 1px #fff;
}
.select {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 8px #666;
-webkit-box-shadow:0 0 8px #666;
box-shadow:0 0 8px #666;
border: 0px solid #BCBCBC;
position: absolute;
z-index: 999;
margin-top: -200px;
margin-left: -40px;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
select {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);}
.mceContentBody{
background: #000;
color: #666666;
}
div#qTip {
padding: 5px;
border: 0px solid #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px#666;
box-shadow: 0 0 10px #666;
display: none;
background-color: rgba(16,16,16,.8);
color: #fff;
font: normal 12px Trebuchet MS,Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 999;
}
.navlinks a[href="/h3-regulament"] {
color: #fff;
font-size: 13px;
position: absolute;
top: -135px;
right: -400px;
}
.navlinks a:hover[href="/h3-regulament"] {
}
.navlinks a[href="/h10-parteneri-si-coduri-parteneriate"] {
background-image: url(http://designart.bravehost.com/Imagini/PARTENERI.png);
font-size: 0px;
position: absolute;
top: -135px;
right: -470px;
}
.navlinks a:hover[href="/h10-parteneri-si-coduri-parteneriate"] {
background-image: url(http://designart.bravehost.com/Imagini/PARTENERI-H.png);
}
.navlinks a[href="/contact"] {
background-image: url(http://designart.bravehost.com/Imagini/CONTACT.png);
font-size: 0px;
font-weight: bold;
position: absolute;
top: -135px;
right: -540px;
}
.navlinks a:hover[href="/contact"] {
background-image: url(http://designart.bravehost.com/Imagini/CONTACT-H.png);
}
p.rightside {
float: right;
margin-left: 20px;
}
h1.page-title {
font-weight: normal;
color: #fff;
font-size: 2em;
margin: 0.8em 0 0.2em 60px;
}
.module {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
background-repeat:repeat;
margin-left:32px;
color: #666666;
border: 1px dashed #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.module .h3 {
border-bottom: 1px dashed rgba(146, 146, 146, .8);
color: #666;
text-shadow: 1px 1px 1px #fff;
text-align: center;
font-weight: normal;
font-style: italic;
}
#page-body p.page-bottom {
font-family: Trebuchet MS,Arial,Tahoma;
display:inline-block;
margin-left:70px;
padding:0 20px;
margin-right:auto;
height: 50px;
font-weight : normal;
font-size: 1.2em;
text-align:center;
}
#page-body p.page-bottom:after{content: " »"}
#profile-advanced-layout {
position:relative;
float: left;
margin-right: -200px;
left: 50px;
width: 122%;
}
#profile-advanced-right {
position:absolute;
margin-left: 860px;
float: right;
}
a:active{
text-decoration: none;
}
a.topictitle {
text-shadow: 1px 1px 1px #fff;
}
a.topictitle:hover {
text-decoration: none;
}
a.forumtitle {
color: #d1951e;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
text-decoration: none;
}
dd.lastpost {
font-size: 1.2em;
}
#profile-tab-field-profil dl dt{
float:left;
left:50px;
display:block;
width:22em;
}
#profile-tab-field-profil dl {
font-family:Verdana,Arial;
font-size: 1.2em;
font-weight : normal;
}
#tabs li {
font-family:Trebuchet MS,Tahoma;
display: inline;
margin: 0;
padding: 0;
font-size: 1.2em;
font-weight: bold;
}
#tabs a {
border: 1px dashed #ccc;
border-bottom: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.postprofile {
font-size: 1.1em;
font-weight: normal;}
.postprofile dd, .postprofile dt {
font-size: 1.2em;
text-shadow: 1px 1px 1px #fff;
font-family:Trebuchet MS,Tahoma;}
.blog_cal-border {
display: inline;
float: left;
border: 0px solid #FF9500;
background: transparent;
padding: 1px;
font-size: 1.2em;
margin-right: 1em;
}
.blog_cal-content {
margin-top: -9px;
width: 89px;
height:60px;
background: url(http://i27.servimg.com/u/f27/16/17/34/47/31210.png);
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: Trebuchet MS,Arial,Sans-Serif;
text-shadow:1px 1px #FF9500;
color:#fff;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
margin-top: 5px;
font-size: 1.6em;
letter-spacing: 0.1em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 0px solid #FF9500;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#blog_comments .h3 {
-webkit-box-shadow: transparent;
-moz-box-shadow: transparent;
box-shadow: transparent;
overflow: hidden;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 12px;
margin-top: 5px;
text-shadow: 1px 1px 1px #fff;
}
.overview {
border: 1px solid #555555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
#pwd_good {
background:url('http://i62.servimg.com/u/f62/11/22/70/40/410v10.png');
}
#pwd_middle {
background:url('http://i62.servimg.com/u/f62/11/22/70/40/310yw10.png');
}
#pwd_bad {
background:url('http://i62.servimg.com/u/f62/11/22/70/40/111gl10.png');
}
#cont_pwd {
width:122px;
height:18px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 122px;
height : 11px;
line-height : 14px;
font-family:Trebuchet MS,Tahoma;
font-size : 12px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}
/*---------MENU--------*/
.navlinks{
position:absolute;
top:138px;
margin-left: 40px;
text-align: center;
border-left:0 solid #A8641B!important;
border-right:0 solid #A8641B!important;
border-top:0px solid #A8641B!important;
border-bottom:0px solid #A8641B!important;
}
ul.navlinks {
padding:17px 0 0 0;
font-weight: normal;
text-align: center;}
.navbar {background-color: transparent;}
.navlinks ul{
height:10px!important;
}
.navlinks a{
font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
margin-top: -5px;
text-align: center;
font-style: italic;
text-decoration:none!important;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
.navlinks a:hover{
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
.navlinks li{
text-shadow: #777 0 1px 2px;
text-align:center!important;
padding:8px;
padding-top: 8px;
}
.navlinks li:hover{
padding:8px;
background: rgba(133, 130, 130, .30);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0px 2px 2px #727272;
-moz-box-shadow: inset 0px 2px 2px #727272;
box-shadow: inset 0px 2px 2px #727272;
}
ul.navlinks span.new-message{
color:red!important;
}
ul.navlinks span.new-message:hover{
color:red!important;
text-decoration:none;
}
/*--------End-MENU--------*/
.navbar .corners-top ,.navbar .corners-bottom {display:none;}
.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}
.headerbar .corners-top ,.headerbar .corners-top {display:none;}
#site-title,#site-title h1 {
display:none;
}
#logo-desc p {
position: absolute;
top: 102px;
left: 60px;
font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 1px #656565; color: #1d1d1d; font-size: 1.6em;
}
#logo {
left: 100px;
top: 5px;
float: left;
position: relative;
background: url(http://i46.servimg.com/u/f46/16/76/83/34/117.png);
width: 859px;
text-indent: -9999px;
height: 135px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
#logo:hover {
background: url(http://i46.servimg.com/u/f46/16/76/83/34/117.png) 0px 0px;
-webkit-transform:translate(60px);
-moz-transform: translate(60px);
-o-transform:translate(60px);
}
#logo:active {
background: url(http://i46.servimg.com/u/f46/16/76/83/34/117.png) 0px 0px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
}
#page-header{
margin-top: -14px;
margin-left: -34px;
height: 260px;
background: url(http://i67.servimg.com/u/f67/16/17/34/47/art-to10.png) no-repeat center;
width: 1268px;}
#main-content {
width: 1100px;
margin-left: 37px;
padding: 15px;
padding-top: -65em;
}
body{
background: #363636 url(http://i67.servimg.com/u/f67/16/17/34/47/12310.png);}
#container{
position: relative;
top: -50px;}
#page-footer{margin-top: -55px;}
#page-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;}
#page-footer{
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;}
#page-footer .navbar{
margin-left:26px;
width: 1100px;
color: #666666;
background: none !important;
}
#page-footer a {
color: #666666;}
#page-footer a:hover {
text-shadow: 0px 0px 8px #CCB07E;
}
#page-footer a:active {
text-shadow: 0px 0px 8px #000000;
}
/*---------SEARCH--------*/
#search-box{
float:right;
top: 54px;
position: relative;
height: 41px;
width: 251px;
right: 36px;
display: inline;
background: transparent;}
#search-box #keywords {
width: 210px;
background: transparent;
font-size: 16px;
font-weight: normal;
font-style: italic;
font-family: Georgia, serif;
color: #686767;
text-shadow: 1px 1px 1px #fff;
}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: -12px;
margin-top: -12px;}
#search-box input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/search13.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 13px !important;
height: 13px !important;
border: 0;
margin-left: 6px;
margin-top: -12px;
background-position: 0 100%;
color: transparent;}
#search-box input.button2:hover {
font-size: 0px;
}
/*--------End-SEARCH--------*/
/*-------PANOU-------*/
#page-footer .copyright strong a{
background-image: url();
padding: 3px;
color: #000;
font-size:14px;
font-weight: normal;
font-style: italic;
font-family:Trebuchet MS,Tahoma;
}
#page-footer .copyright strong a:hover {
text-shadow: 0px 0px 8px #ffe1ad; cursor: defoult; color: #000;
}
/*-------End-PANOU-------*/
/*--------STATS--------*/
.h3 {
font-family: Trebuchet MS,Tahoma;
text-transform: none;
border-bottom: 1px solid #666666;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.6em;
color: #ffb700;
margin-top: 20px;
}
.h3 {
font-weight: normal;
}
/*--------End-STATS--------*/
#wrap{min-width: 0;}
#wrap{
background-color:#;
border:0px solid #;
margin:0 auto;
min-width:988px;
padding:0px;
width:1200px}
#simple-wrap{
padding:6px 10px}
/*--------BOXES---------*/
.inputbox {background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
blockquote cite {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.attachbox {background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/*--------End-BOXES--------*/
/*---------PROFILE-BUTTONS--------*/
ul.profile-icons li a img {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}
ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}
/*--------End-PROFILE-BUTTONS--------*/
/*---------PRIVATE-MESSAGES--------*/
ul#privmsgs-menu li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
ul#privmsgs-menu li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;}
/*--------End-PRIVATE-MESSAGES--------*/
/*---------POST-BUTTONS--------*/
.buttons a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
.buttons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
-webkit-transform: rotate(-2.2deg) scale(0.9); -moz-transform: rotate(-2.2deg) scale(0.9);
}
.buttons a img:active {
-webkit-transform: rotate(-2.0deg) scale(1.1); -moz-transform: rotate(-2.0deg) scale(1.1);
}
/*--------End-POST-BUTTONS--------*/
/*---------CODE--------*/
.codebox {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
dl.codebox {
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #C3C3C3;
font-size: 1em;
}
dl.codebox dt {
background-image: url('http://i77.servimg.com/u/f77/16/17/34/47/page_w10.png');
background-repeat: no-repeat;
background-position: right center;
padding: 0px;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 0px;
margin-left:2px;
font-size: 1.0em;
text-align:left;
font-weight: bold;
display: block;
}
/*--------End-CODE--------*/
a.button2, input.button2, button.button2 {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-family:Tahoma;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
a.button1, input.button1 {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-weight: bold;
border: 1px solid #666666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
fieldset.submit-buttons {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-family:Tahoma;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
fieldset.submit-buttons input {
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
font-family:Tahoma;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/*-------TOPIC-------*/
.table-title, .table-title h2 {
padding-bottom:5px;
font-family:Trebuchet MS,Tahoma;
font-style: italic;
color: #686767;
text-shadow: 1px 1px 1px #fff;
text-transform: none;
display: inline;
font-size: 1.2em;
font-weight: normal;
}
.topic-title {
text-shadow: 1px 1px 1px #fff;
font-family:Trebuchet MS,Tahoma;
display: inline;
font-size: 12px;
text-align: left;
}
.postbody .topic-title {
font-family:Trebuchet MS,Tahoma;
}
.postbody .content {
font-family:Trebuchet MS,Tahoma;
}
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Trebuchet MS,Tahoma,Arial;
font-size: 1.2em;
line-height: 1.2em;
}
/*-------End-TOPIC-------*/
//.lastpost{
border:2px solid #EEE;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-moz-box-shadow:0 0 8px #666;
-webkit-box-shadow:0 0 8px #666;
box-shadow:0 0 8px #666;
margin:3px;width:auto
}
.posts {
font-family: georgia;
font-size:18px;
font-weight: bold;}
.topics {
font-weight: bold;}
.views {
font-weight: bold;}
#page-body{margin:0px 0;width:100%}
#page-body p.page-bottom{margin:0}
#page-footer{clear:both}
table.designart-symbols {
font-family: Trebuchet MS,Arial;
font-size: 14px;
border-width: 1px;
border-spacing: 0px;
border-style: outset;
border-color: black;
border-collapse: collapse;
background-color: rgb(255, 255, 240);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
table.designart-symbols th {
border-width: 1px;
color: #ffffff;
text-shadow: 0 1px 1px #5A5959;
padding: 3px;
border-style: solid;
border-color: gray;
background-color: #E6C571;
}
table.designart-symbols td {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: gray;
background-color: #f2ebe1;
-moz-border-radius: 0px 0px 0px 0px;
}
table.designart-symbols td:hover {
background-color: #ffffff;
}
.r_text {
font-family: Trebuchet MS,Arial,Tahoma;
font-size: 16px;
font-weight: normal;
text-align: left;
margin-left: 10px;
color: #666666;
font-style: italic;
}
.r_title {
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: left;
margin-left: 0px;
color: #F55307;
}
.r_title2 {
font-family: Trebuchet MS,Arial,Tahoma;
font-size: 18px;
font-weight: normal;
text-align: left;
margin-left: 0px;
color: #8c3d00;
}
#page-footer .copyright {
padding: 5px;
font-style: italic;
text-align: center;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
#page-footer .copyright:hover {
text-decoration: underline;
}
li.footer-home {
font-style: italic;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
}
/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
width: 500px !important;
height: 250px !important;
z-index: 999;
display: none;
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png);
border: 10px solid #ddd;
-webkit-box-shadow: 1px 2px 5px #000;
-moz-box-shadow: 1px 2px 5px #000;
box-shadow: 1px 2px 5px #000;
-webkit-border-top-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-bottomright: 16px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 10px;
font-family: Trebuchet MS;
font-size: 1.2em;
}
#login_popup input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/close10.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 60px !important;
height: 60px !important;
border: 0;
float: right;
margin-right: -40px;
margin-top: -270px;
background-position: 0 100%;
color: transparent;
}
#login_popup .h3 {
margin:0 0 6px;
padding:0 0 6px;
}
#login_popup_buttons {
position:absolute;
bottom:6px;
right:6px;
}
#login_popup_buttons input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:6px;
}
ul.profile_field_list {
padding:0;
}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}
Re: Como aplicar esse efeito na versão invision
Olá,
Retire esta parte de seu CSS:
Atenciosamente.
Retire esta parte de seu CSS:
div#logostrip #logo {
min-height: 80px;
text-align: left;
margin-left: 0px;
width: 500px;
margin-top: -5px;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
}
Atenciosamente.
Convidad- Convidado
Tópicos semelhantes
» Esse css é de punbb, como coloco no invision?
» Como deixar a pesquisa de membros como a versão Invision?
» Remover conectado como versão Invision
» Esconder as categorias e fóruns como na versão Invision
» Como aplicar efeito neon no título da categoria
» Como deixar a pesquisa de membros como a versão Invision?
» Remover conectado como versão Invision
» Esconder as categorias e fóruns como na versão Invision
» Como aplicar efeito neon no título da categoria
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos