Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Organizar Categorias
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Organizar Categorias
Detalhes da questão
Endereço do fórum: http://digimonxd.forumeiros.com/
Versão do fórum: PunBB
Descrição
Seria possivel organizar desta forma?
o meu está assim
Última edição por [K]oke em 28.04.16 21:13, editado 1 vez(es)
Re: Organizar Categorias
O template deste fórum não é Forumeiros. O avatar do autor não pode ser exibido no título de cada tópico, sem a utilização de script. Essa requisição pode causar lentidão no fórum. Talvez possa até ser feito, mas, não garanto.
Qual seria a URL do fórum que tem este template?
Qual seria a URL do fórum que tem este template?
Re: Organizar Categorias
Shek, ser for causar problemas para fórum não irei utilizar ^^;
mais desejo que fique normal por exemplo as imagens de fixo e anuncio estão fora de lugar
mais desejo que fique normal por exemplo as imagens de fixo e anuncio estão fora de lugar
Re: Organizar Categorias
Olá!
No caso, seria apenas abaixar os ícones das mensagens, correto? Se for isso, basta aplicar este CSS em seu fórum
Até mais!
No caso, seria apenas abaixar os ícones das mensagens, correto? Se for isso, basta aplicar este CSS em seu fórum
- Código:
span.status img { margin-top: 10px !important; }
Até mais!
Re: Organizar Categorias
Olá [K]oke, tentei dar uma adaptada e cheguei nesse resultado:
Caso você gostou basta trocar seu topics_list_box por este:
Caso você gostou basta trocar seu topics_list_box por este:
- Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
</thead>
<tbody class="statused">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>
<br>
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
<div class="LP_avatar">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
</div>
<div class="LP_titulo">
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
</div>
<div class="qtip">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
{topics_list_box.row.ICON}
{topics_list_box.row.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
</div>
<!-- BEGIN switch_description -->
<span class="descripcion"> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</span>
<!-- END switch_description -->
<div id="LP_hr"></div>
<div class="LP_info">
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
{topics_list_box.row.LAST_POST_TIME} | Autor {topics_list_box.row.TOPIC_AUTHOR} | visitas <strong>{topics_list_box.row.VIEWS}</strong> | Comentarios <strong>{topics_list_box.row.REPLIES}</strong>
<div>
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
<p class="options">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
<style>
.qtip img {display:none;}
.LP_info {
color: #8B8B8B;
display: inherit;
font-size: 11px;
margin-bottom: 5px;
margin-left: 78px;
}
#LP_hr {
border-bottom: 1px dashed #E6E6E6;
border-top: 1px dashed #FFF;
margin: 5px 10px;
overflow: hidden;
}
.pun table.table td {
background: none repeat scroll 0 0 #EFEFEF;
border-bottom: 1px solid #D6D6D6!important;
border-top: 1px solid #D6D6D6!important;
}
.LP_titulo {
display: inherit;
font-family: Helvetica,Arial,sans-serif;
font-size: 15px;
margin-left: 80px;
overflow: hidden;
}
.pun tbody.statused td.tcl {
padding-left: 5px;
}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
height: 0;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
}
.pun table .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}
.lastpost-avatar img {
background-color: #fff;
border: 2px solid #fff;
border-radius: 2px;
box-shadow: 0 0 2px #797979;
height: 50px;
margin-right: 5px;
width: 50px;
}
.lastpost-avatar {
float: left;
padding: 2px;
}
</style>
Re: Organizar Categorias
Nenhuma alteração Shek
eu agradeço while mais não utilizarei, como shek disse não é suporte forumeiros.
imagem que eu descrevi erá de um fórum XenForo
eu agradeço while mais não utilizarei, como shek disse não é suporte forumeiros.
imagem que eu descrevi erá de um fórum XenForo
Re: Organizar Categorias
Certo amigo, para concertar faça o seguinte, adicione esse codigo css em sua folha de estilo:
NO INICIO da folha de estilo ok? bem no topo mesmo.
Ou, retire esse codigo da sua folha de estilo:
se optar em retirar o codigo, procure por isto:
e vai procurando até achar... e retire o codigo.
NO INICIO da folha de estilo ok? bem no topo mesmo.
- Código:
span.status img { margin-top: 10px !important; }
Ou, retire esse codigo da sua folha de estilo:
- Código:
.pun tbody.statused span.status {margin-top: -12px;}
se optar em retirar o codigo, procure por isto:
- Código:
.pun tbody.statused
e vai procurando até achar... e retire o codigo.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos