Como cadastrar banners em idomas diferentes quando o meu site possúi mais de um idioma utilizando CSS?
Resumo
Para cadastrar banners em idiomas diferentes de forma em que eles sejam visualizados no idioma correto dependo do idioma do site é necessário fazer alguns passos simples:
PASSO 1. Separe as imagens para os banners
Tenha a imagem do banner para cada idioma de seu site. (Ex: Um banner para submissão de artigos em um site EN e PT)
PASSO 2. Cadastre os banners
Na admistração de banners de seu Periodikos, cadastre um banner para cada imagem.
Importante! Durante a criação/edição do banner, adicione um identificador único ao banner através do campo "ID HTML"
Ex: O identificador para o banner em português poderia ser "banner-submit-pt" enquanto o em inglês poderia ser "banner-submit-en".
Ao cadastrar os banners eles estarão disponíveis para edição exclusão na administração de Banners do site:
PASSO 3. Edite o CSS de seu Periodikos para informar em qual idioma cada banner deve aparacer
Nos links do topo da administração clique em "Minha Revista" -> "Editar CSS" para editar o CSS de seu Periódikos.
Para informar em qual idioma cada banner deverá aparecer utilizaremos o atributo xml:lang da tag <html> de seu site.
Copie o código abaixo na caixa de CSS substituindo #banner-submit-en e #banner-submit-pt pelos identificadores que você deu ao seus banners.
/* Quando o atributo xml:lang for igual a pt-br esconde o banner em inglês */
html[xml\:lang = 'pt-br'] #banner-submit-en{
display:none;
}
/* Quando o atributo xml:lang for igual a en esconde o banner em português */
html[xml\:lang = 'en'] #banner-submit-pt{
display:none;
}
Após salvar, se tudo der certo, os banners que você cadastrou serão exibidos corretamente em seus idiomas.
Facebook
Google+
Twitter
LinkedIn
Mendeley
StumbleUpon
Reddit
CiteULike
Email