Como colocar topico e posts dentro de um quadrado

[Cooper]

Qual é minha questão:
Alguem Ajuda a Colocar Topicos e Mensagens Dentro De Uma Caixinha ? Tipo Assim:

Convidado Ajuda ?

Endereço do meu fórum:
http://hexusgames.forumeiros.com

Versão do fórum:
PHPBB3

[Sennior]

Bom dia!

Onde está o link que o senhor viu está função?

Até mais.

[Cooper]

Sheldon , o Forum Onde Eu Vi Esta Em Manutençao , Mais Aqui Esta o Link.

http://shdesign.ativoforum.com/

[Cooper]

UP!

Convidado Ajuda ???

[[S]herlock]

Saudações!

Adicione este código na sua folha de estilo css:

Código:


.tc3 {
background: #BEBCBC!important;
border: 5px solid #ACAAB8;
border-radius: 4px 4px 4px 4px;
color: #fff;
}


Até mais.

[Cooper]

Olá Hugo , Bom Fiz o Teste em Outro Forum , Olha o Resultado:



Convidado Ajuda?

[goodbye]

Olá!

Aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Acrescente o código a seguir na folha:

Código:

li.header dd, li.header dt {
border: none!important;
background: none!important;
}
dd.posts, dd.topics, dd.views {
margin: 1px;
border: 2px solid #868484!important;
background: #C5C5C5;
border-radius: 5px;
}

Resulta?

Até mais!

[Cooper]

Ola Prince , Seu Codigo Nao Teve Resultado :/

Convidado Ajuda?

[First]

Olá, Boa tarde!

O Senhor poderia me fornecer o seu template index_box?


Até mais,
Passar bem.

[Sennior]

Saudações cordial membro!

Aceda a: Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.

Código:

#pun-visit, #pun-about, .main-box.clearfix {
width: 96.6%;
border-radius: 3px;
background: rgba(255,255,255,0.4);
border: 1px solid rgb(173, 173, 173);
box-shadow: inset 0 0 3px rgba(200,200,200,0.6);
}


<li> Coloque o código no inicio de teu CSS.

Valide e veja o resultado.

Abraços,
Sheldon!

[Cooper]

Sheldon , Sem Resultado :/

Convidado Pode Me Ajudar ?

[First]

Olá, Boa tarde!

O Senhor poderia me fornecer o seu template index_box?


Até mais,
Passar bem.

Olá,

Eu posso te ajudar se você me fornecer o seu template index_box sem ele não tem como.


Até mais,
Passar bem.  

[Cooper]

Ola First , Desculpe Nao Vi Sua Mensagen :3

Código:


<div id="pagetitle">
      <h1>{L_INDEX}</h1>
      <p id="welcomemessage" class="description">Bem vindo ao fórum.</p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="border_cat">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <div class="desc">
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3">Tópicos: {catrow.forumrow.TOPICS}<br /> Mensagens: {catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
                                </tbody>
        </table>
      </div> <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
           
</div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


Convidado Pode Me Ajudar ?

[First]

Olá novamente,

Peço ao senhor que substitua o seu template index_box por este:

Código:

<div id="pagetitle">
      <h1>{L_INDEX}</h1>
      <p id="welcomemessage" class="description">Bem vindo ao fórum.</p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="border_cat">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <div class="desc">
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div></td>
                                          <td style="background:none !important" class="tc2"><div class="topics-cat"><topics>{catrow.forumrow.TOPICS}</topics><br/><b>Tópicos</b></div></td>
                                          <td style="background:none !important" class="tc3"><div class="posts-cat"><posts>{catrow.forumrow.POSTS}</posts><br/><b>Posts</b></div></td>
                                          <td class="tcr" style="display:none">
                     <span id="last_autor">{catrow.forumrow.USER_LAST_POST}</span>
                  </td>
                  
               </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
                                </tbody>
        </table>
      </div> <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
           
</div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

e adicione este código em sua Folha de estilo CSS:

Código:

.posts-cat, .topics-cat {
background: rgba(200,200,200,0.3);
border: 2px solid rgba(200,200,200,1);
border-radius: 10px;
box-shadow: inset 2px 2px #f4f4f4;
padding: 10px 0;
width: 85%;
}

Resulta?


Até mais,
Passar bem...

[Cooper]

Olá , Firts Seu Codigo Deu Resultado , Mais Tem Um Problema As Ultimas Mensagens Nao Aparece Olha:



Convidado Pode Me Ajuda ?

[goodbye]

Olá,

Troque o index_box por este:

Código:

<div id="pagetitle">
      <h1>{L_INDEX}</h1>
      <p id="welcomemessage" class="description">Bem vindo ao fórum.</p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="border_cat">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <div class="desc">
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div></td>
                                          <td style="background:none !important" class="tc2"><div class="topics-cat"><topics>{catrow.forumrow.TOPICS}</topics><br/><b>Tópicos</b></div></td>
                                          <td style="background:none !important" class="tc3"><div class="posts-cat"><posts>{catrow.forumrow.POSTS}</posts><br/><b>Posts</b></div></td>
                                          <td class="tcr" style="display:block">
                    <span id="last_autor">{catrow.forumrow.USER_LAST_POST}</span>
                  </td>
                 
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
                                </tbody>
        </table>
      </div> <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
           
</div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais!

[Cooper]

Ola Prince , Seu Codigo Nao Resultou , :/

[First]

Olá novamente,

Troque o seu template por este:

Código:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
                  <div class="page-title"><b class="cat_title">{catrow.tablehead.L_FORUM}</b></div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr id="cont_table-cat">
                  <td style="background:none !important" class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <div id="content-all_cat"><span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                                                          <div class="cat_desc">{catrow.forumrow.FORUM_DESC}</div>
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div></td>
                                          <td style="background:none !important" class="tc2"><div class="topics-cat"><topics>{catrow.forumrow.TOPICS}</topics><br/><b>Tópicos</b></div></td>
                                          <td style="background:none !important" class="tc3"><div class="posts-cat"><posts>{catrow.forumrow.POSTS}</posts><br/><b>Posts</b></div></td>
                                          <td class="tcr" style="display:none">
                     <span id="last_autor">{catrow.forumrow.USER_LAST_POST}</span>
                  </td>
                  
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Resulta?


Até mais,
Passar bem...  

[Cooper]

Ola , Nao Entendi Onde Coloco Esse Codigo ??


Convidado Pode Me Ajudar ?

[Sennior]

Ola , Nao Entendi Onde Coloco Esse Codigo ??


Convidado Pode Me Ajudar ?

Olá!

Troque teu Template Index_box pelo abaixo amigo:

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
                  <div class="page-title"><b class="cat_title">{catrow.tablehead.L_FORUM}</b></div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
           
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr id="cont_table-cat">
                  <td style="background:none !important" class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <div id="content-all_cat"><span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                          <div class="cat_desc">{catrow.forumrow.FORUM_DESC}</div>
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div></td>
                                          <td style="background:none !important" class="tc2"><div class="topics-cat"><topics>{catrow.forumrow.TOPICS}</topics><br/><b>Tópicos</b></div></td>
                                          <td style="background:none !important" class="tc3"><div class="posts-cat"><posts>{catrow.forumrow.POSTS}</posts><br/><b>Posts</b></div></td>
                                          <td class="tcr" style="display:none">
                    <span id="last_autor">{catrow.forumrow.USER_LAST_POST}</span>
                  </td>
                 
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais.

[Cooper]

Ola , Resultou Mais As Ultimas Mensagens Nao Aparece.

Convidado Pode Me Ajudar ?