Criar uma mensagem na home page

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Criar uma mensagem na home page

Mensagem por Uatyla 03.02.14 19:55

Qual é minha questão:
Olá senhores!

Gostaria que os senhores me fornecesse o código da página inicial, "Bem vindo ao fórum dos Fóruns" para que eu possa edita em minha página tbm?
Pois gostei das opções que ela possui de Facebook, Twitter e YouTube.  

Endereço do meu fórum:
http://vidadeaquarista.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por uatyla em 04.02.14 12:45, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar uma mensagem na home page

Mensagem por Hancki 03.02.14 20:23

Olá!

O código usado foi este:
Código:
<div class="mes-txt">    <script>function toggleMenu(oThis) {
    jQuery('a.seta-titulo').removeClass("menu-abrir");
    jQuery('.menuidx').slideUp(500);
    var menu = jQuery(oThis).parent().next().next();
    if (!menu.is(':visible')) {
    menu.slideDown(900).css('display', 'block');
    jQuery(oThis).addClass("menu-abrir");
    }
    }</script><style>#acc-welc{
    background:url(http://i45.servimg.com/u/f45/12/05/75/97/63083010.png) no-repeat scroll left top transparent;
    color:#1675BC;
    display:block;
    font-family:arial;
    font-size:1.7em;font-style:italic;min-height:40px;
    padding:5px 0 0 25px;
    }

    a.menu-abrir{
    background:url(http://2img.net/i/fa/fdf3/down11.png) no-repeat transparent;color:#7cba2c;
    padding-left:18px
    }

    .seta-titulo{
    background:url(http://2img.net/i/fa/fdf3/right10.png) no-repeat transparent;
    color:#0372BE;
    cursor:pointer;
    font-weight:700;
    padding-left:14px;
    text-transform:uppercase
    }

    .seta-titulo:hover{
    color:#7cba2c
    }

    a.seta-titulo:focus{color:#7cba2c}

    .rede_link {opacity: 0.6; height: 50px;width: 50px;}
    .rede_link:hover {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }</style>
    <div class="mes-txt">
     
      <div id="indexmenu">
          <img src="http://i57.servimg.com/u/f57/16/63/75/54/modc10.png" id="acc-mons" alt=""><span id="acc-welc">Bem-vindo ao Fórum dos Fóruns {USERNAME}! </span>
          <div id="acc-news" style="">
           
            <div id="acc-contnews">
               
                <div id="acc-neweff" onclick="location.href='http://ajuda.forumeiros.com/t89027-novo-tema-do-forum-dos-foruns'">
                 
                  <div style="cursor:pointer;">
                     
                      <h4>
                          <blink> Novo tema para Fdf </blink>
                      </h4>
                     
                  </div>
                 
                </div>
               
            </div>
           
            <div id="follow_fdf">
                <a href="http://www.facebook.com/forumeirospt" target="_blank"><img class="rede_link" src="http://2img.net/i/fa/optimisation_fdf/fr/facebook10.png" alt="Facebook"></a><a href="https://twitter.com/Forumeiros_PT" target="_blank"><img class="rede_link" src="http://2img.net/i/fa/optimisation_fdf/fr/twitter10.png" alt="Twitter"></a><a href="http://www.youtube.com/tvforumeiros" target="_blank"><img class="rede_link" src="http://i.imgur.com/gNaOcyO.png" alt="Youtube"></a>
            </div>
           
          </div>
         
          <p style="padding-right: 20px; font-size: 12px;" align="justify">
              O Fórum dos Fóruns é um espaço de contato pessoal entre Forumeiros e você, onde estão presentes informações que a empresa deseja publicar para os usuários, tais como: O nosso regulamento, as perguntas e respostas mais frequentes, os anúncios e atualizações que fazemos constantemente e por fim, as principais dicas que você deve saber para administrar o seu fórum. <br><br> Use o sistema de <strong><a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">busca</a></strong> para encontrar dúvidas já criadas por outros usuários que vão solucionar a sua pergunta.
          </p>
         
      </div>
     
      <table style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
         
          <tbody>
           
            <tr valign="top" class="zebraUm">
               
                <td>
                    <strong> <img style="width: 15px;height: 15px;" src="http://2img.net/i/fa/fdf/parchemin.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Regras e staff</a></strong><br>
                  <div class="menuidx" style="display: none;">
                      <a href="/t7556-"> Equipe Forumeiros</a><br><a href="/t82-">Regras do fórum</a><br><a href="/t86036-"> Como entrar na equipe de moderação</a>
                  </div>
                 
                </td>
               
                <td>
                    <strong> <img style="width: 15px;height: 15px;" src="http://2img.net/i/fa/fdf/questions.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Subfóruns de seu interesse</a></strong><br>
                  <div class="menuidx" style="display: none;">
                      <a href="/c2-"> Ajuda e suporte</a><br><a href="/c5-"> Serviços para usuários</a><br><a href="/c1-"> Forumeiros e você</a>
                  </div>
                 
                </td>
               
                <td>
                    <strong> <img style="width: 15px;height: 15px;" src="http://2img.net/i/fa/optimisation_fdf/common/ecrire2.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Antes de questionar</a></strong><br>
                  <div class="menuidx" style="display: none;">
                      <a href="/search"> Função busca</a><br><a href="/t23-"> Perguntas e respostas frequentes</a><br><a href="/t6745-"> Tutoriais, dicas e astúcias</a>
                  </div>
                 
                </td>
               
            </tr>
           
          </tbody>
         
      </table>
     
    </div></div>
Depois modifique a seu gosto.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma mensagem na home page

Mensagem por Uatyla 03.02.14 21:10

A parte das reds sociais fica fora do padrão que tem aqui no FDF.

Criar uma mensagem na home page Bem_vindo_FDF
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Criar uma mensagem na home page

Mensagem por Shek 03.02.14 22:49

Boa noite!

Aconselho que mude as imagens padrão do código, tudo bem? Você pode usar este novo código:
Código:

<script>function toggleMenu(oThis) {
jQuery('a.seta-titulo').removeClass("menu-abrir");
jQuery('.menuidx').slideUp(500);
var menu = jQuery(oThis).parent().next().next();
if (!menu.is(':visible')) {
menu.slideDown(900).css('display', 'block');
jQuery(oThis).addClass("menu-abrir");
}
}</script><style>#acc-welc{
background:url(http://i45.servimg.com/u/f45/12/05/75/97/63083010.png) no-repeat scroll left top transparent;
color:#1675BC;
display:block;
font-family:arial;
font-size:1.7em;font-style:italic;min-height:40px;
padding:5px 0 0 25px;
}

a.menu-abrir{
background:url(http://2img.net/i/fa/fdf3/down11.png) no-repeat transparent;color:#7cba2c;
padding-left:18px
}

.seta-titulo{
background:url(http://2img.net/i/fa/fdf3/right10.png) no-repeat transparent;
color:#0372BE;
cursor:pointer;
font-weight:700;
padding-left:14px;
text-transform:uppercase
}

.seta-titulo:hover{
color:#7cba2c
}

a.seta-titulo:focus{color:#7cba2c}

.rede_link {opacity: 0.6; height: 50px;width: 50px;}
.rede_link:hover {
opacity: 1;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}</style>
<div class="mes-txt">
   
  <div id="indexmenu">
      <img src="http://i57.servimg.com/u/f57/16/63/75/54/modc10.png" id="acc-mons" alt="" /><span id="acc-welc">Bem-vindo ao Fórum dos Fóruns {USERNAME}! </span>
      <div id="acc-news" style="">
         
        <div id="acc-contnews">
           
            <div id="acc-neweff" onclick="location.href="http://ajuda.forumeiros.com/t89027-novo-tema-do-forum-dos-foruns">
               
              <div style="cursor:pointer;">
                 
                  <h4>
                      <blink> Novo tema para Fdf </blink>
                  </h4>
                 
              </div>
               
            </div>
           
        </div>
         
        <div id="follow_fdf">
            <a href="http://www.facebook.com/forumeirospt" target="_blank"><img class="rede_link" src="http://2img.net/i/fa/optimisation_fdf/fr/facebook10.png" alt="Facebook" /></a><a href="https://twitter.com/Forumeiros_PT" target="_blank"><img class="rede_link" src="http://2img.net/i/fa/optimisation_fdf/fr/twitter10.png" alt="Twitter" /></a><a href="http://www.youtube.com/ForumeirosOficial" target="_blank"><img class="rede_link" src="http://i.imgur.com/gNaOcyO.png" alt="Youtube" /></a>
        </div>
         
      </div>
     
      <p style="padding-right: 20px; font-size: 12px;" align="justify">
          O Fórum dos Fóruns é um espaço de contato pessoal entre Forumeiros e você, onde estão presentes informações que a empresa deseja publicar para os usuários, tais como: O nosso regulamento, as perguntas e respostas mais frequentes, os anúncios e atualizações que fazemos constantemente e por fim, as principais dicas que você deve saber para administrar o seu fórum. <br /><br /> Use o sistema de <strong><a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">busca</a></strong> para encontrar dúvidas já criadas por outros usuários que vão solucionar a sua pergunta.
      </p>
     
  </div>
   
  <table style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
     
      <tbody>
         
        <tr valign="top">
           
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://2img.net/i/fa/fdf/parchemin.png" /> <a class="seta-titulo" onclick="toggleMenu(this);"> Regras e staff</a></strong><br />
              <div class="menuidx" style="display: none;">
                  <a href="/t7556-"> Equipe Forumeiros</a><br /><a href="/t82-">Regras do fórum</a><br /><a href="/t86036-"> Como entrar na equipe de moderação</a>
              </div>
               
            </td>
           
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://2img.net/i/fa/fdf/questions.png" /> <a class="seta-titulo" onclick="toggleMenu(this);"> Subfóruns de seu interesse</a></strong><br />
              <div class="menuidx" style="display: none;">
                  <a href="/c2-"> Ajuda e suporte</a><br /><a href="/c5-"> Serviços para usuários</a><br /><a href="/c1-"> Forumeiros e você</a>
              </div>
               
            </td>
           
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://2img.net/i/fa/optimisation_fdf/common/ecrire2.png" /> <a class="seta-titulo" onclick="toggleMenu(this);"> Antes de questionar</a></strong><br />
              <div class="menuidx" style="display: none;">
                  <a href="/search"> Função busca</a><br /><a href="/t23-"> Perguntas e respostas frequentes</a><br /><a href="/t6745-"> Tutoriais, dicas e astúcias</a>
              </div>
               
            </td>
           
        </tr>
         
      </tbody>
     
  </table>
   
</div>
Em seguida, PA > Visualização > Imagens e Cores > Cores > Folha de estilos CSS > e adicione este código:
Código:
#avat_toolbar {height: 30px;width: 30px;}
#follow_fdf {
 float: right;
}
.panel div.mes-txt, .panel p {
font-size: 1.2em;
}

#indexmenu {
text-align: justify;
}

#acc-mons {
background-color: #E5F1F9;
float: right;
margin-left: 5px;
margin-top: 40px;
}

#acc-welc {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/puce10.png) no-repeat scroll left top transparent;
color: #00A5CD;
display: block;
font-family: arial;
font-size: 1.7em;
font-style: italic;
min-height: 40px;
padding: 5px 0 0 25px;
}

div#acc-news {
float: right;
margin-left: 10px;
}

div#acc-news #acc-contnews {
display: block;
}

