Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

RMBR

avatar
Administrador

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL] Modificando as categorias no estilo RMBR

Olá pessoal, as categorias do punBB básicas são bem "feinhas" então decidi fzr uma edição dessas categorias pro meu forum, e como algumas pessoas já me pediram por MP para passar o código dela, estarei fazendo este tutorial....

[Você precisa estar registrado e conectado para ver esta imagem.]
CRÉDITOS!!
Os créditos são para HenRyqUéè que construiu o código e o site RMBR
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Modificando as categorias no estilo RMBR


- Editando o Template...
Vá em:

Painel de Controle [Você precisa estar registrado e conectado para ver esta imagem.] Visualização [Você precisa estar registrado e conectado para ver esta imagem.] Templates [Você precisa estar registrado e conectado para ver esta imagem.] Geral [Você precisa estar registrado e conectado para ver esta imagem.] index_box

Delete todo o código da folha, e troque por este:

CLIQUE AQUI PARA ABRIR:
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="boxfmvi">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
       
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                                          <td class="tc2">
                                            <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>
                                          </td>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
               
                                                  <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
               
                      <p class="reppost" style="width:auto;"><span> » Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span> » Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
             
                  <td class="tcr">
                    <span>
               
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                          <br />
               
                    {catrow.forumrow.USER_LAST_POST}
                                                  </span>
     
                                           
             
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </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 -->

Salve e Publique o Template!


- Inserindo o código CSS...
Vá em:

Painel de Controle [Você precisa estar registrado e conectado para ver esta imagem.] Visualização [Você precisa estar registrado e conectado para ver esta imagem.] Imagens e Cores [Você precisa estar registrado e conectado para ver esta imagem.] Cores [Você precisa estar registrado e conectado para ver esta imagem.] Folha de Estilo CSS

Adicione o seguinte código à folha:

CLIQUE AQUI PARA ABRIR:
Código:
/*categorias*/
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}

/*.main .main-foot, .main .main-head {
background: url(http://i48.servimg.com/u/f48/16/58/89/73/backgr16.jpg) repeat scroll 0 0
black;
background-attachment: fixed;
background-position: right right;
background-repeat: no-repeat;
border: 1px solid
#DDD!important;
margin: 1px;
position: center;
}*/
.boxfmvi {
/*border: 1px solid
#DDD!important;*/
margin: 30px 0!important;
}
.pun .main, .pun .main-category {
/*border: 1px solid
#DDD;*/
}
.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:
#F4F4F4;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun table.table td {
background-color:
#FBFBFB;
/*border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;*/
padding: .6em 0 .7em;
}
#pun-about, .boxfmvi .tc2, .boxfmvi .tcr {
background: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0
#F4F4F4!important;
}
.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.boxfmvi td {
border: 1px solid
#DDD!important;
padding: 10px!important;
}
.reppost {
  margin-bottom:3px!Important;
margin: 10px 5px 10px 0;
text-align: left;
  width:auto;
color:grey;
}
.pun {
background-color:
white;
margin: 25px auto 0!important;
min-width: 931px!important;
padding: 12px;
width: 931px;
}
.pun tbody.statused span.status {
position: absolute;
}
.boxfmvi .status {
position: inherit!important;
}   
/* acesse para ver mais tutoriais: www.rmbr.forumeiros.com */

Valide o CSS!


- Resultado...
[Você precisa estar registrado e conectado para ver esta imagem.]
P.S.: A BARRA VERDE EM CIMA NÃO ESTÁ INCLUSA.

  • Funciona em quais versões?
    PUNBB e talvez PHPBB2 (talvez, pq eu nao testei nele ainda).




© RMBR


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Modificando as categorias no estilo RMBR

http://rmbr.forumeiros.com

-Naruto

avatar
Administrador
Publicitário
Helper
Comentando para ver o Conteudo, Obrigado por Disponibilizar.

RMBR

avatar
Administrador
^^ qualquer dúvida: [Você precisa estar registrado e conectado para ver este link.]

http://rmbr.forumeiros.com

-Naruto

avatar
Administrador
Publicitário
Helper
Tutorial Aceito

Movido~~ Para ~~ Tutoriais Aprovados.

azure

avatar
Sou Nível 2
Deu pau na versao phpbb2
[Você precisa estar registrado e conectado para ver esta imagem.]

http://code.azureforum.com/

Max Kyle

avatar
Helper
azure escreveu:Deu pau na versao phpbb2
[Você precisa estar registrado e conectado para ver esta imagem.]

deve ser por que é um código pra punBB



Min ajuda a upar meu pokémon não custa nada basta clicar nele muito simples
[Você precisa estar registrado e conectado para ver este link.]

-Naruto

avatar
Administrador
Publicitário
Helper
azure escreveu:Deu pau na versao phpbb2
[Você precisa estar registrado e conectado para ver esta imagem.]


Olá, cheque esta parte do Tutorial:

Funciona em quais versões?
PUNBB e talvez PHPBB2 (talvez, pq eu nao testei nele ainda)

Não tinha-mos garantido funcionamento na PHPBB2, so na PUNBB.

Se quiseer para sua versão,Nos temtaremos Disponibilizar, Pessa na aréa de Codigos.

azure

avatar
Sou Nível 2
-Naruto escreveu:
azure escreveu:Deu pau na versao phpbb2
[Você precisa estar registrado e conectado para ver esta imagem.]


Olá, cheque esta parte do Tutorial:

Funciona em quais versões?
PUNBB e talvez PHPBB2 (talvez, pq eu nao testei nele ainda)

Não tinha-mos garantido funcionamento na PHPBB2, so na PUNBB.

Se quiseer para sua versão,Nos temtaremos Disponibilizar, Pessa na aréa de Codigos.

eu não quero eu só estava testando na versão punbb

http://code.azureforum.com/

TheLord

avatar
Iniciante
postando para ver...

-Naruto

avatar
Administrador
Publicitário
Helper
Movido Para Tutoriais Aceitos.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum