Como deixar o widget igual do Fdf
+3
Consolado
BrunoH.
StyLe®
7 participantes
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 • Compartilhe
Como deixar o widget igual do Fdf
Qual é minha questão:
Como eu deixo os meus Widgets igual o fórum FDF?
Alguém me ajuda?
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
meu fórum
Versão do meu fórum:
PUNBB
Como eu deixo os meus Widgets igual o fórum FDF?
Alguém me ajuda?
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
meu fórum
Versão do meu fórum:
PUNBB
Última edição por StyLe® em 11.11.12 14:57, editado 1 vez(es)
Re: Como deixar o widget igual do Fdf
Olá!
Aceda à "Folha de estilo CSS":
Atenciosamente,
BrunoH.
Aceda à "Folha de estilo CSS":
Código:Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
- Código:
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
.module {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
Atenciosamente,
BrunoH.
Re: Como deixar o widget igual do Fdf
Não resulto BrunoH.
Re: Como deixar o widget igual do Fdf
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Até mais.#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module { border: 1px solid #C3E0F1; border-image: initial; border-radius: 4px; margin: 3px 1px; background-color: #E5F1F9; } .module, .panel.introduction { background-image: url(https://ajuda.forumeiros.com/2-ltr.css); }
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como deixar o widget igual do Fdf
Sem resultado ainda fica a barra cinza no nome do Widget eu quero tirar para deixar os Widgets igual o FDF
Re: Como deixar o widget igual do Fdf
Olá!
O seu fórum é PunBB, o formato de widget que utilizamos no Fórum dos Fóruns é phpBB3.
Até mais.
O seu fórum é PunBB, o formato de widget que utilizamos no Fórum dos Fóruns é phpBB3.
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como deixar o widget igual do Fdf
Sim eu sei, mais eu quero deixar a estrutura igual o FDF
Re: Como deixar o widget igual do Fdf
Olá!
Me envie sua CSS.
Até mais.
Me envie sua CSS.
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como deixar o widget igual do Fdf
É só o senhor colocar a barrinha da cor do fundo do widget.
Até...
Até...
ShupUP- ***
- Membro desde : 22/10/2012
Mensagens : 101
Pontos : 162
Re: Como deixar o widget igual do Fdf
Aqui estar o meu CSS
- Código:
body {
color: #333;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
background: url(http://i.imgur.com/86zGU.png)repeat-x ,url(http://i.imgur.com/UfSvc.png);
}
.pun {
line-height: 130%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url(http://i.imgur.com/pvSB3.png) 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555;
list-style: none;
}
#pun-head #pun-navlinks {
background: #222 url(http://i.imgur.com/2QARA.png) repeat-x;
height: 60px;
margin: 0;
padding: 0;
z-index: 999;
}
#pun-navlinks li a {
color: #555;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 60px;
margin: 0 .8em 0 0;
padding: 22px 0px;
}
#pun-navlinks li a[href="/"]{background: url(http://i.imgur.com/ywUSm.png) 50% 100% no-repeat;
font-weight: bold;
color: white;}
#pun-navlinks li a:hover {color: white;
text-decoration: none!important;}
#pun-navlinks ul {
list-style: none;
text-align: left;
width: 980px;
margin: auto;
}
#pun-intro {
background: transparent;
margin: auto;
text-align: left;
padding: 35px 0;
width: 980px;
border:none;}
#content {
background: white;
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #4D4D4D;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 980px;
}
#main_content_top {
background: #E5E5E5 url(http://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(http://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(http://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(http://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: absolute;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
}
#pun-about {
background: none;
border: none;
line-height: 150%;
padding: 0px;
text-align: left;
}
#pun-about ul li a {
color: #959595;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.main .main-head ,.main .main-foot {
background-image: url(http://i.imgur.com/3mBvC.png);
height: 22px;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAA;
font-size: 11px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F8F8F8;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #F8F8F8!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #F6F6F6;
border: 1px solid #DDD;
}
.cat_bar {
background-image: url(http://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #EEE;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(http://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
}
.pun .frm .frm-buttons input {
background: url(http://i.imgur.com/aCInW.png);
padding: 7px;
border: 1px solid #CCC;
border-radius: 4px;
}
.pun .frm .frm-buttons input:hover {
border: 1px solid #BBB;
cursor:pointer;
box-shadow: 0px 0px 5px 0px #DDD;}
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
min-width: 600px;
}
#profile-advanced-right {
float: left;
width: 31.5%;
}
#profile-advanced-layout {
float: right;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
}
#copyright {
float: right;
}
.fameforum {
color: #C03B00;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color: #0CD5D5!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: underline!important;
}
#pun-about ul li a:hover{
text-decoration: underline!important;}
/*Personalizar o fórum OUTROS*/
.main .main-content table.table thead tr th{position:relative;bottom:8px;color:white;background:url() transparent}.main .main-content table.table thead tr th.tcl{visibility:hidden}.main .main-content table.table{margin-top:-29px}.main .main-content table.table tbody.statused tr td.tcl a.forumtitle{padding-left:8px}
#pun-head #pun-navlinks{background:url() transparent}#pun-head #pun-navlinks li a[href="/"]{background:url()}
.post .post-options{display:block;width:100%;float:right;margin-top:2px}
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module { border: 1px solid #C3E0F1; border-image: initial; border-radius: 4px; margin: 3px 1px; background-color: #E5F1F9; } .module, .panel.introduction { background-image: url(http://ajuda.forumeiros.com/2-ltr.css); }
/*Atalhos personalizados*/
.pun-crumbs{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;
background:#F3F3F3;
border:1px solid #D9D9D9;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;
margin-top:10px}
p.crumbs a{
background:url('http://i.imgur.com/2jBd9.png') no-repeat 100% -1px;
color:#777!important;
font-size:10px;
line-height:30px;
padding:11px 17px 11px 4px}
p.crumbs a:hover{
background:url('http://i.imgur.com/2jBd9.png') no-repeat 100% -44px;color:#222}
p.crumbs{
color:#F3F3F3}
/*Esconder o perfil nas postagens*/
.postbody .user{
margin-bottom:1em;
overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
width:350px;
border-radius:7px;
border: 1px solid #333;
display:none;
top: 20px;
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 5px;
}
.postbody .user:hover .user-info{
z-index: 9;
left: 100%;
display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}
/*Níveis de Alertas*/
.alert{
border:1px solid #4381CC;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#4381CC;
background-repeat:no-repeat;background-position:10px center;
background-color:#C6D8F0;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/info10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
.alert2{
border:1px solid #E2B500;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#E2B500;
background-repeat:no-repeat;background-position:10px center;
background-color:#FFEA97;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/warnin10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
.alert3{
border:1px solid #AD3F30;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#AD3F30;
background-repeat:no-repeat;background-position:10px center;
background-color:#EFCEC9;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/error10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
/*BBCode Personalizado*/
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
/*Personalizar a caixa de cores*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Re: Como deixar o widget igual do Fdf
Olá!
Troque sua CSS por esta:
Troque sua CSS por esta:
- Código:
body {
color: #333;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
background: url(http://i.imgur.com/86zGU.png)repeat-x ,url(http://i.imgur.com/UfSvc.png);
}
.pun {
line-height: 130%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url(http://i.imgur.com/pvSB3.png) 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555;
list-style: none;
}
#pun-head #pun-navlinks {
background: #222 url(http://i.imgur.com/2QARA.png) repeat-x;
height: 60px;
margin: 0;
padding: 0;
z-index: 999;
}
#pun-navlinks li a {
color: #555;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 60px;
margin: 0 .8em 0 0;
padding: 22px 0px;
}
#pun-navlinks li a[href="/"]{background: url(http://i.imgur.com/ywUSm.png) 50% 100% no-repeat;
font-weight: bold;
color: white;}
#pun-navlinks li a:hover {color: white;
text-decoration: none!important;}
#pun-navlinks ul {
list-style: none;
text-align: left;
width: 980px;
margin: auto;
}
#pun-intro {
background: transparent;
margin: auto;
text-align: left;
padding: 35px 0;
width: 980px;
border:none;}
#content {
background: white;
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #4D4D4D;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 980px;
}
#main_content_top {
background: #E5E5E5 url(http://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(http://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(http://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(http://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: absolute;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
}
#pun-about {
background: none;
border: none;
line-height: 150%;
padding: 0px;
text-align: left;
}
#pun-about ul li a {
color: #959595;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAA;
font-size: 11px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F8F8F8;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #F8F8F8!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #F6F6F6;
border: 1px solid #DDD;
}
.cat_bar {
background-image: url(http://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #EEE;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(http://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
}
.pun .frm .frm-buttons input {
background: url(http://i.imgur.com/aCInW.png);
padding: 7px;
border: 1px solid #CCC;
border-radius: 4px;
}
.pun .frm .frm-buttons input:hover {
border: 1px solid #BBB;
cursor:pointer;
box-shadow: 0px 0px 5px 0px #DDD;}
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
min-width: 600px;
}
#profile-advanced-right {
float: left;
width: 31.5%;
}
#profile-advanced-layout {
float: right;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
}
#copyright {
float: right;
}
.fameforum {
color: #C03B00;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color: #0CD5D5!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: underline!important;
}
#pun-about ul li a:hover{
text-decoration: underline!important;}
/*Personalizar o fórum OUTROS*/
.main .main-content table.table thead tr th{position:relative;bottom:8px;color:white;background:url() transparent}.main .main-content table.table thead tr th.tcl{visibility:hidden}.main .main-content table.table{margin-top:-29px}.main .main-content table.table tbody.statused tr td.tcl a.forumtitle{padding-left:8px}
#pun-head #pun-navlinks{background:url() transparent}#pun-head #pun-navlinks li a[href="/"]{background:url()}
.post .post-options{display:block;width:100%;float:right;margin-top:2px}
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module { border: 1px solid #C3E0F1; border-image: initial; border-radius: 4px; margin: 3px 1px; background-color: #E5F1F9; } .module, .panel.introduction { background-image: url(http://ajuda.forumeiros.com/2-ltr.css); }
/*Atalhos personalizados*/
.pun-crumbs{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;
background:#F3F3F3;
border:1px solid #D9D9D9;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;
margin-top:10px}
p.crumbs a{
background:url('http://i.imgur.com/2jBd9.png') no-repeat 100% -1px;
color:#777!important;
font-size:10px;
line-height:30px;
padding:11px 17px 11px 4px}
p.crumbs a:hover{
background:url('http://i.imgur.com/2jBd9.png') no-repeat 100% -44px;color:#222}
p.crumbs{
color:#F3F3F3}
/*Esconder o perfil nas postagens*/
.postbody .user{
margin-bottom:1em;
overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
width:350px;
border-radius:7px;
border: 1px solid #333;
display:none;
top: 20px;
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 5px;
}
.postbody .user:hover .user-info{
z-index: 9;
left: 100%;
display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}
/*Níveis de Alertas*/
.alert{
border:1px solid #4381CC;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#4381CC;
background-repeat:no-repeat;background-position:10px center;
background-color:#C6D8F0;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/info10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
.alert2{
border:1px solid #E2B500;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#E2B500;
background-repeat:no-repeat;background-position:10px center;
background-color:#FFEA97;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/warnin10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
.alert3{
border:1px solid #AD3F30;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#AD3F30;
background-repeat:no-repeat;background-position:10px center;
background-color:#EFCEC9;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/error10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
/*BBCode Personalizado*/
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
/*Personalizar a caixa de cores*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como deixar o widget igual do Fdf
Sem resultado apenas as bordas ficou redondas e aquele cinza mudou para azul quero deixar igual o FDF
Re: Como deixar o widget igual do Fdf
Olá!
Mantenha o CSS que acabei de lhe enviar.
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Até mais.
Mantenha o CSS que acabei de lhe enviar.
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Valide..main .main-head, .main .main-foot { border-bottom: 0px; color: #0076B1; cursor: pointer; font-family: Verdana, arial, sans-serif; font-size: 11px; font-weight: 700; height: 16px; margin: 7px 0px 5px; padding: 0px 0px 2px; position: relative; } .pun .main-content { border: 1px solid #C3E0F1; border-image: initial; border-radius: 4px; margin: 3px 1px; background-color: #E5F1F9; }
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como deixar o widget igual do Fdf
Sem resultado deixei o código ativo para você ver como ficou
Re: Como deixar o widget igual do Fdf
Boas,
tente este:
tente este:
- Código:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #FF0000;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
ul.navlinks {
border-bottom: 1px solid black;
font-weight: 700;
text-align: center;
}
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
.quick_connex {
padding: 5px;
position: absolute;
right: 200px;
top: 242px;
width: 160px;
}
.quick_connex .connec_close {
bottom: 3px;
float: right;
left: 5px;
position: relative;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
#textarea_content textarea#text_editor_textarea{width:98%!important}
p.author {
-moz-border-radius: 0 6px 6px 0;
-o-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
background: none repeat scroll 0 0 white;
border: 1px solid #C3E0F1;
border-radius: 0 6px 6px 0;
color: #232323;
left: -11px;
margin-top: 7px;
padding-left: 3px;
padding-top: 3px;
position: relative;
width: 275px;
}
blockquote {
background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) no-repeat 6px 8px;
border: 1px solid #DBDBCE;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
blockquote, blockquote blockquote, blockquote blockquote blockquote {
background: #F9F9F9 none;
border: 1px solid #DEDEDE;
border-radius: ;
padding: 10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}.post.equipefundoMods{background-image:url(http://i.imgur.com/OsHYs.png);background-repeat:repeat-y}.post.equipefundoArt{background-image:url(http://i.imgur.com/6QFgj.png);background-repeat:repeat-y}.post.equipefundoAju{background-image:url(http://i.imgur.com/XtFaN.png);background-repeat:repeat-y}.post.online.equipefundo{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/Rb9If.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoMods{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/OsHYs.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoArt{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/6QFgj.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoAju{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/XtFaN.png);background-repeat:no-repeat,repeat-y}
a[href="/u1"] {
text-shadow: 0 0 5px yellow;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}http://graminieiros.forumeiro.com/u1
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*arredondar a borda do fórum*/
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #FFFFFF;
}
/*menu personalizado*/
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#dcebf5;color:#536482;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#dcebf5;color:#536482;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #FF0000;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
ul.navlinks {
border-bottom: 1px solid black;
font-weight: 700;
text-align: center;
}
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
.quick_connex {
padding: 5px;
position: absolute;
right: 200px;
top: 242px;
width: 160px;
}
.quick_connex .connec_close {
bottom: 3px;
float: right;
left: 5px;
position: relative;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
#textarea_content textarea#text_editor_textarea{width:98%!important}
p.author {
-moz-border-radius: 0 6px 6px 0;
-o-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
background: none repeat scroll 0 0 white;
border: 1px solid #C3E0F1;
border-radius: 0 6px 6px 0;
color: #232323;
left: -11px;
margin-top: 7px;
padding-left: 3px;
padding-top: 3px;
position: relative;
width: 275px;
}
blockquote {
background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) no-repeat 6px 8px;
border: 1px solid #DBDBCE;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
blockquote, blockquote blockquote, blockquote blockquote blockquote {
background: #F9F9F9 none;
border: 1px solid #DEDEDE;
border-radius: ;
padding: 10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}.post.equipefundoMods{background-image:url(http://i.imgur.com/OsHYs.png);background-repeat:repeat-y}.post.equipefundoArt{background-image:url(http://i.imgur.com/6QFgj.png);background-repeat:repeat-y}.post.equipefundoAju{background-image:url(http://i.imgur.com/XtFaN.png);background-repeat:repeat-y}.post.online.equipefundo{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/Rb9If.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoMods{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/OsHYs.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoArt{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/6QFgj.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoAju{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/XtFaN.png);background-repeat:no-repeat,repeat-y}
a[href="/u1"] {
text-shadow: 0 0 5px yellow;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}http://graminieiros.forumeiro.com/u1
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*arredondar a borda do fórum*/
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #FFFFFF;
}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
/*menu igual ao do fórum dos fóruns*/
a.mainmenu:hover{border-bottom:3px solid #86B125}
/*ajustar o logo*/
#page-header .headerbar #logo-desc #logo img{margin-top:-05px}
/*nava mensagem igual ao do fórum dos fóruns!*/
ul.navlinks span.new-message {
background: url(http://i45.servimg.com/u/f45/12/05/75/97/email10.gif) 100% 0% no-repeat transparent;
background-color: #FF6600
}
/*botão de enviar personalizado*/
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}
/*redimensonamento sp*/
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
.post inner{position: relative;}
.postprofile dl dd.info{position: absolute;display: none;margin-bottom: 5px;
margin-left: 160px;padding: 8px 5px 9px;top: 11px;
font-weight: bold;
color: #333;
border: 1px dashed #333;
width: 290px;z-index: 999;background:rgba(255, 255, 255, 0.9);;}
.postprofile dl:hover dd.info{display:block !important;}
.post {-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #262626url(http://i76.servimg.com/u/f76/11/66/91/15/header10.gif)repeat-x bottom left;border: 1px #DDD solid;border-radius: 5px;}
p {
font-weight: bold;
}
Convidado- Convidado
Re: Como deixar o widget igual do Fdf
Sem resultados
Re: Como deixar o widget igual do Fdf
Olá,
Tente o seguinte CSS:
Melhores cumprimentos!
Tente o seguinte CSS:
- Código:
.module span.corners-bottom,.module span.corners-top{margin:0 -10px}.module h3{border-bottom:1px solid #666;color:#666;margin:.5em 0;text-align:center}* html .module h3{height:1%}*+ html .module h3{min-height:1px}.module ol,.module ul{list-style-position:inside}.module dl.details dt{margin-left:5px;text-align:left}.module dl.details dd{margin-left:0}.module .box-content{float:left;width:100%}.module .box-content .mod-login-avatar{float:left}.module .box-content .mod-login{float:left;margin-left:.5em}.module .box-content .mod-login dt{text-align:left;width:7em}.module table.mod-top-posters{table-layout:fixed}.module .fields1 dd{margin-left:0}.module .poll-opt-result{white-space:nowrap}.module .poll dl{margin-top:1em}.module .poll dt{float:left;width:40%}.module .poll dd{margin-left:41%}*+ html #left .module,*+ html #right .module{word-wrap:break-word}* html #left .module,* html #right .module{word-wrap:break-word}
Melhores cumprimentos!
Re: Como deixar o widget igual do Fdf
Sem resultados alguém por favor me ajude
Re: Como deixar o widget igual do Fdf
Olá!
Utilize esse código CSS:
Até mais.
Utilize esse código CSS:
- Código:
.module{border:1px solid #c3e0f1;border-image:initial;border-radius:4px;margin:3px 1px;background-color:#e5f1f9}.module .main-content{background-color:transparent;border:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;padding-bottom:4px;padding-left:10px;padding-right:10px;padding-top:0px}.module .h3{border-bottom:0px;color:#0076b1;cursor:pointer;font-family:Verdana,arial,sans-serif;font-size:11px;font-weight:700;height:16px;position:relative;text-transform:uppercase}.module .main-head{background-image:url();background-color:transparent;padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:8px}
Até mais.
Re: Como deixar o widget igual do Fdf
Háhá... você é o cara Luciano98, mais tem um pequeno problema tem que tirar aquela parte cinza quero deixar igualzinho ao FDF me ajude
Re: Como deixar o widget igual do Fdf
Olá!
Substitua por esse código CSS:
Até mais.
Substitua por esse código CSS:
- Código:
.module{border:1px solid #c3e0f1;border-radius:4px;margin:3px 4px!important;background-color:#e5f1f9}.module .main-content{background-color:transparent;border:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;padding-bottom:4px;padding-left:10px;padding-right:10px;padding-top:0px}.module .h3{border-bottom:0px;color:#0076b1;cursor:pointer;font-family:Verdana,arial,sans-serif;font-size:11px;font-weight:700;height:16px;position:relative;text-transform:uppercase}.module .main-head{background-image:url()!important;background-color:transparent;padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:8px}
Até mais.
Última edição por Luciano98 em 03.11.12 18:37, editado 2 vez(es)
Re: Como deixar o widget igual do Fdf
Resulto Luciano98, mais sabe os espaços do Widget para o outro Widget estar muito pouco como eu deixo o espaço dos Widgets mais espaçoso?
Re: Como deixar o widget igual do Fdf
Olá!
Substitua por esse código CSS:
Até mais.
Substitua por esse código CSS:
- Código:
.module{border:1px solid #c3e0f1;border-radius:4px;margin:3px 4px!important;background-color:#e5f1f9}.module .main-content{background-color:transparent;border:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;padding-bottom:4px;padding-left:10px;padding-right:10px;padding-top:0px}.module .h3{border-bottom:0px;color:#0076b1;cursor:pointer;font-family:Verdana,arial,sans-serif;font-size:11px;font-weight:700;height:16px;position:relative;text-transform:uppercase}.module .main-head{background-image:url()!important;background-color:transparent;padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:8px}
Até mais.
Re: Como deixar o widget igual do Fdf
Sem resultados Luciano eu modifiquei o valor e nada ocorreu
Re: Como deixar o widget igual do Fdf
Olá!
Substitua por esse código CSS:
Até mais.
Substitua por esse código CSS:
- Código:
.module{border:1px solid #c3e0f1;border-radius:4px;margin:3px 4px;background-color:#e5f1f9}.module .main-content{background-color:transparent;border:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;padding-bottom:4px;padding-left:10px;padding-right:10px;padding-top:0px}.module .h3{border-bottom:0px;color:#0076b1;cursor:pointer;font-family:Verdana,arial,sans-serif;font-size:11px;font-weight:700;height:16px;position:relative;text-transform:uppercase}.module .main-head{background-image:url()!important;background-color:transparent;padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:8px}table.portal tbody tr td.column[width="20%"][valign="top"]{padding-right:10px!important}
Até mais.
Re: Como deixar o widget igual do Fdf
Sem resultados Luciano por favor me ajuda, no html para pular uma linha é
- Código:
<br>
Re: Como deixar o widget igual do Fdf
Boa tarde!
No CSS, para pular uma linha, utilizamos este código:
Até mais!
No CSS, para pular uma linha, utilizamos este código:
- Código:
{word-wrap:break-word}
Até mais!
Re: Como deixar o widget igual do Fdf
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Até mais.
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Valide..module { padding-top: 5px; }
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como deixar o widget igual do Fdf
Sem resultados
Re: Como deixar o widget igual do Fdf
Olá!
No HTML é:
Para fazer isso em todos Widgets adicione esse CSS:
Até mais.
No HTML é:
- Código:
<br>
Para fazer isso em todos Widgets adicione esse CSS:
- Código:
.module .main-content{padding-top:8px!important}
Até mais.
Re: Como deixar o widget igual do Fdf
Luciano sabe a caixa do Widget eu não quero aumentar para dentro da caixa e sim para fora da um espeço maior na parte branca
Re: Como deixar o widget igual do Fdf
StyLe escreveu:Luciano sabe a caixa do Widget eu não quero aumentar para dentro da caixa e sim para fora da um espeço maior na parte branca
Buenas!
Poderia ser mais especifico? Não pudi compreender o que o senhor solicita. Aguardo sua resposta para que eu possa retornar e lhe ajudar.
Cordialmente!
Re: Como deixar o widget igual do Fdf
Repara que os Widgets do Fórum do Fóruns tem um espaço para o outro Widget né? e o meu tem mais é pouco os PX quero deixar igual aqui no FDF
Re: Como deixar o widget igual do Fdf
Podem fechar não preciso mais
Tópicos semelhantes
» Como deixar os widget do meu fórum igual ao do fdf
» Como Deixar os Widgets Do PORTAL Igual a Do FDF
» Como posso deixar esse widget igual ao do forumeiros?
» Deixar o campo busca igual o do fdf
» Deixar igual ao outro fórum
» Como Deixar os Widgets Do PORTAL Igual a Do FDF
» Como posso deixar esse widget igual ao do forumeiros?
» Deixar o campo busca igual o do fdf
» Deixar igual ao outro fórum
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