#acc-neweff div{
background:url(http://2img.net/i/fa/optimisation_fdf/fr/bulle_annonce.png) repeat scroll 0 0 transparent;
color:#d2691e;
font-size:17px;
font-weight:700;
height:35px;
padding:9px 11px 10px 3px;
text-align:center;
text-shadow:1px 1px 3px #FFF;
width:325px;
}
#acc-neweff h4{
filter:progid:DXImageTransform.Microsoft.Shadow(color='#DB7D21',Direction=135,Strength=3);
zoom:1;
}
Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma mensagem na home page

Mensagem por Uatyla 04.02.14 0:41

Como eu já tenho, essa função no fórum o que eu desejaria mesmo era as redes sociais, porem não conseguir agregar ao meu.

Esse é o meu, tem como vocês me ajudar?
Código:
<style>
#acc-mons{background-color:none;float:right;margin-left:20px}div#acc-news{float:right;margin-left:10px}div#acc-news #acc-contnews{display:block}#acc-neweff div{background:url(http://i42.servimg.com/u/f42/09/02/12/09/43815610.png) repeat scroll 0 0 transparent;color:#fff;font-size:17px;font-weight:700;height:35px;padding:9px 11px 10px 3px;text-align:center;text-decoration:blink;text-shadow:1px 1px 3px #DB7D21;width:325px}#acc-neweff h4{filter:progid:DXImageTransform.Microsoft.Shadow(color='#DB7D21',Direction=135,Strength=3);zoom:1}#acc-welc{background:url(http://i45.servimg.com/u/f45/12/05/75/97/63083010.png) no-repeat scroll left top transparent;color:#1675BC;display:block;font-family:arial;font-size:1.7em;font-style:italic;min-height:40px;padding:5px 0 0 25px}.indtitl{background:url(http://2img.net/i/fa/fdf3/right10.png) no-repeat transparent;color:#0372BE;cursor:pointer;font-weight:700;padding-left:14px;text-transform:uppercase}.indtitl:hover{color:#7cba2c}a.indtitl:focus{color:#7cba2c}a.acc-open{background:url(http://2img.net/i/fa/fdf3/down11.png) no-repeat transparent;color:#7cba2c;padding-left:18px}.acc-seemore{-htm-border-radius-bottomleft:7px;-htm-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;-o-border-radius-bottomleft:7px;-o-border-radius-bottomright:7px;-webkit-border-radius-bottomleft:7px;-webkit-border-radius-bottomright:7px;background-color:#DCEAF5;border-radius-bottomleft:7px;border-radius-bottomright:7px;border-top:1px solid #0372BE;box-shadow:1px 3px 3px;margin-bottom:10px;padding:5px}#catindex1 input{font-size:11px;height:14px;width:350px}</style>
<div id="indexmenu">
 <span id="acc-welc">Bem vindo ao fórum Vida de Aquarista!</span><a href="http://vidadeaquarista.forumeiros.com/forum" title="Forumeiros.com" target="_blanck"><img style="width: 150px; height: 180px;" src="http://i.imgur.com/2wgjvis.png" id="acc-mons" alt="" "="" /></a>
