Código Seja bem vindo
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Código Seja bem vindo
- Descrição:
Alguém pode me passar o código do Seja bem vindo ao FDF, e onde colocar?
Até achei alguns tópicos, mas não é exatamente este atual...
Obrigado!
- Informações:
Fórum: | http://aquapeixes.forumeiros.com/ | Versão: | PHPBB3 |
Tipo: | Pedido de código | Tags: | Código,vindo |
Última edição por Mauricio Molina em 29.05.14 22:05, editado 1 vez(es)
Re: Código Seja bem vindo
Olá!
O código é este:
Hancki
O código é 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 Hancki! </span>
<div id="acc-news" style="">
<div id="acc-contnews">
<div id="acc-neweff" onclick="location.href='http://ajuda.forumeiros.com/t92130-5-pacotao-de-tutoriais-do-fdf-2014'">
<div style="cursor:pointer;">
<h4>
<blink> 5º Pacotão de Tutoriais </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://plus.google.com/u/0/b/106647941075849166848/" target="_blank"><img class="rede_link" src="http://2img.net/i/fa/optimisation_fdf/fr/googleplus.png" alt="Google+"></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 encontrará todo o tipo de informações: o nosso regulamento, as perguntas mais frequentes, as atualizações constantes e as principais dicas para administrar e personalizar o seu fórum Forumeiros. <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 poderã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>
Hancki
Re: Código Seja bem vindo
Ola..
Fiz um teste e não ficou como esta aqui, veja:
Tirei o código porque como pode ver não editei...
Fiz um teste e não ficou como esta aqui, veja:
Tirei o código porque como pode ver não editei...
Re: Código Seja bem vindo
Ola...
Desculpa a demora, estava realizando outras funções...
gora ja esta editado e ativo..
No aguardo...
Código atual:
Desculpa a demora, estava realizando outras funções...
gora ja esta editado e ativo..
No aguardo...
Código atual:
- 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://s27.postimg.org/n4bi1whov/peixe_aquapeixes.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://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" id="acc-mons" alt="" /><span id="acc-welc">Bem-vindo ao Fórum AquaPeixes {USERNAME}! </span>
<div id="acc-news" style="">
<div id="acc-contnews">
<div id="acc-neweff" onclick="location.href='http://aquapeixes.forumeiros.com/t5027-comunicado-upgrade-no-formularios-de-postagens-apresentacao-e-doencas-e-tratamentos#75899'">
<div style="cursor:pointer;">
<h4>
<blink> Upgrade Formulários de postagens. </blink>
</h4>
</div>
</div>
</div>
<div id="follow_fdf">
<a href="http://www.facebook.com/aquapeixesAQP" target="_blank"><img class="rede_link" src="http://2img.net/i/fa/optimisation_fdf/fr/facebook10.png" alt="Facebook" /></a>
</div>
</div>
<p style="padding-right: 20px; font-size: 12px;" align="justify">
Você acaba de encontrar um novo seguimento de Fórum de Aquarismo, o AquaPeixes, nosso objetivo é propor assuntos/discussões educacionais sobre Aquários e Peixes Ornamentais. <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 poderão solucionar a sua pergunta.
</p>
</div>
<table style="padding: 3px 3px 0px; font-size: 12px; margin-bottom: 0px; margin-top: 15px; width: 90%;">
<tbody>
<tr class="zebraUm" 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="/t5032-"> Equipe AquaPeixes</a><br /><a href="/t2-">Regras do fórum</a><br /><a href="/t45-"> Proposta do Forum AquaPeixes.</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="/c1-"> AquaPeixes e Você</a><br /><a href="/c10-"> Artigos AquaPeixes</a><br /><a href="/c4-"> Seções AquaPeixes</a><br /><a href="/c8-"> Classificados, Publicidades e Parceiros</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="/t600-"> FAQ- Botões e Ícones do Fórum</a><br /><a href="/c10-"> Artigos AquaPeixes</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Re: Código Seja bem vindo
Olá use os seguintes código e depois faças as alterações!
Vá em Painel de controle » Visualização » Pagina Inicial » Geral e adicione o seguinte código
Depois vá em Painel de Controle » Visualização » Imagens e cores » Cores » Folha de estilo CSS e adicione esse código.
Lembre-se de fazer as alterações, pois o códigos possui imagens, protegida pela forumeiros.
Espero ter ajudado!
Vá em Painel de controle » Visualização » Pagina Inicial » Geral e adicione o seguinte 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>
Depois vá em Painel de Controle » Visualização » Imagens e cores » Cores » Folha de estilo CSS e adicione esse 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;
}
Lembre-se de fazer as alterações, pois o códigos possui imagens, protegida pela forumeiros.
Espero ter ajudado!
Re: Código Seja bem vindo
Obrigado Uatyla...
Mas basta usar este código no CSS, retirei o fundo que ficava na engrenagem...
Mas basta usar este código no CSS, retirei o fundo que ficava na engrenagem...
- 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 {
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://s23.postimg.org/fqbzvgbx7/imagem_flutuante.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;
}
Tópicos semelhantes
» Area de seja bem vindo
» Codigo Bem vindo
» Código desse Bem-vindo
» Tem algum codigo que coloca para aparecer aquela faixa em baixo do banner aonde diz se for visitante: olá visitante, bem vindo, ou se for membro onome
» Seja publicideiro do Fórum dos Fóruns!
» Codigo Bem vindo
» Código desse Bem-vindo
» Tem algum codigo que coloca para aparecer aquela faixa em baixo do banner aonde diz se for visitante: olá visitante, bem vindo, ou se for membro onome
» Seja publicideiro do Fórum dos Fóruns!
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos