Qual é minha questão:
Boa tarde galera como pode ve na imagem abaixo oque eu escrevo fica em cima do nome tem como eu deichar em baixo do nome ?



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

Versão do fórum:
PUNBB

Olá!

1º - Passo
Aceda a folha css do seu fórum:
Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de estilo css

e cole este código:

Código:

/*Chatbox T-DAE ver 2  by doannamthai*/
     h2.chatbox-title:after { content: "Chatbox"; }
     a.chat-title { display: none; }
     #chatbox, #chatbox_footer, #chatbox_members {
     background: white;
     border-top: 1px solid #EAEAEA;
    }
 
   #chatbox_header.main-head {
     background: #F3F3F3;
     border: 1px solid #EBEBEB;
     font-weight: 300;
     overflow: hidden;
     padding: 2px;
     text-shadow: white 0 1px 0;
     }
 

   .chatbox-title, .chatbox-title a.chat-title {
     color: #393939;
     font-size: 12px;
     font-weight: bold;
     }
 

   .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
     color: #393939;
     }
 

   .chatboxTDAE{
     background: #F3F3F3;
     border: 1px solid #EBEBEB;
     font-weight: 300;
     overflow: hidden;
     padding: 2px;
     text-shadow: white 0 1px 0;
     }
     .chatboxTDAE:hover {
       opacity: 0.9;
     }
     div.main-content.chatbox.clearfix {
     border: 1px solid #EAEAEA;
     border-radius: 4px;
     }
 

   #chatbox p {
     border-bottom: 1px solid #DDD;
     border-top: 1px solid white;
     line-height: 1.2em;
     }
 

   #chatbox_footer {
       margin-top: 0px;
       width: 285px;
       min-width: 230px;
       background: #FAFAFA;
       float: left;
       clear:both;
       position: relative;
     }
     input#message.post {
     height: 45px;
     width: 235px;
     padding: 6px;
     border: 1px solid #D4D4D4;
     background: #FCFCFC;
     color: #363636;
     text-shadow: black ;
     -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
     -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
     box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
     margin: 20px;
     margin-bottom: 0px;
     }
 

   #message, #submit_button {
     background: #e0e0e0  repeat-x 0 0;
     border-color: #13304B;
     color: black;
     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;
     padding: 3px;
     display: block;
     margin: 10px;
     margin-top: 0px;
     margin-left: 20px;
     }
 

   #message, #submit_button:hover {
       opacity: 0.5;
     }
 

   .fontbutton {
     background: #dbdbdb  repeat-x 0 0;
     border: 1px solid #1e345c;
     color: white;
     text-shadow: #474747 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;
     border-radius: 2px;
     color: black;
     cursor: pointer;
     float: left;
     margin: 3px;
     padding: 3px;
     margin-right: 10px;
     text-align: left;
     }
 

   .fontbutton:hover {
       opacity: 0.5;
     }
 

   #divsmilies img + img{visibility:visible!important}
 

   #chatbox_messenger_form div.right img{visibility:hidden}
 

   #simple-wrap {
       background:white;
     }
 

   #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
     background-position: center;
     background-repeat: no-repeat;
     }
 

   #divbold {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);     }
 

   #divitalic {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);     }
 

   #divunderline {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);     }
 

   #divstrike {
     background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);     }
 

   #divcolor {
     background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);     }
 

   #divsmilies {
     background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);     }
 

   #chatbox{
       background: #f0f0f0;
       padding: 8px;
       border: 1px solid gainsboro;
       left: 290px;
       margin-top: 9px;
       right: 0px;
     }
     .left {
     clear: both;
     float: left;
     }
 

   #chatbox_members .member-title {
     background: #F8E7DD;
     background-color: #F4F9FD;
     background-image: none;
     border-bottom: 2px solid red;
     color: #A30000;
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 12px;
     padding: .5em .25em;
     text-align: center;
     text-shadow: 1px 0 0 white;
     }
      
     #chatbox_members
     { display : none;}
     #chatbox > p span.user > span strong {
       display: none;
     }
     /*Chatbox T-DAE ver2  by doannamthai*/

2º - Passo
Vá ao template Index_Body do seu fórum
Visualização :seta:Templates :seta:Geral :seta:Index_Body

E procure por:

Código:

 {CHATBOX_TOP}

Ou :

Código:

{CHATBOX_BOTTOM}


Quando achar um dois , cole este código aqui de baixo dele :

Código:

 <div class="chatboxTDAE">     {TOTAL_CHATTERS_ONLINE}: {CHATTERS_LIST}

    </div>

3º - Passo
Crie um novo javascript
Módulos :seta:HTML & JAVASCRIPT :seta:Gestão dos códigos JavaScript :seta:Criar um novo javascript

Título * : A sua escolha
Investimento : No índice
Código JavaScript * :

Código:

function tautoCB() {
       $.get("/", function(a) {
         $(".chatboxTDAE").html($(a).find(".chatboxTDAE"));
         setTimeout("tautoCB()", 3E3)
       })
     }
     tautoCB();

Isso ai e mais como um novo chatbox.

Até mais

Nao entendi a 2º parte pode me ajuda

Olá altor,

Melhor, mande-me teu CSS por gentileza.

Até mais.