<!--           <span id="acc-welc">
<br>



</span>           -->
<div id="acc-news">
 
<div id="acc-contnews">
 
<!--           <a id="acc-neweff" href="/t1136-"><div><h4> Novo visual do fórum de suporte e novas funções </h4></div></a>           -->
</div>
 
</div>
 Olá<strong> {USERNAME} </strong>seja bem vindo(a) ao Fórum<strong> "Vida de Aquarista".</strong><br /><br /> Neste fórum você poderá solicitar e fornecer ajuda a outros usuários, relacionado Aquarismo em Geral, trocar opiniões, sugestões, críticas construtivas sobre as funcionalidades do Fórum. <br /><br /> <strong>Atenção!</strong> Antes de iniciar a sua leitura neste Fórum, por favor leia as nossas <strong><a href="/t1-" target="_blanck">regras do fórum</a></strong>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo no qual venha ser útil para todos. <br /><br /><strong>Nota:</strong> Antes de postar, <a href="/search" target="_blank">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.
<table _moz_resizing="true" style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
 
<tbody>
 
<tr class="zebraDois" valign="top">
 
<td>
 <strong> Regras e Apresentações:</strong><br /><a href="/t1-"> Regras Do Fórum </a><br /><a href="/t270-">Regras do Concurso</a><br /><a href="/f3-"> Apresente-se</a>
</td>
 
<td>
 <strong> Seções do fórum:</strong><br /><a href="/c6-"> Peixes de Água Doce</a><br /><a href="/f22-"> Reprodução</a><br /><a href="/f9-"> Plantas para Aquário</a>
</td>
 
<td>
 <strong> Calculadora & Informações:<br /></strong><a href="/search">Calculadora para Aquário</a><br /><a href="/t23-"> Matéria & Notícias</a><br /><a href="/f26-"> Projetos FVM</a><strong> </strong>
</td>
 
</tr>
 
</tbody>
 
</table>
 
</div>
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Criar uma mensagem na home page

Mensagem por Shek 04.02.14 9:37

Bom dia!

O código que eu lhe passei não funcionou?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma mensagem na home page

Mensagem por Uatyla 04.02.14 12:42

Não tinha visto o codigo para a pagina CSS, funcionou, vou fazer as edições aqui.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos