Data/hora atual: 26.11.22 20:16

19 resultados encontrados para chatbox_footer

Alinhar colunas das categorias

Detalhes da questão


Endereço do fórum: http://winxclubfadas.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá.
Gostaria de alinhar os elementos das categorias: última mensagem e colunas, da melhor forma possível.

Folha de estilos CSS:
por Pattricia
em 03.10.16 23:02
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alinhar colunas das categorias
Respostas: 4
Vistos: 2517

Largura do fórum

Olá!
Spoiler:

zen
por Hyouki
em 11.02.16 16:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Vistos: 2912

Criei um forum e queria ajuda.

li.row {
border-bottom: 0;
border-top: 0;
}
ul.topiclist dd, .row, .icon{
border-width: 0;
}
.header h2{
font-weight: bold;
}
.module span.corners-top {height: 13px;}
.header, .module span.corners-top{
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
#chatbox_header{
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
#chatbox_footer{
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;

}
.forabg{
background-color: transparent;
}
li.header dd, li.header dt{
color:white;
}
h2{
color:black
font-weight:bold;
}
.forumbg thead {
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
ul.navlinks {
font-weight: 700;
text-align: center;
border: 1px solid
rgba(204, 204, 204, 0.44);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
ul.linklist li a:hover {
color:
rgba(255, 0, 0, 0.7);
}
ul.linklist li {
font-size: 1.1em;
list-style-type: none;
width: auto;
display: inline;
padding-left: 5px;
}
ul.linklist li:hover {
border-right: 1px solid
rgba(204, 204, 204, 0.44);
border-left: 1px solid
rgba(204, 204, 204, 0.44);
}
*::-moz-selection, ::selection, *::-webkit-selection, *::-o-selection, *::-ms-selection, *::-khtml-selection {
background:
rgba(255, 0, 0, 0.69);
color:
white;
}
.ro:hover{
background-color: transparent;
}
*::-moz-scrollbar, ::scrollbar, *::-webkit-scrollbar, *::-o-scrollbar, *::-ms-scrollbar, *::-khtml-scrollbar{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
width: 12px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background:transparent;
}

*::-moz-scrollbar-thumb, ::scrollbar-thumb, *::-webkit-scrollbar-thumb, *::-o-scrollbar-thumb, *::-ms-scrollbar-thumb, *::-khtml-scrollbar-thumb{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.Estilo cool;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
li.row:hover {
background-color: white;
}
#message{
-webkit-transition: width 0.6s ease-in-out;
width: 184px;
}
#message:focus{
width: 250px;
outline: none;
}
input.button1, input.button2, button.button1, button.button2, a.button1, a.button2{
background: #323232 url('https://i.imgur.com/WRLCG.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 26px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies, #submit_button {
background: #323232 url(https://i.imgur.com/WRLCG.png) repeat-x 0px 0px;
color: white;
border-color: #2B2B2B;
border-radius: 2px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover, #submit_button:hover {
background-color: #434343;
color: white;
background-image: none;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-color: #434343;
color: white;
background-image: none;
}
.fontbutton{
border-width:1px;
}
.post {
border: 1px solid
gainsboro;
border-radius: 10px;
margin-bottom: 10px;
}
.postprofile{
border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
dl.codebox dt {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
.mainmenu{
text-align: center;
color: white;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
ul.navlinks {
background-color: #0A0A0A;
background-image: none;
background-repeat: repeat;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: white 0px 1px 0px 0px, rgba(0, 0, 0, 0.496094) 0px 1px 3px 0px inset;
color: #5A5A5A;
display: block;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 36px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
width: auto;
}

.announcement{
background-image: none;
background-color: transparent;
}
#text_edit .button2, .button1{
background-image: none;
background-color: transparent;
color: black;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active, #submit_button:active {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.Estilo cool 0px 1px 3px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.Estilo cool 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.Estilo cool 0px 1px 3px;
position: relative;
}
.postprofile {text-align: center;}
.post {border-top: 1px solid #adadac;-webkit-border-radius: 1px!important;}
.row:hover {
border: 1px solid #ec893b !important;
border-left: 4px solid #ec893b !important;
border-right: 4px solid #ec893b !important;
}
.row { border: 1px solid #dadada !important; }

ul.linklist li a:hover {
color: #f99546!important;
}
#fa_ticker_block .module .inner .corners-top:nth-of-type(1) {
display: none;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©️Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("https://i.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("https://i.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top {
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
#i_whosonline + p br + br + em {
width: 70%;
background: white url(https://i.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#quick_reply input[name="post"],
#quick_reply input[name="Ir"],
#quick_reply input[name="preview"] {
background: #ed9701;
}

div#main div#main-content p.right, div#main div#main-content p:nth-child(2) {
display: none !important;
}
por Wallace D. Liôniriin
em 07.12.15 1:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Criei um forum e queria ajuda.
Respostas: 7
Vistos: 2573

Contador no chatbox

Olá!

Sim, é possível (respondendo à descrição que colocou neste tópico).

Eu estou enferrujado com a programação, pois já não programava à cerca de 1/2 anos, e então estive aqui 1h30 a fazer um código novo e a testar... e consegui algo! Não foi como eu queria, mas ele resulta, que é o que interessa! Vamos lá à explicação...

Preciso que crie uma página Javascript com o seguinte código, investida em "Todas as páginas", com o nome "Flood Chat":
Código 1 escreveu:$(function() {
   // Hancki - Sistema Anti-Flood Chat Forumeiros
   $('#chatbox_footer form').submit(function(e) {
       // Variáveis
       var segundosChat = 3; // Mudar aqui o valor dos segundos para o que desejar
       var inputChat = $('#chatbox_messenger_form #message');
       var textoInput = 'Aguarde ' + segundosChat + ' segundos para escrever...';
       //Ação
       inputChat.prop('disabled', true);
       inputChat.attr('placeholder', textoInput);
       setTimeout(function() {
           inputChat.prop('disabled', false);
           inputChat.attr('placeholder', '');
       }, segundosChat * 1000);
   });
});


Repare no número 3, a vermelho, no código. Esse é o número de segundos entre cada mensagem, pode mudar para qualquer um. Eu coloquei 3 porque foi o pedido.


Agora que esta página está criada, vamos criar outra. Esta segunda página vai conter o código que fará com que o código da primeira página se "injete/penetre" dentro do chatbox. Esta segunda página Javascript pode também ser investida em "Todas as páginas", com o nome "Flood Chat 2":
Código 2 escreveu:// Injetar o script da outra página Javascript
function injetarScript() {

   var urlChatScript = 'LINK PRIMEIRA PÁGINA JAVASCRIPT'; // Colocar aqui o link da primeira página javascript criada

   var iframePenetrar = window.frames["frame_chatbox"].document.getElementsByTagName("head")[0];
   var scriptURL = document.createElement('script');
   scriptURL.type = 'text/javascript';
   scriptURL.src = urlChatScript;
   iframePenetrar.appendChild(scriptURL);
}
$(function() {
   // Substituir a tag HTML object por iframe para o código injetar
   var chatSubstituirHTML = '<iframe onLoad="injetarScript()" src="/chatbox/index.forum" id="frame_chatbox" name="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html" style="border: 0px;"/>';
   $('#frame_chatbox').replaceWith(chatSubstituirHTML);
});


Repare nas letras maiúsculas a negrito e a vermelho. Naquele sítio, é onde colocará o link da primeira página Javascript criada, que contém o código que será penetrado com a ajuda deste segundo código no chatbox. O link da primeira página está na seção da gestão das páginas Javascript, como na imagem abaixo: Tópicos com a tag chatbox_footer em Fórum dos Fóruns NA6Bu09

Posto isto, a nova função já deve funcionar!


Notas:
seta1 Este código é apenas funcional no chatbox nas páginas dentro do fórum, como na página inicial! Este código não funciona na página inteira do chatbox, como "seulink.forumeiros.com/chatbox";
seta1 Sempre que mudar o código da primeira página Javascript, o link dessa página muda. Posto isto, será sempre necessário depois ir à segunda página ajustar com o novo link da primeira página;
seta1 Este código deve funcionar em todas as versões.



Hancki
por Hancki
em 17.09.15 21:48
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Contador no chatbox
Respostas: 5
Vistos: 764

Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

apresentou dois erros:

sendo eles, o titulo não aparecendo completo pois foi pro lado... e o outro seria que não aparece ainda os icones no local que pedi;

print de como está:

Tópicos com a tag chatbox_footer em Fórum dos Fóruns NYkLhNx

Meu codigo CSS:

codigo css:
por Rafusqui_
em 14.09.15 15:15
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos
Respostas: 16
Vistos: 9442

Remover imagem de fundo dos botões da resposta rápida

Folha de CSS:


@Mshas ai está espero que possa me ajudar
por Rafusqui_
em 29.08.15 22:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Remover imagem de fundo dos botões da resposta rápida
Respostas: 11
Vistos: 8556

icons desapareceram

meus icons dos foruns desapareceram http://prntscr.com/7tgwdx
mas na legenda no fundo do forum aparecem
http://prntscr.com/7tgwmc

o que aconteceu?
minha folha de css
css:
por Luckcaddie
em 16.07.15 19:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: icons desapareceram
Respostas: 9
Vistos: 3135

barra inferior do forum

css:
por Luckcaddie
em 16.07.15 9:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: barra inferior do forum
Respostas: 16
Vistos: 2935

Retirar barra especifica nas categorias

css:
por Luckcaddie
em 15.07.15 19:05
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Retirar barra especifica nas categorias
Respostas: 5
Vistos: 3105

Alterações na aparência do menu de navegaçao

aqui estao


css:
por Luckcaddie
em 15.07.15 13:19
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Vistos: 2999

Mudar Cor do Campo

Ficou assim, #chatbox_header{background-color:#EEEEE0}#chatbox_footer{background-color:#00CD66}


mas não funcionou. As cores permaneceram as mesmas.

Segue CSS


Código:

.h3 {
    border: none !important;
}
#page-footer {
background-image: url('http://i58.tinypic.com/adkm7m.png');
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 80px !important;
padding-top: 0 !important;
}
.forabg {
    background-image: url("http://i.imgur.com/Ze5F0gq.png");
    border: medium none !important;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #707070;
    margin: 5px 5px 10px;
    padding: 5px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
    display: none !important;
}
span.corners-top {
    background-image: url("http://2img.net/i/fa/prosilver/corners_left.gif");
    background-position: 0px 0px;
    margin: 0px -5px;
}
ul.topiclist {
    background-image: url("http://2img.net/i/fa/empty.gif");
    background-repeat: repeat-x;
    color: #6B6B6B;
    list-style-type: none;
    margin: 0px;
}
ul.topiclist li {
    display: block;
    margin: 0px;
}
li.header dl.icon {
    min-height: 0px;
}
dl.icon {
    background-position: 10px 50%;
    background-repeat: no-repeat;
    height: auto;
    min-height: 35px;
}
ul.topiclist li.header dl dd {
    color: #666 !important;
    text-align: center;
}
ul.topiclist li.header dl dd {
    border: medium none;
}
dl.icon dd.dterm, dl.icon dt {
    background-position: 5px 50%;
    background-repeat: no-repeat;
}
ul.topiclist dd.dterm, ul.topiclist dt {
    display: block;
    float: left;
    font-size: 1.1em;
    padding-left: 5px;
    padding-right: 5px;
    width: 60%;
}
.table-title, .table-title h2 {
    color: #808080;
    display: inline;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
}
ul.topiclist li.header dl dd {
    color: #666 !important;
    text-align: center;
}
ul.forums {
    background-color: #F2F2F2;
    background-image: none;
}
ul.topiclist {
    background-repeat: repeat-x;
    color: #6B6B6B;
    list-style-type: none;
    margin: 0px;
}
a.forumtitle {
    color: #4D4D4D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
}
a.forumtitle:hover {
    color: #D31141;
    text-decoration: underline;
}
dl.icon dd.dterm, dl.icon dt {
    background-position: 5px 50%;
    background-repeat: no-repeat;
}
ul.topiclist dd.dterm, ul.topiclist dt {
    display: block;
    float: left;
    font-size: 1.1em;
    padding-left: 5px;
    padding-right: 5px;
    width: 60%;
}
ul.topiclist dd {
    border-left: medium none transparent;
}
.hierarchy {
    border: medium none;
    display: inline;
    font-size: 1em !important;
    text-transform: none;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
    background-image: none !important;
}
.module {
  background: #E8E8E8!important;
}
.h3{
color:#008B45!important;
}
a.mainmenu:hover {
  color: #43CD80;
}
a.mainmenu {
  color: #008B45;
}
.navbar {
  background-color: #E8E8E8;
}
body {
    background-image: none !important;
    background-color: #B5B5B5 !important;
}

blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://2img.net/i/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
por kakakoro
em 03.07.15 12:10
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar Cor do Campo
Respostas: 24
Vistos: 1153

Mudar Cor do Campo

Olá,

Veja se este CSS lhe serve:
#chatbox_header{background-color:COR}#chatbox_footer{background-color:COR}


Cumprimentos! Piscada
por Fraise
em 02.07.15 21:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar Cor do Campo
Respostas: 24
Vistos: 1153

Widgets não aparecem no index do fórum

esta aqui CSS:


CSS:
por llLyuc
em 13.05.15 18:36
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Widgets não aparecem no index do fórum
Respostas: 15
Vistos: 5642

Como remover espaço vazio acima da assinatura?

Opa! Saudações Sennior!
Bem não consegui achar.
Aqui está o CSS:


CSS:
por Coverístico
em 06.05.15 6:14
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como remover espaço vazio acima da assinatura?
Respostas: 5
Vistos: 3765

Quero diminuir as placas do perfil

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://nacionalteste.forumeiros.com/forum

Descrição do problema

Quero diminuir as placas dos grupos e dos ranks, que é as placas de admin, das organizações, que está no perfil do usuario, pois buga quando aparece o perfil do cara na mensagem.. segue a css

css:
por RobervalL
em 03.05.15 0:35
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Quero diminuir as placas do perfil
Respostas: 22
Vistos: 8847

Aumentar as dimensões do avatar

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://nacionalteste.forumeiros.com/

Descrição do problema

Desejo aumentar as dimensões do avatar do fórum, o que está utilizado é apenas um quadrado pequeno, desejo aumentar, deixa-lo maior. Segue o CSS abaixo.

Spoiler:
por RobervalL
em 01.05.15 15:13
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Aumentar as dimensões do avatar
Respostas: 3
Vistos: 7392

Colocar imagem no fundo

Aqui está:
Spoiler:
por Stonay
em 14.04.15 21:48
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colocar imagem no fundo
Respostas: 20
Vistos: 8087

Editar as estatísticas do fórum

Meu index_body

Spoiler:


Minha Folha CSS

Spoiler:
por dalumpia
em 15.01.15 13:57
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Editar as estatísticas do fórum
Respostas: 16
Vistos: 6152

[TUTORIAL] Personalizar o Chatbox

Muitos fóruns possuem seus chatbox ativados e fazem dele um ponto de passagem de todos os usuários do fórum, seja para jogar conversa fora ou mesmo para debater assuntos importantes. Visto tal importância, este tutorial lhe ajudará a personaliza-lo, deixando- mais atrativo para os usuários do fórum.



--> Tutoriais, Dicas e Astúcias <--
Personalizar o Chatbox




- Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar o Chatbox do Fórum, é necessário adicionar códigos CSS para criarmos o efeito desejado, sendo assim, teremos de aceder à:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

(clique na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns 1114

/!\ Como o chatbox funciona de mesma forma para todas as versões, não é necessário dividir o nosso estudo para cada uma, uma vez que as propriedades e classes de uma também correspondem às outras.



- Ter uma noção de CSS em relação ao que pode ser personalizado:
Antes de adicionarmos o código, temos de saber o que estamos a personalizar, pois não basta adicionar o link da imagem, melhor dizendo, temos de saber trabalhar a aparência.
O que podemos utilizar para personalizar o chatbox:

  • background-color:
    Nesta propriedade apenas teremos de adicionar o código hexadecimal de uma cor, existe outros tipos, mas para não complicar, analisaremos desta forma.
    EXEMPLO escreveu:background-color: #FF0000;

  • background-image:
    Esta propriedade, é das principais, pois ela permitirá adicionar a imagem pretendida para que se possa ter uma imagem de fundo.
    EXEMPLO escreveu:background-image: url(https://2img.net/i/bl/logo.png);

  • background-repeat:
    Definirá se haverá repetição da imagem ou não (no-repeat), podendo esta repetição fazer-se somente na horizontal (repeat-x), na vertical (repeat-y) ou também nos dois planos (repeat).
    EXEMPLO escreveu:background-repeat: no-repeat;

  • background-attachment:
    Permitirá definir se a imagem toma uma posição de rolagem (scroll), sendo que estará sempre na mesma posição, independentemente do tamanho da caixa de texto, ou de fixagem (fixed), que fará com que a imagem fique na posição definida, mesmo que a caixa de texto aumente.
    EXEMPLO escreveu:background-attachment: scroll;

  • background-position:
    Para definir a posição da imagem, se no topo (top), em baixo (bottom), à esquerda (left), à direita (right) ao centro (center), ou então por definição de valores em percentagem (%) ou em píxeis (px).
    EXEMPLO escreveu:background-position: bottom right;
    background-position: 2px 10px;
    Atenção pois quando é utilizado palavras deve a primeiras variar entre top/center/bottom e a segunda entre left/center/right.

  • color:
    Poderá definir a cor da letra do campo de texto. Nesta propriedade apenas teremos de adicionar o código hexadecimal de uma cor,
    EXEMPLO escreveu:color: #FF0000;

  • font-size:
    Caso queira um tamanho de letra diferente. Nesta propriedade apenas teremos de adicionar o tamanho da letra, podendo ser em várias medias,
    EXEMPLO escreveu:color: 10pt;

  • font-family:
    Se pretender uma diferente. Nesta propriedade apenas teremos de adicionar o o nome das fontes, podendo serem separados por vérgulas caso tenha uma ordem de prioridade,
    EXEMPLO escreveu:font-family Verdana, Geneva, sans-serif;


Tópicos com a tag chatbox_footer em Fórum dos Fóruns Act_bottom Algumas propriedades que formos aplicar podem não funcionar devido às alterações que existem no código CSS de base dos nossos fóruns, sendo assim teremos de utilizar um meio de fazer as nossas modificações serem mais "poderosas" que o CSS de base. Para isso, nas propriedades que em primeira vista não funcionarem, antes do ponto-e-vírgula, adicione a palavra !important, como neste exemplo:
color: #FF0000 !important;




- Agora vamos compreender como funcionam as classes CSS para cada área:
Vamos avaliar o que cada classe CSS modifica, agora que vimos as propriedades que podemos aplicar em cada uma, temos de compreender muito bem isso para que possamos criar um código que tenha os resultados desejados!

(carregue na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns Untitl26
Parte suporior Parte superior do chatbox, onde encontra-se o título e os botões de conexão, ao lado direito.
h2.chatbox-title a.chat-title
(carregue na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns Untitl26
Texto 'Chatbox' Parte superior do chatbox onde encontra-se escrito o título "Chatbox". Não aplicável para a versão PhpBB 2 devido à estrutura característica da versão!
(carregue na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns Untitl26
Botões de conexão Aplica-se à todos os botões situados na parte superior do chatbox, como conectar-se, sair, atualização automática...
(carregue na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns Untitl27
Usuários conectados Região onde encontram-se todos os usuários conectados e ausentes, esta classe aplica-se mais especificamente ao fundo.
(carregue na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns Untitl28
Chat Região onde encontram-se as mensagens postadas. Esta classe aplica-se também mais para o fundo da caixa.
.chatbox_row_1
(imagem não disponível)
Fundo 1 Fundo que é aplicado às mensagens ímpares (primiera, terceira), de modo intercalado. Esta classe também serve somente para personalizar o fundo, não tendo efeito sobre os textos.

.chatbox_row_2
(imagem não disponível)
Fundo 2 Fundo que é aplicado às mensagens pares (segunda, quarta), de modo intercalado. Esta classe também serve somente para personalizar o fundo, não tendo efeito sobre os textos.
.chatbox_row_3
(imagem não disponível)
Fundo 3 Fundo que é aplicado raramente e não está presente em todas as versões.
(carregue na imagem para aumentar)
Tópicos com a tag chatbox_footer em Fórum dos Fóruns Untitl29
Parte inferior Região onde ficam as opções de postagem, BBCodes e a caixa de mensagens. Esta classe aplica-se também para a região do fundo.



- Vejamos um exemplo:
Neste exemplo, iremos personalizar a caixa de mensagens do chatbox num Fórum com versão PhpBB 3.

Código:
#chatbox {
background-image: url(https://2img.net/i/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}




--> Tutoriais, dicas e astúcias <--
Personalizar o Chatbox




  • Existem outras possibilidades de personalização mais expecíficas?
    Existem! Para que possa ter uma noção, pode-se personalizar cada botão BBCode! Isso somente não foi explicado neste tutorial pois era algo muito direcionado, coisa que para nós não seria necessário estar explicando. Caso queira personalizar uma certa região de forma mais específica, poderá nos perguntar ou ser você mesmo a encontra-la, para isso leia este tutorial!





© Fórum dos Fóruns



Tópicos com a tag chatbox_footer em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Personalizar o Chatbox
por Solkis
em 22.12.09 23:00
 
Procurar em: Widgets e módulos personalizados
Tópico: [TUTORIAL] Personalizar o Chatbox
Respostas: 0
Vistos: 13957

Ir para o topo

Ir para: