|
Comunidade uCoz em Português Desenvolvedores uCoz & uKit Soluções Personalizadas Hack de navegadores por nomes, tipo e versão. (Programar de acordo com o navegador, versão, página e SO.) |
Hack de navegadores por nomes, tipo e versão. |
Estive desenvolvendo uns sites com o uCoz e tive a necessidade de saber algumas coisas sobre o navegador do usuário que acessa o site, e também para personalizar algumas páginas exclusivas.
O que o código abaixo faz: Informações sobre o navegador:
Também diz qual a página, caso queira fazer uma personalização exclusiva.
E também tem a questão de saber se o JavaScript está ativado no navegador. O JS faz maravilhas na página, porem ainda tem gente que desativa o javascript no navegador, então, só usar class "no-js". Há também o class "mob" para identificar o navegador como móvel e o class "nmob", que quer dizer que o navegador não é móvel. Como colocar: Código <body class="$MODULE_ID$ $PAGE_ID$ $URI_ID$ $USER_AGENT$ $USER_AGENT_VER$ <?if($USER_AGENT_PDA$=='1')?>mob<?else?>nmob<?endif?> no-js" onload="document.getElementsByTagName('body')[0].classList.remove('no-js');"> saída no HTML página (sem renderizar) ou no DOM com javascript desativado: Código <body class="board main bdMain chrome 42.0 nmob no-js" onload="document.getElementsByTagName('body')[0].classList.remove('no-js');"> DOM com a página (renderizada) e javascript ativado: Código <body class="board main bdMain chrome 42.0 nmob" onload="document.getElementsByTagName('body')[0].classList.remove('no-js');"> Agora você pode fazer personalização do tipo: Página da Categoria 1 do módulo Anúncios com o fundo da página vermelho: Código <style> body.bdCat1{background-color:red;} </style> Página da Categoria 2 do módulo Anúncios com o fundo da página azul: Código <style> body.bdCat2{background-color:blue;} </style> Anexos:
7678577.png
(20.6 Kb)
Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact. |
| |||
| |||