Menu em texto

4 participantes

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

Tópico resolvido Menu em texto

Mensagem 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:
Menu em texto DPryr3

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:
Menu em texto 7qpy3P

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? Muito feliz

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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 23.04.17 18:22

Basta postar o código no GitHub, ou no Pastebin.
Pesquisa no Google que vai achar. Piscada

Uma sugestão também é fazer às estrelas usando FontAwesome:
-> http://fontawesome.io/icons/

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 23.04.17 18:53

Tive uma ideia melhor, na verdade. Rindo
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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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. Feliz

Caso prefira um site melhor:
-> https://github.com/

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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!

Seta 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! Feliz )
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 25.04.17 21:12

up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 26.04.17 21:32

Luiz~ não me abandone! *estica a mão dramáticamente* por favor, Luiz~! Rindo

Up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 28.04.17 2:54

Up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por MateusV. 28.04.17 4:43

Adicione este código JavaScript com o investimento marcado em todas as páginas:
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.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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.
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 28.04.17 6:11

É mais ao menos isso, sim.
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 29.04.17 9:38

up Mostrando a lingua
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 30.04.17 12:41

up :\
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 01.05.17 12:18

up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 02.05.17 14:48

up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 03.05.17 14:44

up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 04.05.17 18:40

up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Kyo Panda 05.05.17 12:58

up? Menu em texto 1

---

Poderia passar o overall_header?
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 06.05.17 16:10

up
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 07.05.17 16:23

up xD
(So menos eu nunca me esqueço. Rindo )
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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. Rindo

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. Piscada

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. Café

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 07.05.17 17:23

Eu removi os códigos e coloquei esse, mas aparentemente não resultou. Louco
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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:
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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 07.05.17 17:30

Ah sim, resultou! Muito feliz
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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 0:08

Estou agora a terminar e já envio. Feliz
Uma pergunta... a secção fóruns foi removida de comunidade no seu código... foi propositado ou você esqueceu? Mostrando a lingua
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 0:10

Bom, eu fiz tudo o que estava correto.
O senhor se refere à isso?
-> http://prntscr.com/f5aewi

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 0:14

Sim. No código não aparece e fiquei intrigado! Mostrando a lingua

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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Menu em texto

Mensagem 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/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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. Rindo Isso é apenas texto.
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 0:31

Okay...
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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 0:48

Muito obrigado! Muito feliz

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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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:
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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 1:46

Acha que consegue deixar a estrela na cor branca? Feliz

O resultado final é qualquer coisa mais ao menos assim:
Menu em texto Back+to+normal+online+winx+club
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 1:55

Mas é claro! Muito feliz
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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 2:00

Quase lá! Rindo 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. Feliz
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 2:03

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: 10px;',
        '  margin-right: -2px;',
        '}',
        '',
        'ul > li:last-child > a.mainmenu::after {',
        '  content: "";',
        '  display: none;',
        '}',
      ].join('\n')
    }).appendTo('head');
  });
}(jQuery));

o/

Spoiler:
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem 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.  Envergonhado

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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 2:19

Okay.
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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 2:26

Muito obrigado, uma vez mais! Muito feliz
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

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 2:33

Adicione mais este código em sua CSS:
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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por juleic1123 08.05.17 2:39

Está tão lindo. Chorando ou muito tr
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 feliz

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! Muito feliz
juleic1123

juleic1123
Membro

Membro desde : 04/05/2011
Mensagens : 670
Pontos : 934

http://www.online-winxclub.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu em texto

Mensagem por Luiz 08.05.17 2:51

Belo discurso, fiquei até emocionado! Chorando ou muito tr Rosa

---
Menu em texto Symbol10 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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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