Detalhes dos novos templates - 2014 - Comunidade uCoz em Português
Comunidade uCoz em Português » Desenvolvedores uCoz & uKit » Personalização de Design » Detalhes dos novos templates - 2014 (Detalhes técnicos dos templates adicionados em 2014.)
Detalhes dos novos templates - 2014
Mensagem # 1 | 11:23 AM 2014-01-30
Os novos templates têm alguns detalhes técnicos importantes para aqueles que querem personalizá-los completamente.
Para fins deste tópico, iremos agrupar os templates da seguinte forma:
Tipo 1: 1061-1064 - exemplos
Tipo 2: 1071 - 1075 - exemplos
Tipo 3: 1080 - 1090 - exemplos
Tipo 4: 2011 - 2012
1. Se você editou o bloco SLIDER ou INTRO e, ao recarregar a página, não encotrou nenhuma mudança, entre no código da página principal do seu site e veja se você encontra a variável GLOBAL_SLIDER ou GLOBAL_INTRO.
Para resolver isso, troque o template para qualquer outro, salve e recarregue a página. Troque de volta para um dos templates novos, salve e recarregue a página. Após fazer isso o código GLOBAL_SLIDER ou GLOBAL_INTRO devem aparecer no local correto em seu site.
Isso acontece porque em alguns casos específicos, quando você troca o template o servidor adiciona o código fonte dos bloco DIRETAMENTE na página ao invés de adicionar a variável. O processo acima geralmente resolve o problema.
2. A imagem no topo do novos templates só é exibida na página inicial a não ser que você altere o código da página.
Mensagem # 2 | 1:58 PM 2014-01-30
A area no quadrado azul é um Bloco Global chamado SLIDER.
Para editar essa área, vá em Design > Gerenciamento de Design (templates) e clique no item SLIDER. Lá você pode alterar o texto e a imagem, mesmo usando o Editor Visual. Note que o SLIDER não é acessível através do Construtor, você precisa editá-lo através do Editor de Design no Painel de Controle.
A imagem do MacBook faz parte da estrutura do site e é definida no CSS, não no código da página.
É possível alterar a imagem dentro do MacBook diretamente no Editor Visual ou alterando o HTML do SLIDER. O código da imagem é o seguinte: <img src="/.s/t/1063/sample.png" class="promo-img" alt="">. Basta alterar o caminho para outra imagem nessa linha. A "tela" do MAC tem uma razão de 1.59 entre largura e altura e a imagem lá dentro é automaticamente redimensionada para o tamanho da "tela" do Mac.
O SLIDER só é exibido nas páginas do Editor de Páginas pois o código para o bloco ($GLOBAL_SLIDER $) se encontra na área Páginas do Site no gerenciador de Designs. Note que ele se encontra logo abaixo do Bloco Global HEADER ($GLOBAL_HEADER $).
Para q o SLIDER apareça em outros módulos no site, basta adicionar o código $GLOBAL_SLIDER $ na página do Módulo. Como notado acima, o lugar correto do SLIDER é logo após do HEADER.
Anexos: 3667034.png(222.9 Kb)
Mensagem # 3 | 2:22 PM 2014-01-30
nenhum Bloco Global novo.
A area colorida na parte superior do site está configurado no CSS da página na linha 375: background: url('/.s/t/1073/header-orange.jpg') no-repeat 50% 0;. Basta alterar o JPG para alterar a area laranja. A imagem original tem 1600x228 pixels.
Anexos: 0089542.png(176.9 Kb)
Mensagem # 4 | 2:58 PM 2014-01-30
Estes templates são bem simples de editar. Ele tem um novo Bloco Global chamado INTRO que se refere a introdução do site, portanto ele só aparece na página inicial. Se você estiver usando um módulo como página inicial ele não vai aparecer.
Você pode alterar a imagem e editar o texto acessando Painel de Controle > Gerenciamento de Design > Blocos Globais > INTRO
Troque o URL da imagem /.s/t/1080/site-img.jpg por outra no tamanho 681px x 336px[/i].
Click aqui para ver uma imagem no tamanho exato.
Todos os templates do uCoz continuam sendo editáveis inclusive estes novos.
A variável Global do bloco INTRO é $GLOBAL_INTRO$
Para evitar deformidade tente usar a imagem da capa no mesmo tamanho do original para não deformar o design
Anexos: 6335017.png(401.9 Kb) · 0183357.png(59.9 Kb)
Mensagem # 5 | 9:32 AM 2014-02-08
Os novos templates tem fontes de texto personalizadas para dá uma elegância maior ao design, porem algumas fontes não suportava acentuação no alfabeto latino. Então corrigimos e em breve estaremos atualizando os servidores também, mas de antemão, estamos adiantando para vocês.
Como corrigir o bug das letras acentuadas no template #1101
Para corrigir este problema basta fazer download dos arquivos da web font fazer upload para o seu site e alterar o CSS do seu site. Ou pode provisoriamente importar até a atualização nos servidores.
1º Baixe as fontes neste linque http://www1.ucoz.com.br/_ne/tmpl/1101.zip
2º Faça upload da pasta fonts para o seu site ( Deve ficar assim: http://exemplo.ucoz.com.br/fonts/ )