InícioMenu em texto
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Menu em texto
por juleic1123 23.04.17 17:47
Detalhes da questão
Endereço do fórum: http://online-winxclub.com
Versão do fórum: phpBB3
Descrição
Olá a todos!
Como todos podem ver, ao entrar no meu fórum, conseguem imediatamente reparar que o meu menu foi feito em imagens e não em texto.
Gostaria de mudar isso. Gostaria de saber se é possível passar o menu para texto, ficando assim:
O menu deixaria de ter a fonte: Arial Black e passaria apenas a ser Arial, em negrito.
O que passaria para texto seria, claramente, o "News"; "Story", "Games", etc... porém, as estrelas brancas ficariam em fotografia:
Por fim, gostaria de saber se o código Javascript podia ser colocado em todas as páginas. Por algum motivo o sistema de idiomas e o menu não aceita ficar traduzido em todas as páginas, se eu selecionar essa opção eles desaparecem completamente do fórum. Talvez possam ver o que se passa e arranjar?
Os códigos:
EDIT: Não consigo colocar o código por este ser muito grande, será que me dão permissão para postar em 2 mensagens? (separá-lo por 2 mensagens)
Última edição por juleic1123 em 08.05.17 2:40, editado 1 vez(es)
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 23.04.17 18:22
Basta postar o código no GitHub, ou no Pastebin.
Pesquisa no Google que vai achar.
Uma sugestão também é fazer às estrelas usando FontAwesome:
-> http://fontawesome.io/icons/
o/
Pesquisa no Google que vai achar.
Uma sugestão também é fazer às estrelas usando FontAwesome:
-> http://fontawesome.io/icons/
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 23.04.17 18:53
Tive uma ideia melhor, na verdade. 
Invés de postar o link, posso simplesmente dar-vos o endereço: http://www.online-winxclub.com/46815.js
Quando às estrelas, eu realmente prefiro que fiquem como eu pedi, se possível >-<
Invés de postar o link, posso simplesmente dar-vos o endereço: http://www.online-winxclub.com/46815.js
Quando às estrelas, eu realmente prefiro que fiquem como eu pedi, se possível >-<
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 24.04.17 17:27
É horrível trabalhar em códigos como estes:
-> http://www.online-winxclub.com/46815.js
Não possuem nenhum tipo de espaço ou quebra de linha, o que torna quase impossível de lê-lo.
Peço que o senhor upe o código nesse site (não irá custar nem um minuto):
-> https://pastebin.com/
Basta clicar em "New Pase", acima.
Caso prefira um site melhor:
-> https://github.com/
o/
-> http://www.online-winxclub.com/46815.js
Não possuem nenhum tipo de espaço ou quebra de linha, o que torna quase impossível de lê-lo.
Peço que o senhor upe o código nesse site (não irá custar nem um minuto):
-> https://pastebin.com/
Basta clicar em "New Pase", acima.
Caso prefira um site melhor:
-> https://github.com/
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 24.04.17 21:10
Ah, muito obrigado, eu tentei o primeiro que você falou, fiquei uns 20 minutos tentando mas acabei por desistir, não estava entendendo nada, então pensei "vou colocar o link".
Muito obrigado pelo primeiro site. Já me vai ser útil para o futuro!
https://pastebin.com/2EUaYYRT
Relembrando que o Inglês é o "oficial", feito mesmo com o sistema da forumeiros. Claro que podem mudar isso e colocar o inglês junto com o código. (Como o inglês não está aí e é mesmo da forumeiros, carrega sempre durante um segundo nos outros idiomas, só depois é que os traduzidos aparecem, então se for possível colocar o inglês junto com o código agradecia imenso! )
Muito obrigado pelo primeiro site. Já me vai ser útil para o futuro!
https://pastebin.com/2EUaYYRTRelembrando que o Inglês é o "oficial", feito mesmo com o sistema da forumeiros. Claro que podem mudar isso e colocar o inglês junto com o código. (Como o inglês não está aí e é mesmo da forumeiros, carrega sempre durante um segundo nos outros idiomas, só depois é que os traduzidos aparecem, então se for possível colocar o inglês junto com o código agradecia imenso!
)
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por juleic1123 26.04.17 21:32
Luiz~ não me abandone! *estica a mão dramáticamente* por favor, Luiz~!
Up
Up
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por MateusV. 28.04.17 4:43
Adicione este código JavaScript com o investimento marcado em todas as páginas:
Vermelho -> Tamanho da fonte
O código usa as imagens da barra de navegação como guia para substituí-las pelos nomes, então peço que não modifique o menu, o código sozinho dará conta.
jQuery(document).ready(function(){ var n=-1,nome=["Novidades","História","Jogos","Pais","Entretenimento","Comunidade"];jQuery("ul.navlinks li").each(function(){var img=jQuery(this).find("img:eq(0)").attr("src");if(img.indexOf("hizliresim")!==-1){n=n+1;jQuery(this).find("a.mainmenu").html("<span class='novotitulo' style='padding-bottom:10px;font-family: arial;font-size: 16px;'>"+nome[n]+"<img src='http://i.hizliresim.com/7qpy3P.jpg' /></span>");}else{}});});
Vermelho -> Tamanho da fonte
O código usa as imagens da barra de navegação como guia para substituí-las pelos nomes, então peço que não modifique o menu, o código sozinho dará conta.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Menu em texto
por juleic1123 28.04.17 5:00
Não notei qualquer alteração nos outros idiomas, sendo que no apenas no Inglês o menu dropdown deixou de funcionar.
Tudo o resto ficou exatamente igual.
Tudo o resto ficou exatamente igual.
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por MateusV. 28.04.17 5:11
juleic1123 escreveu:Não notei qualquer alteração nos outros idiomas, sendo que no apenas no Inglês o menu dropdown deixou de funcionar.
Tudo o resto ficou exatamente igual.
Boa noite,
Eu não havia entendido sua questão, o objetivo é - além de transformar as imagens em texto- que o código de tradução funcione em todas as páginas?
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Kyo Panda- Hiper Membro
- Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939 -
Re: Menu em texto
por juleic1123 05.05.17 14:03
Você sabia o que eu ia dizer... :o Bruxaria!
---
---
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<style>@media only screen and (min-width : 1000px) and (max-width : 1024px) { #wrap { width: 900px!important; } div#logo-desc a img { width: 910px!important; } div#wrap div.navbar:nth-of-type(2) { background: transparent!important; float: left!important; margin-left: 235px!important; margin-top: -70px!important; position: relative!important; } div[style*="videoBox"] { background-position: center top!important; max-width: 550px!important; background-size: 550px 300px!important; } div[style*="videoBox"] iframe { margin-top: -50px!important; width: 450px!important; height: 250px!important; } a.postlink img { max-width: 190px!important; } img[src*="2h68t8z"] { width: 550px!important; height: 20px!important; display: block!important; } img[src*="2eey8au"] { width: 900px!important; } }</style>
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="logo-desc">
<a href="/portal" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<!-- BEGIN switch_h1 -->
<div id="site-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p>{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
<!-- BEGIN switch_search_box -->
<div id="search-box">
<form method="get" action="{ACTION_SEARCH}" id="search">
<p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
{JS_SESSION_ID_INPUT}
<input class="button2" type="submit" value="{L_SEARCH}" /></p>
</form>
</div>
<!-- END switch_search_box -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker -->
</div>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div class="fa-custom-advertisement">
<a href="http://www.online-winxclub.com/?id=401&pid=6">
<img src="http://i.hizliresim.com/X01XDR.png" />
</a>
</div>
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 07.05.17 16:27
Vamos fazer o seguinte:
Retire o código Javascript que está usando, para que eu possa bolar um código novo e mais atualizado.
o/
Retire o código Javascript que está usando, para que eu possa bolar um código novo e mais atualizado.
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 07.05.17 17:03
Se eu retirar o código agora, todo o site ficará desordenado e desorganizado... além disso, o código está ligado a TODO o sistema de tradução do site, se não ficar com as conexões todas certas poderia acabar em desastre xD
:s
:s
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 07.05.17 17:08
Okay, eu já terminei de fazer o esqueleto do código.
Peço que o senhor remova o código que usa para traduzir o menu, trocando-o por este, que considero bem melhor, e que eu acabei de fazer.
Basta criar um novo JS com investimento em todas as páginas com o código:
Eu só fiz para inglês e português, para você entender como funciona. O resto deixo por sua conta.
Ele identifica qual é a linguagem e coloca os textos.
Sendo assim, para adicionar mais uma, copie o código abaixo, e cole abaixo da última variável de tradução:
Basta modificar o if e a linguagem que o segue, e os textos entre as aspas.
O que está fora dessa parte não precisa modificar. As variáveis estão em português, não altere-as.
Os estilos faremos após o senhor configurá-los.
o/
Peço que o senhor remova o código que usa para traduzir o menu, trocando-o por este, que considero bem melhor, e que eu acabei de fazer.
Basta criar um novo JS com investimento em todas as páginas com o código:
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Wix',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Atividades',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
faq: 'FAQ',
relatorio_de_erros: 'Relatórios de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Wix Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">%Fórum_ERROR404% | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
});
}(jQuery));
Entendendo o código:
Temos o cérebro do script, que traduz os textos.Eu só fiz para inglês e português, para você entender como funciona. O resto deixo por sua conta.
- Código:
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Wix',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Atividades',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
faq: 'FAQ',
relatorio_de_erros: 'Relatórios de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Wix Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
Ele identifica qual é a linguagem e coloca os textos.
Sendo assim, para adicionar mais uma, copie o código abaixo, e cole abaixo da última variável de tradução:
- Código:
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Wix Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
Basta modificar o if e a linguagem que o segue, e os textos entre as aspas.
O que está fora dessa parte não precisa modificar. As variáveis estão em português, não altere-as.
Os estilos faremos após o senhor configurá-los.
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 07.05.17 17:23
Eu removi os códigos e coloquei esse, mas aparentemente não resultou. 
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 07.05.17 17:27
O senhor não criou o JS completo.
Crie um novo JS com investimento em todas as páginas com este código:
Crie um novo JS com investimento em todas as páginas com este código:
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Wix',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Atividades',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
faq: 'FAQ',
relatorio_de_erros: 'Relatórios de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Wix Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">%Fórum_ERROR404% | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
});
}(jQuery));
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 07.05.17 17:30
Ah sim, resultou!
O problema é que a fonte está muito pequena e aquela cor não é a certa... existe maneira de aumentar? (Se aumentar pelas Cores, a letra do fórum aumenta também >-<)
O problema é que a fonte está muito pequena e aquela cor não é a certa... existe maneira de aumentar? (Se aumentar pelas Cores, a letra do fórum aumenta também >-<)
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 07.05.17 23:41
Okay.
O senhor já terminou de fazer as traduções, como o código ficou?
Assim, posso fazer o CSS direto pelo JS.
o/
O senhor já terminou de fazer as traduções, como o código ficou?
Assim, posso fazer o CSS direto pelo JS.
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 0:08
Estou agora a terminar e já envio.
Uma pergunta... a secção fóruns foi removida de comunidade no seu código... foi propositado ou você esqueceu?
Uma pergunta... a secção fóruns foi removida de comunidade no seu código... foi propositado ou você esqueceu?
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 0:14
Sim. No código não aparece e fiquei intrigado!
Reparei quando traduzia para francês:
Reparei quando traduzia para francês:
- Código:
// Sexto Item da lista:
comunidade: 'Community',
faq: 'Faq',
relatorio_de_erros: 'Signaler Un Bug',
m_p: 'Messagerie',
};
}
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 0:16
Não aparece pois eu não o coloquei propositalmente, ora veja:
-> http://prnt.sc/f5aewi
(Citei esse link na mensagem acima).
Como poderia colocar no código algo que não estava funcionando corretamente?
o/
-> http://prnt.sc/f5aewi
(Citei esse link na mensagem acima).
Como poderia colocar no código algo que não estava funcionando corretamente?
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 0:18
Ai não, não, você percebeu mal. Está a funcionar, isso é apenas texto. Vai haver um evento semana que vem em que aquelas bruxas que aparecem na publicidade vão tentar destruir o fórum e impedir que acessamos a ele, cortando a ligação. Isso é apenas texto.
Isso é apenas texto.
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 0:31
Okay...
Troque por:
o/
Troque por:
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Wix',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Atividades',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
forum: '%forum_error404%',
faq: 'FAQ',
relatorio_de_erros: 'Relatórios de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Wix Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
forum: '%forum_error404%',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">' + textosDoMenu.forum + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
});
}(jQuery));
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 0:48
Muito obrigado!
E... voilà!
E... voilà!
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Zona de Diversão',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
forum: 'Fórum',
faq: 'FAQ',
relatorio_de_erros: 'Relatório de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Winx Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forums',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
if (lang_=="es") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Noticias',
anuncios: 'Anuncios',
eventos: 'Eventos',
artigos: 'Artículos',
// Segundo item da lista:
historia: 'Historia',
sumario: 'Resumen de la serie',
personagens: 'Personajes',
// Terceiro Item da lista:
jogos: 'Juegos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Minijuegos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Padres',
// Quinto Item da Lista:
atividades: 'Zona de Diversión',
videos: 'Videos',
papeis_de_parede: 'Fondos de escritorio',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidad',
forum: 'Foros',
faq: 'Preguntas',
relatorio_de_erros: 'Informe de errores',
m_p: 'Mensajes privados',
};
}
if (lang_=="fr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Actualités',
anuncios: 'Annonces',
eventos: 'Événements',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Histoire',
sumario: 'Sommaire',
personagens: 'Personnajes',
// Terceiro Item da lista:
jogos: 'Jeux',
aventura_wix: 'Aventure Winx',
mini_jogos: 'Mini-Jeux',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Zone Fun',
videos: 'Vidéos',
papeis_de_parede: 'Fonds DÉcran',
revistas: 'Magasines',
// Sexto Item da lista:
comunidade: 'Communauté',
forum: 'Forums',
faq: 'Faq',
relatorio_de_erros: 'Signaler Un Bug',
m_p: 'Messagerie',
};
}
if (lang_=="it") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Notizie',
anuncios: 'Annunci',
eventos: 'Eventi',
artigos: 'Articoli',
// Segundo item da lista:
historia: 'Storia',
sumario: 'La serie',
personagens: 'Personnagi',
// Terceiro Item da lista:
jogos: 'Giochi',
aventura_wix: 'Avventura Winx',
mini_jogos: 'Minigiochi',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Genitori',
// Quinto Item da Lista:
atividades: 'Area Divertimento',
videos: 'Video',
papeis_de_parede: 'Sfondi',
revistas: 'Magazine',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forum',
faq: 'FAQ',
relatorio_de_erros: 'Riporta un errore',
m_p: 'Messaggi Privati',
};
}
if (lang_=="de") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Neuigkeiten',
anuncios: 'Ankündigungen',
eventos: 'Aktionen',
artigos: 'Artikel',
// Segundo item da lista:
historia: 'Geschichte',
sumario: 'Staffelüberblick',
personagens: 'Charaktere',
// Terceiro Item da lista:
jogos: 'Spiele',
aventura_wix: 'Winx-Abenteuer',
mini_jogos: 'Mini-Spiele',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Eltern',
// Quinto Item da Lista:
atividades: 'Spaß-Zone',
videos: 'Videos',
papeis_de_parede: 'Hintergründe',
revistas: 'Zeitschrift',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Foren',
faq: 'Häufig gestellte Fragen',
relatorio_de_erros: 'Fehlerprotokoll',
m_p: 'Private Nachrichten',
};
}
if (lang_=="tr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Haberler',
anuncios: 'Duyurular',
eventos: 'Organizasyonlar',
artigos: 'Makaleler',
// Segundo item da lista:
historia: 'Hikaye',
sumario: 'Sezon özetleri',
personagens: 'Karakterler',
// Terceiro Item da lista:
jogos: 'Oyunlar',
aventura_wix: 'Winx Maceraları',
mini_jogos: 'Mini Oyunlar',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Ebeveyn',
// Quinto Item da Lista:
atividades: 'Eğlence Bölgesi',
videos: 'Videolar',
papeis_de_parede: 'Duvar Kağıtları',
revistas: 'Dergiler',
// Sexto Item da lista:
comunidade: 'Topluluk',
forum: 'Forumlar',
faq: 'Sıkça Sorular Sorular (SSS)',
relatorio_de_erros: 'Virüs İhbarı',
m_p: 'Özel mesajlar',
};
}
if (lang_=="ru") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Новости',
anuncios: 'Анонсы',
eventos: 'События',
artigos: 'Статьи',
// Segundo item da lista:
historia: 'История',
sumario: 'Описание сезонов',
personagens: 'персонажи',
// Terceiro Item da lista:
jogos: 'Игры',
aventura_wix: 'Приключение Винкс',
mini_jogos: 'Мини игры',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Родителям',
// Quinto Item da Lista:
atividades: 'Фан-Зона',
videos: 'Видео',
papeis_de_parede: 'Обои',
revistas: 'Журналы',
// Sexto Item da lista:
comunidade: 'Сообщество',
forum: 'Форум',
faq: 'Вопрос-Ответ',
relatorio_de_erros: 'сообщить об ошибке',
m_p: 'Приватные сообщения',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">' + textosDoMenu.forum + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
});
}(jQuery));
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 1:00
Cá está:
Eu realmente gostaria de fazer os menus com os ícones da FontAwesome. A qualidade fica bem melhor que a de uma imagem... Mas é o senhor quem manda!
Veja:
-> http://fontawesome.io/icon/star/
Ele pode ser modificado com todas as propriedades do CSS. (Cor, etc)...
Cá está o código já com as alterações do tamanho da fonte. O senhor já pode usá-lo, se quiser:
o/
Eu realmente gostaria de fazer os menus com os ícones da FontAwesome. A qualidade fica bem melhor que a de uma imagem... Mas é o senhor quem manda!
Veja:
-> http://fontawesome.io/icon/star/
Ele pode ser modificado com todas as propriedades do CSS. (Cor, etc)...
Cá está o código já com as alterações do tamanho da fonte. O senhor já pode usá-lo, se quiser:
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Zona de Diversão',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
forum: 'Fórum',
faq: 'FAQ',
relatorio_de_erros: 'Relatório de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Winx Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forums',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
if (lang_=="es") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Noticias',
anuncios: 'Anuncios',
eventos: 'Eventos',
artigos: 'Artículos',
// Segundo item da lista:
historia: 'Historia',
sumario: 'Resumen de la serie',
personagens: 'Personajes',
// Terceiro Item da lista:
jogos: 'Juegos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Minijuegos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Padres',
// Quinto Item da Lista:
atividades: 'Zona de Diversión',
videos: 'Videos',
papeis_de_parede: 'Fondos de escritorio',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidad',
forum: 'Foros',
faq: 'Preguntas',
relatorio_de_erros: 'Informe de errores',
m_p: 'Mensajes privados',
};
}
if (lang_=="fr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Actualités',
anuncios: 'Annonces',
eventos: 'Événements',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Histoire',
sumario: 'Sommaire',
personagens: 'Personnajes',
// Terceiro Item da lista:
jogos: 'Jeux',
aventura_wix: 'Aventure Winx',
mini_jogos: 'Mini-Jeux',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Zone Fun',
videos: 'Vidéos',
papeis_de_parede: 'Fonds DÉcran',
revistas: 'Magasines',
// Sexto Item da lista:
comunidade: 'Communauté',
forum: 'Forums',
faq: 'Faq',
relatorio_de_erros: 'Signaler Un Bug',
m_p: 'Messagerie',
};
}
if (lang_=="it") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Notizie',
anuncios: 'Annunci',
eventos: 'Eventi',
artigos: 'Articoli',
// Segundo item da lista:
historia: 'Storia',
sumario: 'La serie',
personagens: 'Personnagi',
// Terceiro Item da lista:
jogos: 'Giochi',
aventura_wix: 'Avventura Winx',
mini_jogos: 'Minigiochi',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Genitori',
// Quinto Item da Lista:
atividades: 'Area Divertimento',
videos: 'Video',
papeis_de_parede: 'Sfondi',
revistas: 'Magazine',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forum',
faq: 'FAQ',
relatorio_de_erros: 'Riporta un errore',
m_p: 'Messaggi Privati',
};
}
if (lang_=="de") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Neuigkeiten',
anuncios: 'Ankündigungen',
eventos: 'Aktionen',
artigos: 'Artikel',
// Segundo item da lista:
historia: 'Geschichte',
sumario: 'Staffelüberblick',
personagens: 'Charaktere',
// Terceiro Item da lista:
jogos: 'Spiele',
aventura_wix: 'Winx-Abenteuer',
mini_jogos: 'Mini-Spiele',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Eltern',
// Quinto Item da Lista:
atividades: 'Spaß-Zone',
videos: 'Videos',
papeis_de_parede: 'Hintergründe',
revistas: 'Zeitschrift',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Foren',
faq: 'Häufig gestellte Fragen',
relatorio_de_erros: 'Fehlerprotokoll',
m_p: 'Private Nachrichten',
};
}
if (lang_=="tr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Haberler',
anuncios: 'Duyurular',
eventos: 'Organizasyonlar',
artigos: 'Makaleler',
// Segundo item da lista:
historia: 'Hikaye',
sumario: 'Sezon özetleri',
personagens: 'Karakterler',
// Terceiro Item da lista:
jogos: 'Oyunlar',
aventura_wix: 'Winx Maceraları',
mini_jogos: 'Mini Oyunlar',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Ebeveyn',
// Quinto Item da Lista:
atividades: 'Eğlence Bölgesi',
videos: 'Videolar',
papeis_de_parede: 'Duvar Kağıtları',
revistas: 'Dergiler',
// Sexto Item da lista:
comunidade: 'Topluluk',
forum: 'Forumlar',
faq: 'Sıkça Sorular Sorular (SSS)',
relatorio_de_erros: 'Virüs İhbarı',
m_p: 'Özel mesajlar',
};
}
if (lang_=="ru") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Новости',
anuncios: 'Анонсы',
eventos: 'События',
artigos: 'Статьи',
// Segundo item da lista:
historia: 'История',
sumario: 'Описание сезонов',
personagens: 'персонажи',
// Terceiro Item da lista:
jogos: 'Игры',
aventura_wix: 'Приключение Винкс',
mini_jogos: 'Мини игры',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Родителям',
// Quinto Item da Lista:
atividades: 'Фан-Зона',
videos: 'Видео',
papeis_de_parede: 'Обои',
revistas: 'Журналы',
// Sexto Item da lista:
comunidade: 'Сообщество',
forum: 'Форум',
faq: 'Вопрос-Ответ',
relatorio_de_erros: 'сообщить об ошибке',
m_p: 'Приватные сообщения',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">' + textosDoMenu.forum + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
$('<style>', {
type: 'text/css',
text: [
'ul > li > a.mainmenu {',
' font-size: 13px;',
' font-weight: bold;',
' font-family: "Arial Black", Arial, sans-serif;',
' margin-left: 10px;',
'}',
].join('\n')
}).appendTo('head');
});
}(jQuery));
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 1:46
Acha que consegue deixar a estrela na cor branca?
O resultado final é qualquer coisa mais ao menos assim:
O resultado final é qualquer coisa mais ao menos assim:
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 1:55
Mas é claro!
Troque por:
o/
Troque por:
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Zona de Diversão',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
forum: 'Fórum',
faq: 'FAQ',
relatorio_de_erros: 'Relatório de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Winx Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forums',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
if (lang_=="es") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Noticias',
anuncios: 'Anuncios',
eventos: 'Eventos',
artigos: 'Artículos',
// Segundo item da lista:
historia: 'Historia',
sumario: 'Resumen de la serie',
personagens: 'Personajes',
// Terceiro Item da lista:
jogos: 'Juegos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Minijuegos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Padres',
// Quinto Item da Lista:
atividades: 'Zona de Diversión',
videos: 'Videos',
papeis_de_parede: 'Fondos de escritorio',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidad',
forum: 'Foros',
faq: 'Preguntas',
relatorio_de_erros: 'Informe de errores',
m_p: 'Mensajes privados',
};
}
if (lang_=="fr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Actualités',
anuncios: 'Annonces',
eventos: 'Événements',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Histoire',
sumario: 'Sommaire',
personagens: 'Personnajes',
// Terceiro Item da lista:
jogos: 'Jeux',
aventura_wix: 'Aventure Winx',
mini_jogos: 'Mini-Jeux',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Zone Fun',
videos: 'Vidéos',
papeis_de_parede: 'Fonds DÉcran',
revistas: 'Magasines',
// Sexto Item da lista:
comunidade: 'Communauté',
forum: 'Forums',
faq: 'Faq',
relatorio_de_erros: 'Signaler Un Bug',
m_p: 'Messagerie',
};
}
if (lang_=="it") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Notizie',
anuncios: 'Annunci',
eventos: 'Eventi',
artigos: 'Articoli',
// Segundo item da lista:
historia: 'Storia',
sumario: 'La serie',
personagens: 'Personnagi',
// Terceiro Item da lista:
jogos: 'Giochi',
aventura_wix: 'Avventura Winx',
mini_jogos: 'Minigiochi',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Genitori',
// Quinto Item da Lista:
atividades: 'Area Divertimento',
videos: 'Video',
papeis_de_parede: 'Sfondi',
revistas: 'Magazine',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forum',
faq: 'FAQ',
relatorio_de_erros: 'Riporta un errore',
m_p: 'Messaggi Privati',
};
}
if (lang_=="de") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Neuigkeiten',
anuncios: 'Ankündigungen',
eventos: 'Aktionen',
artigos: 'Artikel',
// Segundo item da lista:
historia: 'Geschichte',
sumario: 'Staffelüberblick',
personagens: 'Charaktere',
// Terceiro Item da lista:
jogos: 'Spiele',
aventura_wix: 'Winx-Abenteuer',
mini_jogos: 'Mini-Spiele',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Eltern',
// Quinto Item da Lista:
atividades: 'Spaß-Zone',
videos: 'Videos',
papeis_de_parede: 'Hintergründe',
revistas: 'Zeitschrift',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Foren',
faq: 'Häufig gestellte Fragen',
relatorio_de_erros: 'Fehlerprotokoll',
m_p: 'Private Nachrichten',
};
}
if (lang_=="tr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Haberler',
anuncios: 'Duyurular',
eventos: 'Organizasyonlar',
artigos: 'Makaleler',
// Segundo item da lista:
historia: 'Hikaye',
sumario: 'Sezon özetleri',
personagens: 'Karakterler',
// Terceiro Item da lista:
jogos: 'Oyunlar',
aventura_wix: 'Winx Maceraları',
mini_jogos: 'Mini Oyunlar',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Ebeveyn',
// Quinto Item da Lista:
atividades: 'Eğlence Bölgesi',
videos: 'Videolar',
papeis_de_parede: 'Duvar Kağıtları',
revistas: 'Dergiler',
// Sexto Item da lista:
comunidade: 'Topluluk',
forum: 'Forumlar',
faq: 'Sıkça Sorular Sorular (SSS)',
relatorio_de_erros: 'Virüs İhbarı',
m_p: 'Özel mesajlar',
};
}
if (lang_=="ru") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Новости',
anuncios: 'Анонсы',
eventos: 'События',
artigos: 'Статьи',
// Segundo item da lista:
historia: 'История',
sumario: 'Описание сезонов',
personagens: 'персонажи',
// Terceiro Item da lista:
jogos: 'Игры',
aventura_wix: 'Приключение Винкс',
mini_jogos: 'Мини игры',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Родителям',
// Quinto Item da Lista:
atividades: 'Фан-Зона',
videos: 'Видео',
papeis_de_parede: 'Обои',
revistas: 'Журналы',
// Sexto Item da lista:
comunidade: 'Сообщество',
forum: 'Форум',
faq: 'Вопрос-Ответ',
relatorio_de_erros: 'сообщить об ошибке',
m_p: 'Приватные сообщения',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">' + textosDoMenu.forum + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
$('head')
.prepend('<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" media="all" type="text/css">')
;
$('<style>', {
type: 'text/css',
text: [
'ul > li > a.mainmenu {',
' font-size: 13px;',
' font-weight: bold;',
' font-family: "Arial Black", Arial, sans-serif;',
' margin-left: 10px;',
'}',
'',
'ul > li > a.mainmenu::after {',
' content: "\\f005";',
' font-family: FontAwesome;',
' color: #fff;',
' font-size: 10px;',
' margin-left: 6px;',
' margin-right: -6px;',
'}',
'',
'ul > li:last-child > a.mainmenu::after {',
' content: "";',
' display: none;',
'}',
].join('\n')
}).appendTo('head');
});
}(jQuery));
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 2:00
Quase lá! Mas já sabe que eu sou como Kyo Panda, tudo perfeitinho e lindinho rsrs.
Acha que consegue colocar o menu mais centralizado e um pouco mais de espaço entre as estrelas e o texto do menu? As estrelas estão muito juntas e gostaria que houvesse um pouco mais de espaço.
Mas já sabe que eu sou como Kyo Panda, tudo perfeitinho e lindinho rsrs.Acha que consegue colocar o menu mais centralizado e um pouco mais de espaço entre as estrelas e o texto do menu? As estrelas estão muito juntas e gostaria que houvesse um pouco mais de espaço.
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 2:03
Troque por:
o/
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Zona de Diversão',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
forum: 'Fórum',
faq: 'FAQ',
relatorio_de_erros: 'Relatório de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Winx Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forums',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
if (lang_=="es") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Noticias',
anuncios: 'Anuncios',
eventos: 'Eventos',
artigos: 'Artículos',
// Segundo item da lista:
historia: 'Historia',
sumario: 'Resumen de la serie',
personagens: 'Personajes',
// Terceiro Item da lista:
jogos: 'Juegos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Minijuegos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Padres',
// Quinto Item da Lista:
atividades: 'Zona de Diversión',
videos: 'Videos',
papeis_de_parede: 'Fondos de escritorio',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidad',
forum: 'Foros',
faq: 'Preguntas',
relatorio_de_erros: 'Informe de errores',
m_p: 'Mensajes privados',
};
}
if (lang_=="fr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Actualités',
anuncios: 'Annonces',
eventos: 'Événements',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Histoire',
sumario: 'Sommaire',
personagens: 'Personnajes',
// Terceiro Item da lista:
jogos: 'Jeux',
aventura_wix: 'Aventure Winx',
mini_jogos: 'Mini-Jeux',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Zone Fun',
videos: 'Vidéos',
papeis_de_parede: 'Fonds DÉcran',
revistas: 'Magasines',
// Sexto Item da lista:
comunidade: 'Communauté',
forum: 'Forums',
faq: 'Faq',
relatorio_de_erros: 'Signaler Un Bug',
m_p: 'Messagerie',
};
}
if (lang_=="it") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Notizie',
anuncios: 'Annunci',
eventos: 'Eventi',
artigos: 'Articoli',
// Segundo item da lista:
historia: 'Storia',
sumario: 'La serie',
personagens: 'Personnagi',
// Terceiro Item da lista:
jogos: 'Giochi',
aventura_wix: 'Avventura Winx',
mini_jogos: 'Minigiochi',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Genitori',
// Quinto Item da Lista:
atividades: 'Area Divertimento',
videos: 'Video',
papeis_de_parede: 'Sfondi',
revistas: 'Magazine',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forum',
faq: 'FAQ',
relatorio_de_erros: 'Riporta un errore',
m_p: 'Messaggi Privati',
};
}
if (lang_=="de") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Neuigkeiten',
anuncios: 'Ankündigungen',
eventos: 'Aktionen',
artigos: 'Artikel',
// Segundo item da lista:
historia: 'Geschichte',
sumario: 'Staffelüberblick',
personagens: 'Charaktere',
// Terceiro Item da lista:
jogos: 'Spiele',
aventura_wix: 'Winx-Abenteuer',
mini_jogos: 'Mini-Spiele',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Eltern',
// Quinto Item da Lista:
atividades: 'Spaß-Zone',
videos: 'Videos',
papeis_de_parede: 'Hintergründe',
revistas: 'Zeitschrift',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Foren',
faq: 'Häufig gestellte Fragen',
relatorio_de_erros: 'Fehlerprotokoll',
m_p: 'Private Nachrichten',
};
}
if (lang_=="tr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Haberler',
anuncios: 'Duyurular',
eventos: 'Organizasyonlar',
artigos: 'Makaleler',
// Segundo item da lista:
historia: 'Hikaye',
sumario: 'Sezon özetleri',
personagens: 'Karakterler',
// Terceiro Item da lista:
jogos: 'Oyunlar',
aventura_wix: 'Winx Maceraları',
mini_jogos: 'Mini Oyunlar',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Ebeveyn',
// Quinto Item da Lista:
atividades: 'Eğlence Bölgesi',
videos: 'Videolar',
papeis_de_parede: 'Duvar Kağıtları',
revistas: 'Dergiler',
// Sexto Item da lista:
comunidade: 'Topluluk',
forum: 'Forumlar',
faq: 'Sıkça Sorular Sorular (SSS)',
relatorio_de_erros: 'Virüs İhbarı',
m_p: 'Özel mesajlar',
};
}
if (lang_=="ru") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Новости',
anuncios: 'Анонсы',
eventos: 'События',
artigos: 'Статьи',
// Segundo item da lista:
historia: 'История',
sumario: 'Описание сезонов',
personagens: 'персонажи',
// Terceiro Item da lista:
jogos: 'Игры',
aventura_wix: 'Приключение Винкс',
mini_jogos: 'Мини игры',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Родителям',
// Quinto Item da Lista:
atividades: 'Фан-Зона',
videos: 'Видео',
papeis_de_parede: 'Обои',
revistas: 'Журналы',
// Sexto Item da lista:
comunidade: 'Сообщество',
forum: 'Форум',
faq: 'Вопрос-Ответ',
relatorio_de_erros: 'сообщить об ошибке',
m_p: 'Приватные сообщения',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">' + textosDoMenu.forum + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
$('head')
.prepend('<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" media="all" type="text/css">')
;
$('<style>', {
type: 'text/css',
text: [
'ul > li > a.mainmenu {',
' font-size: 13px;',
' font-weight: bold;',
' font-family: "Arial Black", Arial, sans-serif;',
' margin-left: 10px;',
'}',
'',
'ul > li > a.mainmenu::after {',
' content: "\\f005";',
' font-family: FontAwesome;',
' color: #fff;',
' font-size: 10px;',
' margin-left: 10px;',
' margin-right: -2px;',
'}',
'',
'ul > li:last-child > a.mainmenu::after {',
' content: "";',
' display: none;',
'}',
].join('\n')
}).appendTo('head');
});
}(jQuery));
o/
- Spoiler:
- Eu também me considero um pouco perfeccionista.
Mas não ao nível de vocês...
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 2:11
Ai Luiz, eu já lhe ia agradecer. Eu juro... mas ainda tenho um último pedido, apesar de estar 99,9 % perfeito. 
Acha que consegue arranjar maneira de mudar a o tamanho da letra para certos idiomas, neste caso o PT? É que para o inglês ficar bem, este tem de ficar a 14px, mas se eu deixar a 14 px o menu no PT fica quase a chegar à caixa dos idiomas, dando um aspecto... sei lá, simplesmente... acha que consegue? rsrs
Acha que consegue arranjar maneira de mudar a o tamanho da letra para certos idiomas, neste caso o PT? É que para o inglês ficar bem, este tem de ficar a 14px, mas se eu deixar a 14 px o menu no PT fica quase a chegar à caixa dos idiomas, dando um aspecto... sei lá, simplesmente... acha que consegue? rsrs
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 2:19
Okay.
Troque por este:
No script acima, temos essa parte:
Nele, você pode setar as propriedades somente para as línguas português e espanhol (que são as que ficam maiores).
O valor já foi alterado para 13px, como pedires. o/
Troque por este:
- Código:
/*globals jQuery, lang_*/
(function ($) {
'use strict';
$(function () {
if (lang_=="pt") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Novidades',
anuncios: 'Anúncios',
eventos: 'Eventos',
artigos: 'Artigos',
// Segundo item da lista:
historia: 'História',
sumario: 'Sumário',
personagens: 'Personagens',
// Terceiro Item da lista:
jogos: 'Jogos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Mini Jogos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Pais',
// Quinto Item da Lista:
atividades: 'Zona de Diversão',
videos: 'Vídeos',
papeis_de_parede: 'Papéis de Parede',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidade',
forum: 'Fórum',
faq: 'FAQ',
relatorio_de_erros: 'Relatório de Erros',
m_p: 'Mensagens Privadas',
};
}
if (lang_=="en") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'News',
anuncios: 'Announncements',
eventos: 'Events',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Story',
sumario: 'Sumary',
personagens: 'Characters',
// Terceiro Item da lista:
jogos: 'Games',
aventura_wix: 'Winx Adventure',
mini_jogos: 'Mini Games',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Fun Zone',
videos: 'Videos',
papeis_de_parede: 'Wallpapers',
revistas: 'Magazines',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forums',
faq: 'FAQ',
relatorio_de_erros: 'Bug Report',
m_p: 'Private Messages',
};
}
if (lang_=="es") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Noticias',
anuncios: 'Anuncios',
eventos: 'Eventos',
artigos: 'Artículos',
// Segundo item da lista:
historia: 'Historia',
sumario: 'Resumen de la serie',
personagens: 'Personajes',
// Terceiro Item da lista:
jogos: 'Juegos',
aventura_wix: 'Aventura Winx',
mini_jogos: 'Minijuegos',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Padres',
// Quinto Item da Lista:
atividades: 'Zona de Diversión',
videos: 'Videos',
papeis_de_parede: 'Fondos de escritorio',
revistas: 'Revistas',
// Sexto Item da lista:
comunidade: 'Comunidad',
forum: 'Foros',
faq: 'Preguntas',
relatorio_de_erros: 'Informe de errores',
m_p: 'Mensajes privados',
};
}
if (lang_=="fr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Actualités',
anuncios: 'Annonces',
eventos: 'Événements',
artigos: 'Articles',
// Segundo item da lista:
historia: 'Histoire',
sumario: 'Sommaire',
personagens: 'Personnajes',
// Terceiro Item da lista:
jogos: 'Jeux',
aventura_wix: 'Aventure Winx',
mini_jogos: 'Mini-Jeux',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Parents',
// Quinto Item da Lista:
atividades: 'Zone Fun',
videos: 'Vidéos',
papeis_de_parede: 'Fonds DÉcran',
revistas: 'Magasines',
// Sexto Item da lista:
comunidade: 'Communauté',
forum: 'Forums',
faq: 'Faq',
relatorio_de_erros: 'Signaler Un Bug',
m_p: 'Messagerie',
};
}
if (lang_=="it") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Notizie',
anuncios: 'Annunci',
eventos: 'Eventi',
artigos: 'Articoli',
// Segundo item da lista:
historia: 'Storia',
sumario: 'La serie',
personagens: 'Personnagi',
// Terceiro Item da lista:
jogos: 'Giochi',
aventura_wix: 'Avventura Winx',
mini_jogos: 'Minigiochi',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Genitori',
// Quinto Item da Lista:
atividades: 'Area Divertimento',
videos: 'Video',
papeis_de_parede: 'Sfondi',
revistas: 'Magazine',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Forum',
faq: 'FAQ',
relatorio_de_erros: 'Riporta un errore',
m_p: 'Messaggi Privati',
};
}
if (lang_=="de") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Neuigkeiten',
anuncios: 'Ankündigungen',
eventos: 'Aktionen',
artigos: 'Artikel',
// Segundo item da lista:
historia: 'Geschichte',
sumario: 'Staffelüberblick',
personagens: 'Charaktere',
// Terceiro Item da lista:
jogos: 'Spiele',
aventura_wix: 'Winx-Abenteuer',
mini_jogos: 'Mini-Spiele',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Eltern',
// Quinto Item da Lista:
atividades: 'Spaß-Zone',
videos: 'Videos',
papeis_de_parede: 'Hintergründe',
revistas: 'Zeitschrift',
// Sexto Item da lista:
comunidade: 'Community',
forum: 'Foren',
faq: 'Häufig gestellte Fragen',
relatorio_de_erros: 'Fehlerprotokoll',
m_p: 'Private Nachrichten',
};
}
if (lang_=="tr") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Haberler',
anuncios: 'Duyurular',
eventos: 'Organizasyonlar',
artigos: 'Makaleler',
// Segundo item da lista:
historia: 'Hikaye',
sumario: 'Sezon özetleri',
personagens: 'Karakterler',
// Terceiro Item da lista:
jogos: 'Oyunlar',
aventura_wix: 'Winx Maceraları',
mini_jogos: 'Mini Oyunlar',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Ebeveyn',
// Quinto Item da Lista:
atividades: 'Eğlence Bölgesi',
videos: 'Videolar',
papeis_de_parede: 'Duvar Kağıtları',
revistas: 'Dergiler',
// Sexto Item da lista:
comunidade: 'Topluluk',
forum: 'Forumlar',
faq: 'Sıkça Sorular Sorular (SSS)',
relatorio_de_erros: 'Virüs İhbarı',
m_p: 'Özel mesajlar',
};
}
if (lang_=="ru") {
var textosDoMenu = {
// Primeiro item da lista:
novidades: 'Новости',
anuncios: 'Анонсы',
eventos: 'События',
artigos: 'Статьи',
// Segundo item da lista:
historia: 'История',
sumario: 'Описание сезонов',
personagens: 'персонажи',
// Terceiro Item da lista:
jogos: 'Игры',
aventura_wix: 'Приключение Винкс',
mini_jogos: 'Мини игры',
winxid: 'WinxID',
// Quarto Item da lista:
pais: 'Родителям',
// Quinto Item da Lista:
atividades: 'Фан-Зона',
videos: 'Видео',
papeis_de_parede: 'Обои',
revistas: 'Журналы',
// Sexto Item da lista:
comunidade: 'Сообщество',
forum: 'Форум',
faq: 'Вопрос-Ответ',
relatorio_de_erros: 'сообщить об ошибке',
m_p: 'Приватные сообщения',
};
}
$('.linklist.navlinks').first().html([
'<ul class="linklist navlinks">',
' <li>',
' <a class="mainmenu" href="/portal?pid=46">' + textosDoMenu.novidades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: -60px;">',
' <a href="http://www.online-winxclub.com/?pid=71">' + textosDoMenu.anuncios + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=69">' + textosDoMenu.eventos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=70">' + textosDoMenu.artigos + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=51">' + textosDoMenu.historia + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 70px;">',
' <a href="http://www.online-winxclub.com/?pid=52">' + textosDoMenu.sumario + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=53">' + textosDoMenu.personagens + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=11">' + textosDoMenu.jogos + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 105px;">',
' <a href="http://www.online-winxclub.com/?pid=9">' + textosDoMenu.aventura_wix + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=38">' + textosDoMenu.mini_jogos + ' |</a>',
' <a href="http://www.online-winxclub.com/portal?pid=102">' + textosDoMenu.winxid + '</a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=68">' + textosDoMenu.pais + '</a>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/portal?pid=30">' + textosDoMenu.atividades + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 235px;">',
' <a href="http://www.online-winxclub.com/?pid=65">' + textosDoMenu.videos + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=96">' + textosDoMenu.papeis_de_parede + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=103">' + textosDoMenu.revistas + ' </a>',
' </div>',
' </li>',
'',
' <li>',
' <a class="mainmenu" href="/?pid=59">' + textosDoMenu.comunidade + '</a>',
' <div id="prof-cp" style="white-space:nowrap; margin-left: 300px;">',
' <a href="http://www.online-winxclub.com/c8-winx-club-portuguese">' + textosDoMenu.forum + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=115">' + textosDoMenu.faq + ' | </a>',
' <a href="http://www.online-winxclub.com/?pid=7">' + textosDoMenu.relatorio_de_erros + ' | </a>',
' <a href="http://www.online-winxclub.com/privmsg?folder=inbox">' + textosDoMenu.m_p + '</a>',
' </div>',
' </li>',
'</ul>',
].join('\n'));
$('head')
.prepend('<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" media="all" type="text/css">')
;
$('<style>', {
type: 'text/css',
text: [
'ul > li > a.mainmenu {',
' font-size: 13px;',
' font-weight: bold;',
' font-family: "Arial Black", Arial, sans-serif;',
' margin-left: 10px;',
'}',
'',
'ul > li > a.mainmenu::after {',
' content: "\\f005";',
' font-family: FontAwesome;',
' color: #fff;',
' font-size: 10px;',
' margin-left: 10px;',
' margin-right: -2px;',
'}',
'',
'ul > li:last-child > a.mainmenu::after {',
' content: "";',
' display: none;',
'}',
].join('\n')
}).appendTo('head');
if (lang_=="es" || lang_=="pt") {
$('<style>', {
type: 'text/css',
text: [
'ul > li > a.mainmenu {',
' font-size: 13px!important;',
'}',
].join('\n')
}).appendTo('head');
}
});
}(jQuery));
No script acima, temos essa parte:
- Código:
if (lang_=="es" || lang_=="pt") {
$('<style>', {
type: 'text/css',
text: [
'ul > li > a.mainmenu {',
' font-size: 13px!important;',
'}',
].join('\n')
}).appendTo('head');
}
Nele, você pode setar as propriedades somente para as línguas português e espanhol (que são as que ficam maiores).
O valor já foi alterado para 13px, como pedires. o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 2:26
Muito obrigado, uma vez mais!
E acabei de reparar em outro detalhe, acho que é o último. (Eu tenho a sensação que você está morrendo de cansaço por todas estas voltas e idas a este tópico e edições xD)
Acha que consegue subir o menu dropdown um pouco, ou pelo menos fazer com que o mesmo não desapareça logo assim que abandonamos os botões "Novidades, História (...)", dando tempo para a pessoa ir às sub-categorias? É que assim que o rato sai dessa zona, o menu fecha-se e a pessoa não consegue aceder ao mesmo.
E acabei de reparar em outro detalhe, acho que é o último. (Eu tenho a sensação que você está morrendo de cansaço por todas estas voltas e idas a este tópico e edições xD)
Acha que consegue subir o menu dropdown um pouco, ou pelo menos fazer com que o mesmo não desapareça logo assim que abandonamos os botões "Novidades, História (...)", dando tempo para a pessoa ir às sub-categorias? É que assim que o rato sai dessa zona, o menu fecha-se e a pessoa não consegue aceder ao mesmo.
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 2:33
Adicione mais este código em sua CSS:
Ele irá corrigir o bug do mouse.
De preferência, coloque o CSS ao final da folha.
o/
- Código:
ul.linklist > li {
padding-bottom: 20px;
}
Ele irá corrigir o bug do mouse.
De preferência, coloque o CSS ao final da folha.
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Menu em texto
por juleic1123 08.05.17 2:39
Está tão lindo. 
kkkk muito obrigado, muito obrigado mesmo por toda a ajuda. Demorou um pouco, mas quando veio chegou com tudo. Está EXATAMENTE como eu queria. Não poderia pedir por mais!
Agradeço também ao Kyo Panda, ele ia tentar me ajudar ali em cima a aprecio imenso!
Muito obrigado Luiz~
Vemo-nos no meu próximo tópico, conhecendo-me como conheço, provavelmente daqui a algumas horas quando eu tiver outro pedido maluco relacionado com design e traduções. (Por algum motivo é sempre nestas duas áreas que eu preciso de ajuda e não consigo terminar sozinho rs')
OBRIGADO!
kkkk muito obrigado, muito obrigado mesmo por toda a ajuda. Demorou um pouco, mas quando veio chegou com tudo. Está EXATAMENTE como eu queria. Não poderia pedir por mais!
Agradeço também ao Kyo Panda, ele ia tentar me ajudar ali em cima a aprecio imenso!
Muito obrigado Luiz~
Vemo-nos no meu próximo tópico, conhecendo-me como conheço, provavelmente daqui a algumas horas quando eu tiver outro pedido maluco relacionado com design e traduções. (Por algum motivo é sempre nestas duas áreas que eu preciso de ajuda e não consigo terminar sozinho rs')
OBRIGADO!
juleic1123- Membro
- Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934 -
Re: Menu em texto
por Luiz 08.05.17 2:51
Belo discurso, fiquei até emocionado! 
---
---
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Tópicos semelhantes» Quero tirar as imagens do menu e colocar o menu em texto
» [Menu] Texto preto
» Texto abaixo do menu?
» Texto Menu Navegacao
» Texto em vez de imagem no menu
» [Menu] Texto preto
» Texto abaixo do menu?
» Texto Menu Navegacao
» Texto em vez de imagem no menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos