personalizar categorias
+2
RafaelS.
™David™
6 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 • Compartilhe
personalizar categorias
Olá,
gostaria de deixar as categorias de meu fórum desse jeito: https://i.imgur.com/vILIK5c.jpg (imagem feita por photoshop)
até...
gostaria de deixar as categorias de meu fórum desse jeito: https://i.imgur.com/vILIK5c.jpg (imagem feita por photoshop)
até...
Re: personalizar categorias
Olá amigo!
Eu tenho minhas serias dúvidas quanto a essa estrutura, não sei se é possível.
O que seriam esses "Template Blogger" ?
Atenciosamente.
Eu tenho minhas serias dúvidas quanto a essa estrutura, não sei se é possível.
O que seriam esses "Template Blogger" ?
Atenciosamente.
Re: personalizar categorias
olá
eu vi este efeito em um blogspot tirei print e montei esta imagem pelo photoshop
até
eu vi este efeito em um blogspot tirei print e montei esta imagem pelo photoshop
até
Re: personalizar categorias
™David™ escreveu:olá
eu vi este efeito em um blogspot tirei print e montei esta imagem pelo photoshop
até
Olá!
Entendo, mas se eu fosse converter para o seu fórum o que seria esse "Template Blogger", que função teria ele?
Atenciosamente.
Re: personalizar categorias
Titulo da Categoria
Re: personalizar categorias
™David™ escreveu:Titulo da Categoria
Olá!
Mas se o senhor desejasse criar 5 sub-fóruns dentro dessa categoria, ficaria um pouco apertado? Como acha que poderíamos resolver isso?
Abraços.
Re: personalizar categorias
a imagem sera os forum
Re: personalizar categorias
David escreveu:a imagem sera os forum
Sim isso eu entendi.
Na sua imagem vemos 3 fóruns na categoria, certo?
Como seria se o senhor adicionasse 6 fóruns a essa categoria? Não iria caber na largura, certo?
Abraços.
Re: personalizar categorias
Certo mas colocarei somente 3 mesmo
Re: personalizar categorias
Saudações,
Posso montar o código, mas é preciso que cada categoria sua tenha apenas 3 fóruns!
Agora eu irei precisar do seu index_box.
Até mais.
Sennior
Posso montar o código, mas é preciso que cada categoria sua tenha apenas 3 fóruns!
Agora eu irei precisar do seu index_box.
Até mais.
Sennior
Re: personalizar categorias
Olá,
Aqui está :
Até....
Aqui está :
- Código:
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
</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="imgc">{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}
</td>
<td class="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}<!--<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" />--></span><span class="stats_text">tópicos</span></td>
<td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}<!--<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" />--></span><span class="stats_text">respostas</span></td>
<td class="tcr">
<span>
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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>
<!-- 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é....
Re: personalizar categorias
Up @Sennior preparando o código
Re: personalizar categorias
Alguem Me ajuda por favor ?
Re: personalizar categorias
Me ajudem Já Vai fazer um Mes
Re: personalizar categorias
Staff mais inativa ! suporte já foi melhor
Re: personalizar categorias
Olá amigo!
De acordo com o regulamento de setor de suporte, alínea 3 do grupo Deveres você deve respeitar o tempo voluntário da nossa equipa, ora veja:
Além disso, somos apenas voluntários, e o que o senhor solicitou demora algum tempo, sendo que impõe uma edição complexa nos templates do fórum. Eu poderia ajuda-lo, mas edições de templates não é comigo. Aguarde que o @Sennior termine a edição do seu template.
Cumprimentos.
Fraise
Para que o senhor não precise de dar UP's, irei marcar este tópico como "único" até que o nosso amigo Sennior termine a edição.
™David™ escreveu:Staff mais inativa ! suporte já foi melhor
De acordo com o regulamento de setor de suporte, alínea 3 do grupo Deveres você deve respeitar o tempo voluntário da nossa equipa, ora veja:
Respeitar o tempo voluntário dos ajudantes ou dos usuários, tendo em mente que eles lhe ajudam quando tem tempo disponível
Além disso, somos apenas voluntários, e o que o senhor solicitou demora algum tempo, sendo que impõe uma edição complexa nos templates do fórum. Eu poderia ajuda-lo, mas edições de templates não é comigo. Aguarde que o @Sennior termine a edição do seu template.
Cumprimentos.
Fraise
Para que o senhor não precise de dar UP's, irei marcar este tópico como "único" até que o nosso amigo Sennior termine a edição.
Última edição por Fraise em 22.08.15 20:32, editado 1 vez(es) (Motivo da edição : Adicionar informação adicional)
Re: personalizar categorias
Aguardando ainda 😏
Re: personalizar categorias
Ainda Aguardando @Sennior
Re: personalizar categorias
Ainda Aguardando @Sennior
Re: personalizar categorias
Olá,
é bem simples de fazer, mas qual seria a versão do seu fórum, para que eu possa montar.
é bem simples de fazer, mas qual seria a versão do seu fórum, para que eu possa montar.
Re: personalizar categorias
Alex Habilidade escreveu:Olá,
é bem simples de fazer, mas qual seria a versão do seu fórum, para que eu possa montar.
Olá!
Subscrevo as palavras do enorme Alex.
Sem a versão do seu fórum, sem sequer o link do seu fórum, como quer que façamos os testes?
Hancki
Re: personalizar categorias
Olá a versão e PunBB
Re: personalizar categorias
Olá,
Me forneça o seu Template index_box. Se possível me passar também as imagens que será aplicada nas categorias, para que fique melhor os testes.
Me forneça o seu Template index_box. Se possível me passar também as imagens que será aplicada nas categorias, para que fique melhor os testes.
Re: personalizar categorias
™David™ escreveu:Olá,
Aqui está :
- Código:
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
</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="imgc">{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}
</td>
<td class="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}<!--<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" />--></span><span class="stats_text">tópicos</span></td>
<td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}<!--<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" />--></span><span class="stats_text">respostas</span></td>
<td class="tcr">
<span>
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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>
<!-- 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é....
Re: personalizar categorias
Olá,
Não pude fazer exatamente o seu print, aos poucos podemos chegar próximo ok? De qualquer forma os códigos abaixo já irão lhe auxiliar até mesmo para você personalizar por conta própria quando quiser.
Pelo de fato de você não ter enviado o seu fórum - pois os testes seriam mais eficaz nele, eu fiz no meu fórum de teste mesmo. Pode ser que ocorra algumas desconfigurações, porém temos que ir aos poucos arrumando agora ok?
Primeiramente, Você deve ativar o avatar nos últimos post, para isto vá em: Painel de Controle -> Visualização -> Estrutura e Hierarquia.
Descendo a barra de rolagem encontre a opção: Mostrar avatar na coluna "Última mensagem" - Coloque Sim
Os testes feitos, foram 3 categorias, ou seja, você só deve usar para cada forum 3 categorias ok? - Já que não especificou a quantidade!
- Ao criar as categorias, nas descrições delas, devem conter o seguinte código:
- Observe que nesse código, você deverá colocar a url da imagem que deseja, foi colocado um tamanho padrão de 290 px de largura. E também o texto com uma largura de 290px, para que não estore o espaço e desconfigure.
- Após inserir em todas as descrições, substitua o seu template por este:
E por fim, adicione na sua folha CSS o código abaixo:
Nos meus testes, ele ficou dessa maneira: https://imgur.com/UXpeFAy
Não pude fazer exatamente o seu print, aos poucos podemos chegar próximo ok? De qualquer forma os códigos abaixo já irão lhe auxiliar até mesmo para você personalizar por conta própria quando quiser.
Pelo de fato de você não ter enviado o seu fórum - pois os testes seriam mais eficaz nele, eu fiz no meu fórum de teste mesmo. Pode ser que ocorra algumas desconfigurações, porém temos que ir aos poucos arrumando agora ok?
Primeiramente, Você deve ativar o avatar nos últimos post, para isto vá em: Painel de Controle -> Visualização -> Estrutura e Hierarquia.
Descendo a barra de rolagem encontre a opção: Mostrar avatar na coluna "Última mensagem" - Coloque Sim
Os testes feitos, foram 3 categorias, ou seja, você só deve usar para cada forum 3 categorias ok? - Já que não especificou a quantidade!
- Ao criar as categorias, nas descrições delas, devem conter o seguinte código:
- Código:
<img src="http://www.imagenstop.net/wp-content/uploads/2015/03/Imagem-carro.jpg" style="width: 290px;margin-top:5px;" /><br />
<p style="width: 290px;text-align: justify;margin-top:5px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis sem pretium ligula porttitor pretium. Curabitur hendrerit tristique arcu, ac iaculis mi laoreet sed. Nam at tempus orci. Donec sollicitudin aliquet feugiat. In eget vulputate nunc, feugiat aliquam est. Quisque porttitor nibh sit amet elementum cursus.
</p>
- Observe que nesse código, você deverá colocar a url da imagem que deseja, foi colocado um tamanho padrão de 290 px de largura. E também o texto com uma largura de 290px, para que não estore o espaço e desconfigure.
- Após inserir em todas as descrições, substitua o seu template por este:
- Código:
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
</thead>
<tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr class="category">
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};width: 220px;">
<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="imgc">{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}
<br>
<div class="principal">
<div class="footer-static">
<div class="static"><span class="stats_number"><span class="number">{catrow.forumrow.POSTS}</span> <br> Respostas<!--<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" />--></span>
<span class="stats_number"><span class="number">{catrow.forumrow.TOPICS}</span> <br> Tópicos<!--<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" />-->
</div>
<div class="static-topic">
<span>
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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>
</div>
</div>
</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 -->
E por fim, adicione na sua folha CSS o código abaixo:
- Código:
.static-topic {
width: 45%;
}
.principal{
padding: 4px;
background-color: rgba(232, 230, 230, 0.65);
border: 1px solid #ccc;
}
span.number {
font-weight: bold;
font-size: 18px;
}
span.stats_number {
float: right;
padding: 5px;
text-align: center;
}
.lastpost-avatar img {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 28px;
width: 28px;
}
.static {
float: right;
}
tr.category {
float: left;
width: 33%;
}
a.forumtitle {
font-family: 'Slabo 27px', serif;
font-size: 18px;
text-decoration: none;
color: #505050!important;
/* margin-bottom: 5px!important; */
}
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
Nos meus testes, ele ficou dessa maneira: https://imgur.com/UXpeFAy
Re: personalizar categorias
Olá @Alex Habilidade,
O código esta com alguns bugs e gostaria de aumentar para 4 foruns http://infinity.forum-pro.net/ meu fórum está ae
até
O código esta com alguns bugs e gostaria de aumentar para 4 foruns http://infinity.forum-pro.net/ meu fórum está ae
até
Re: personalizar categorias
Olá,
Poderia me mostrar um print dos bugs que aparece para você?
Poderia me mostrar um print dos bugs que aparece para você?
Re: personalizar categorias
Olá Ja corrigir os bugs só preciso de mais uma coisinha tem como colocar mais um forum mais em modo normal ?
Re: personalizar categorias
Olá,
Eu verifiquei aqui, e infelizmente não vai dar, pois eu tive que mexer no template. Você pode criar uma Categoria com um único fórum dentro.
Eu verifiquei aqui, e infelizmente não vai dar, pois eu tive que mexer no template. Você pode criar uma Categoria com um único fórum dentro.
Re: personalizar categorias
Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Personalizar categorias
» Personalizar as categorias
» Personalizar as categorias
» Personalizar categorias
» Personalizar categorias
» Personalizar as categorias
» Personalizar as categorias
» Personalizar categorias
» Personalizar categorias
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