•  
     

Adicionando o ícone OFFLINE aos usuários.

Este Tutorial explica como adicionar o ícone OFFLINE aos usuários, em:

1) Tópicos.
2) Visualização do Perfil.
3) Mensagens Privadas.

Arquivos que serão editados:
- ..styles/prosilver/imageset/pt-br/imageset.cfg.
- ..styles/prosilver/templates/viewtopic_body.html
- ..styles/prosilver/templates/memberlist_view.html
- ..styles/prosilver/templates/ucp_pm_viewmessage.html
- ..styles/prosilver/theme/colours.css
- ..styles/prosilver/theme/content.css

1º) Faça o backup dos arquivos mencionados. Caso haja algum problema, é só restaurá-los.

2º) Após criar o seu ícone OFFLINE personalizado e salvá-lo com o nome icon_user_offline.gif, faça o upload do mesmo para a pasta ..styles/prosilver/imageset/pt-br.

3º) Abra o arquivo imageset.cfg.
Procure pela linha:

Código: Selecionar todos

  img_icon_user_offline = icon_user_offline.gif


Substitua por:

Código: Selecionar todos

img_icon_user_offline = icon_user_offline.gif*58*58


4º) Abra o arquivo viewtopic_body.html.
Procure:

Código: Selecionar todos

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">



Substitua por:

Código: Selecionar todos

  <!-- IF postrow.S_ONLINE --> online<!-- ELSE --> offline<!-- ENDIF -->">


5º) Abra o arquivo memberlist_view.html.
Procure:

Código: Selecionar todos

<div class="panel bg1<!-- IF S_ONLINE --> online<!-- ENDIF -->">


Substitua por:

Código: Selecionar todos

  <div class="panel bg1<!-- IF S_ONLINE --> online<!-- ELSE --> offline<!-- ENDIF -->">


Substitua por:

Código: Selecionar todos

  <div class="panel bg1<!-- IF S_ONLINE --> online<!-- ELSE --> offline<!-- ENDIF -->">


6º) Abra o arquivo ucp_pm_viewmessage.html.
Procure:

Código: Selecionar todos

  <!-- IF S_ONLINE --> online


Substitua por:

Código: Selecionar todos

  <!-- IF S_ONLINE --> online<!-- ELSE --> offline


7º) Abra o arquivo colours.css.
Procure:

Código: Selecionar todos

  .online {
        background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
    } 


Adicione depois, em uma nova linha:

Código: Selecionar todos

.offline {
            background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_offline.gif");
    } 


8º) Abra o arquivo content.css.
Procure:

Código: Selecionar todos

.online {
        background-image: none;
        background-position: 100% 0;
        background-repeat: no-repeat;
    } 


8º) Abra o arquivo content.css.
Procure:

Código: Selecionar todos

.online {
        background-image: none;
        background-position: 100% 0;
        background-repeat: no-repeat;
    } 


Adicione depois, em uma nova linha:

Código: Selecionar todos

.offline {
       background-image: none;
       background-position: 100% 0%;
       background-repeat: no-repeat;
    }


9º) Após alterar e salvar os arquivos, faça o upload dos mesmos paras as respectivas pastas.

10º) Atualizar o Tema, Templates e o Set de imagens pela aba ESTILO, do ACP.


JOIA?
 
isso aew BOB
 
é nois