Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Deixar a minha categoria no meu forum assim
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Deixar a minha categoria no meu forum assim
Qual é minha questão:
queria coloca essa barra que esta na categoria desse forum no meu forum
Medidas que eu tomei para corrigir o problema:
nenhuma
Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/49/70/99/sem_ta12.jpg
Endereço do meu fórum:
http://campxboxlive.forumais.com/
Versão do meu fórum:
phpbb3
queria coloca essa barra que esta na categoria desse forum no meu forum
Medidas que eu tomei para corrigir o problema:
nenhuma
Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/49/70/99/sem_ta12.jpg
Endereço do meu fórum:
http://campxboxlive.forumais.com/
Versão do meu fórum:
phpbb3
Última edição por viniciusmtn em 11.05.12 23:15, editado 1 vez(es)
Re: Deixar a minha categoria no meu forum assim
Olá, poderia me fornecer o link do forum em questão?
Melhores cumprimentos.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
Olá, adicione este codigo em seu CSS
Melhores cumprimentos.
.forabg {
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #E8EAEA;
border: 1px solid #9A9EA1;
}
.forabg {
background-color: #;
background-image: url(https://i.servimg.com/u/f44/15/64/80/11/br_bar10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
Olá, testei em meu forum de testes e obtive resultados, poderia me fornecer o conteudo de seu CSS?
Melhores cumprimentos.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
- Código:
#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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F4F5F4;
}
forabg, .main-head {
background: url(http://i44.servimg.com/u/f44/15/64/80/11/bt-hom10.png);
border: 1px solid #C4C4C4;
clear: both;
margin-bottom: 4px;
min-height: 1px;
padding: 5px;
}
.forabg {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px 0 #353535;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px 0 #353535;
background-repeat: repeat!important;
border: 1px solid #C4C4C4;
border-radius: 10px;
box-shadow: 0 0 8px 0 #353535;
}
.img_list_hp {
border: 1px solid #00c200;
padding: 0;
float: left;
color: #ffffff !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #b6ebb3;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00c200;
color #ffffff;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #ffffff !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i74.servimg.com/u/f74/15/64/80/11/seta210.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
#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}
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
.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;
}
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
Re: Deixar a minha categoria no meu forum assim
Olá, substitua-o por este
Feito isto carregue em confirmar.
Melhores cumprimentos.
- Código:
#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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F4F5F4;
}
.img_list_hp {
border: 1px solid #00c200;
padding: 0;
float: left;
color: #ffffff !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #b6ebb3;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00c200;
color #ffffff;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #ffffff !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i74.servimg.com/u/f74/15/64/80/11/seta210.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
#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}
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
.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;
}
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
.forabg {
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #E8EAEA;
border: 1px solid #9A9EA1;
}
.forabg {
background-color: #;
background-image: url(http://i44.servimg.com/u/f44/15/64/80/11/br_bar10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
Feito isto carregue em confirmar.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
Olá, como não funcionou? Veja meu forum de testes
http://mateusv.phpbbonline.com/forum
Certifique-se que você pôs a CSS certa.
Melhores cumprimentos.
http://mateusv.phpbbonline.com/forum
Certifique-se que você pôs a CSS certa.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
então cara o meu tmb fico assim so que eu queria a imagem tmb da uma olhada direito na imagem como e a barra da categoria tem um console desenhado no começo alem da categoria e eu queria tmb essa imagem
Re: Deixar a minha categoria no meu forum assim
Olá, a versão do meu forum de testes é PHPBB3.
Qual a do seu forum?
Melhores cumprimentos
Qual a do seu forum?
Melhores cumprimentos
Re: Deixar a minha categoria no meu forum assim
como deixar largura do meu forum igual a sua assim de teste
Re: Deixar a minha categoria no meu forum assim
Olá amigo;
Troque por este:
Troque por este:
- Código:
#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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F4F5F4;
}
.img_list_hp {
border: 1px solid #00c200;
padding: 0;
float: left;
color: #ffffff !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #b6ebb3;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00c200;
color #ffffff;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #ffffff !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i74.servimg.com/u/f74/15/64/80/11/seta210.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
#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}
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
.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;
}
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
.forabg {
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #E8EAEA;
border: 1px solid #9A9EA1;
}
.forabg {
background-color: #;
background-image: url(http://i44.servimg.com/u/f44/15/64/80/11/br_bar10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
Re: Deixar a minha categoria no meu forum assim
Ola
Tente esse :
Tente esse :
- Código:
#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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F4F5F4;
}
.img_list_hp {
border: 1px solid #00c200;
padding: 0;
float: left;
color: #ffffff !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #b6ebb3;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00c200;
color #ffffff;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #ffffff !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i74.servimg.com/u/f74/15/64/80/11/seta210.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
#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}
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
.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: 356px;
}
.colorpicker_submit {
position: absolute;
width: 60px;
height: 30px;
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;
}
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
.forabg {
-moz-border-radius: 2px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-webkit-border-radius: 4px;
background-color: #E8EAEA;
border: 1px solid #9A9EA1;
}
.forabg {
background-color: #;
background-image: url(http://i44.servimg.com/u/f44/15/64/80/11/br_bar10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 5px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
Re: Deixar a minha categoria no meu forum assim
Olá novamente;
Amigo agora queres a imagem na categoria?
Cordialmente
House
Amigo agora queres a imagem na categoria?
Cordialmente
House
Re: Deixar a minha categoria no meu forum assim
Olá, poderia liberar o acesso para que eu visualiza-se seu forum?
Melhores cumprimentos.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
Olá, pelo que eu vi em seu forum já esta, peço que pressione Ctrl + F5 para limpar o Cookies de seu navegador.
Melhores cumprimentos.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
Olá, adicione este codigo em seu CSS
Melhores cumprimentos.
.forabg .inner,.forumbg .inner{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;background:url(https://i.servimg.com/u/f44/15/64/80/11/br_bar17.png) no-repeat top left;border-top-left-radius:5px;margin-left:-5px;padding-left:6px}
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
cara quase lah eu queria o titulo da categoria um pouquinho mais para a direita tem como para o titulo não fica em cima da imagem
Re: Deixar a minha categoria no meu forum assim
Olá, adicione este codigo em seu CSS
Melhores cumprimentos..table-title h2 {
margin-left: 20px;
}
Re: Deixar a minha categoria no meu forum assim
cara mais uma coisa desculpa aiii como faço para tira isso aqui ohhh https://2img.net/r/ihimg/photo/my-images/823/semttuloiym.png/
tipo ta em 3d cara queria cola ele de novo na categoria
tipo ta em 3d cara queria cola ele de novo na categoria
Re: Deixar a minha categoria no meu forum assim
Olá, a imagem não funcionou aqui, poderia tirar outra?
Melhores cumprimentos.
Melhores cumprimentos.
Re: Deixar a minha categoria no meu forum assim
Olá, adicione este codigo em seu CSS
Melhores cumprimentos.
ul.forums {
background-color: transparent !important;
}
Melhores cumprimentos.
Tópicos semelhantes
» Como deixar minha categoria assim?
» Deixar minha categoria assim/ informaçoes
» Queria deixar minha categoria assim
» Como deixar minha legenda assim
» Não consigo deixar minha legenda assim
» Deixar minha categoria assim/ informaçoes
» Queria deixar minha categoria assim
» Como deixar minha legenda assim
» Não consigo deixar minha legenda assim
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos