Changeset 417 for trunk/jabberit_messenger/templates
- Timestamp:
- 09/12/08 11:41:46 (16 years ago)
- Location:
- trunk/jabberit_messenger/templates
- Files:
-
- 12 added
- 36 deleted
- 20 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/jabberit_messenger/templates/celepar/config.tpl
r402 r417 52 52 </tr> 53 53 54 < !--tr bgcolor="{row_off}">54 <tr bgcolor="{row_off}"> 55 55 <td>Usar Proxy do Java:</td> 56 56 <td> … … 60 60 </select> 61 61 </td> 62 </tr -->62 </tr> 63 63 64 64 <tr color="{row_off}"> -
trunk/jabberit_messenger/templates/celepar/content.html
r382 r417 18 18 <a href="#menu_right"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Preferências Avançadas</li></font></a> 19 19 <a href="#troca_mens"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Troca de Mensagens</li></font></a> 20 <a href="#certi_java"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Assinatura de Applet - Java</li></font></a> 20 21 </ol> 21 22 … … 23 24 <div class='texto'> 24 25 O JabberIT Messenger é uma aplicação que permite o envio e recebimento de mensagens instantaneamente. Através da sua lista de contatos, você pode trocar mensagens e arquivos com seus contatos. Através da lista também é possível saber se seus contatos estão Online ou Offline. Para a troca de mensagens basta clicar em cima do nome do seu contato, se o mesmo estiver online ( verifique a sessão <a href="#status">Indicador de Status</a> ) abrirá uma janela onde você poderá enviar/receber as mensagens. O JabberIT Messenger está associado 25 a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens.<br><br> 26 <img src="images/tela_inicial.png" style="width:200px; height:297px;" alt="Im Screenshot" title="Im Screenshot" align="bottom" style="padding:4px;"><br>( figura 1 ) 26 a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens. 27 <br><br> 28 <img src="images/tela_inicial.png" style="width:228px; height:442px;" alt="Im Screenshot" title="Im Screenshot" align="bottom" style="padding:4px;"> 29 <br clear="all"> 30 ( Figura 1 ) 27 31 </div> 28 32 <br clear="all"> … … 40 44 <p class='item'><a name="prefe">3. Opções - Troca de Status</a></p> 41 45 <div class='texto'> 42 Para a troca de status ( conforme figura 2 ), basta dar um clique com o mouse e em cima do botão <img src="images/botao_opcoes.png" width=" 99" height="19" style="margin-left:5px; margin-right:5px;"/> .46 Para a troca de status ( conforme figura 2 ), basta dar um clique com o mouse e em cima do botão <img src="images/botao_opcoes.png" width="116" height="21" style="margin-left:5px; margin-right:5px;"/> . 43 47 <br><br> 44 <img src="images/menu_opcoes.png" style="width:1 35px; height:227px;" alt="Menu Opções" title="Menu Opções" align="bottom"/><br>( figura 2 )48 <img src="images/menu_opcoes.png" style="width:180px; height:213px;" alt="Menu Opções" title="Menu Opções" align="bottom"/><br>( figura 2 ) 45 49 </div> 46 50 <p class='item'><a name="conf_status">4. Mensagens de Status</a></p> 47 51 <div class='texto'> 48 52 É possível configurar as mensagens para cada status escolhido (figura 3) clicando no item Personalizar.<br><br> 49 <img src="images/conf_status.png" style="width:249px; height:277px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="bottom"/><br>( figura 3 ) 53 <img src="images/conf_status.png" style="width:317px; height:235px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="bottom"/> 54 <br> 55 ( figura 3 ) 50 56 </div> 51 57 <p class='back'><a href="#indice">Voltar</a></p> … … 53 59 <div class='texto'> 54 60 Na lista de contato (figura 4), você visualizará seus contatos.<br><br> 55 <img src="images/lista_contatos.png" width="188" height="255" alt="Lista de Contatos" align="bottom" style="border:1px solid black;margin:5px;"/><br>( figura 4 ) 61 <img src="images/lista_contatos.png" width="214px" height="185px" alt="Lista de Contatos" align="bottom" style="border:1px solid black;margin:5px;"/> 62 <br> 63 ( figura 4 ) 56 64 </div> 57 65 <p class='item'><a name="status">6. Status dos Usuários</a></p> … … 62 70 <img src="images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/> 63 71 <img src="images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/> 64 <img src="images/ offline.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>72 <img src="images/unavailable.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/> 65 73 <img src="images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/> 66 74 </div> 67 75 <p class='item'><a name="useradd">7. Adicionando um novo contato </a></p> 68 76 <div class='texto'> 69 Para adicionar um novo contato, clique na imagem <img src="images/group_open.gif"/>, no canto superior esquerdo (figura 6) e abrirá uma janela para adição dos contatos (figura 7) e77 Para adicionar um novo contato, clique na imagem <img src="images/group_open.gif"/>, no canto superior esquerdo (figura 5) e abrirá uma janela para adição dos contatos (figura 6) e 70 78 faça uma pesquisa pelo nome. O resultado retornará <u>somente</u> os usuários que <u>tem permissão</u> para usar o Mensageiro Instantâneo do Expresso. 71 Clique sobre o link "Adicionar Contato" . Logo abaixo, dois campos serão necessários para adicionar o novo contato, sendo que o campo "Apelido" e72 é preenchido no momento da escolha do novo contato e o campo grupo terá que ser definido. Tendo os dois campos preenchidos basta clicar no Botão Adicionar.79 Clique sobre o link "Adicionar Contato" e aparecerá dois campos, sendo que o campo "Apelido" é preenchido no momento da escolha do novo contato e o campo grupo 80 terá que ser definido. Preenchendo estes dois campos basta clicar no "Botão Adicionar", e o contato será adicionado em sua Lista de Contatos. 73 81 <br/> 74 82 <img src="images/adicionar_contato.png" alt="Adicionar Contato" title="Adicionar Contato" align="bottom" style="margin-top:5px;"/> 75 <br>( figura 6)83 <br>( figura 5 ) 76 84 <br><br> 77 <img align="bottom" src="images/janela_adicionar_contatos.png" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/><br>( figura 7 ) 85 <img align="bottom" src="images/janela_adicionar_contatos.png" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/> 86 <br>( figura 6 ) 78 87 </div> 79 88 <p class='back'><a href="#indice">Voltar</a></p> 80 89 <p class='item'><a name="menu_right">8. Preferências Avançadas</a></p> 81 90 <div class='texto'> 82 Clicando com o botão direito do mouse, você terá acesso a um menu (figura 8), com as seguintes funcionalidades:91 Clicando com o botão direito do mouse, você terá acesso a um menu (figura 7), com as seguintes funcionalidades: 83 92 <blockquote><br> 84 93 - Autorizações: Requisitar e autorizar permissões.<br> … … 88 97 </blockquote> 89 98 <br> 90 <img src="images/menu_right.png" width="234" height="145" alt="Preferências Avançadas" align="bottom" style="margin-top:5px;"/><br>( figura 8 ) 99 <img src="images/menu_right.png" width="392" height="110" alt="Preferências Avançadas" align="bottom" style="margin-top:5px;"/> 100 <br>( figura 7 ) 91 101 </div> 92 102 <p class='back'><a href="#indice">Voltar</a></p> 93 103 <p class='item'><a name="troca_mens">9. Troca de Mensagens</a></p> 94 104 <div class='texto'> 95 Clicando duas vezes com o botão esquerdo sobre o nome do contato escolhido, abrirá uma janela (figura 9), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível105 Clicando duas vezes com o botão esquerdo sobre o nome do contato escolhido, abrirá uma janela (figura 8), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível 96 106 configurar o formato da fonte e enviar smiles.<br><br> 97 <img src="images/troca_de_mensagem.png" width="4 10" height="309" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/><br>( figura 9)107 <img src="images/troca_de_mensagem.png" width="494" height="341" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/><br>( figura 8 ) 98 108 </div> 99 109 <br/> 110 <p class='back'><a href="#indice">Voltar</a></p> 111 <p class='item'><a name="certi_java">10. Assinatura de Applet - Java</a></p> 112 <div class='texto'> 113 O modelo de segurança implementado pela plataforma Java, está sobre o conceito que um código remoto (applet) não é confiável, garantindo assim que um applet malicioso não danifique 114 o computador. Porém existem applets que são de confiança e necessitam de permissões para fornecer determinado tipo de serviço. O Expresso Messenger é desenvolvido em 115 Java e precisa dessas permissões para fornecer o serviço de mensagens instantâneas. Quando carregado pela primeira vez, o Java que está instalado no computador, mostrará uma 116 janela ( figura 9), perguntando se deseja realmente rodar este código remoto e mostra dois botões, "Run" e o "Cancel". É necessário que seja marcada a opção "Run", e caso não queira 117 que esta janela abra, marque a opção "Always trust content from this publisher". 118 <br><br> 119 <img src="images/cert_java.png" width="520" height="356" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/><br>( figura 9 ) 120 </div> 121 <br/> 100 122 <p class='back'><a href="#indice">Voltar</a></p> 101 123 <hr noshade> -
trunk/jabberit_messenger/templates/celepar/css/common.css
r382 r417 3 3 div.add_organization_members 4 4 { 5 margin-bottom: 10px;5 margin-bottom: 30px; 6 6 } 7 7 … … 22 22 margin: 2px; 23 23 padding: 3px; 24 height: 150px;24 height: 230px; 25 25 overflow: auto; 26 26 } … … 28 28 div.add_organization_members div span 29 29 { 30 background: url(../images/photo.png) no-repeat; 30 31 border-bottom: 1px dashed #809aa9; 32 border-right: 1px dashed #809aa9; 31 33 clear:both; 32 34 float:left; 33 35 font-weight: normal; 36 height: 65px; 34 37 letter-spacing: 0.2em; 35 padding: 4px 0; 36 width: 98% 38 padding: 4px 0 4px 80px; 39 margin-bottom: 20px; 40 width: 300px; 37 41 } 38 42 … … 78 82 text-align: center; 79 83 line-height: 1.5em; 84 } 85 86 div.search_user 87 { 88 font-size: 8pt !important; 89 font-family: Arial, Verdana, helvetica, sans-serif !important; 90 font-weight: bold; 91 margin: 0 0 0 5px; 92 } 93 94 .search_user_button 95 { 96 border: 1px solid #000 !important; 80 97 } 81 98
Note: See TracChangeset
for help on using the changeset viewer.