Como Customizar o Skin da Karla Fernandes via ZMI

  1. Faça o download do arquivo: http://www.vitaminak.com.br/skins/vkskinmodelo
  1. Descompacte e vá para: vkSkinModelo > skins > vkSkinModelo > e você aqui terá acesso a todos os templates e imagens criados.
  1. Vá para a zmi camara/manage
  1. Entre em portal_skins
  1. Crie um Folder chamado vkSkinModelo
  1. Entre no folder vkSkinModelo
  1. Adicionar tipo: Image - aqui você adiciona todas as imagens que estam dentro da pasta que você descompactou, são 20 imagens
  1. Adicionar agora tipo: Page Template - e você coloca o nome de cada arquivo .pt que está na pasta, mas sem colocar o .pt (Ex.: banner.xml.pt vira banner.xml) e abre o arquivo original com o editor de notas, copia, cola no documento da ZMI e salva
  1. Adicionar agora tipo: File - faz upload do bannerPM.swf
  1. E o mais chato, que terá que ser feito mais manualmente ainda é o base_properties então:

a) vá até portal_skins entre em portal_styles

b) em portal_styles você abre o objeto base_properties e customiza ele selecionando a pasta vkSkinModelo

c) E agora insere os dados, as propriedades existentes:

backgroundColor:string=White

borderStyle:string=solid

borderStyleAnnotations:string=solid

borderWidth:string=1px

columnOneWidth:string=185px

columnTwoWidth:string=185px

contentViewBackgroundColor:string=#dedede

contentViewBorderColor:string=#ccc

contentViewFontColor:string=#666

discreetColor:string=#76797c

evenRowBackgroundColor:string=#e7e7e7

fontBaseSize:string=69%

fontColor:string=#666

fontFamily:string=Verdana, Helvetica, Arial, sans-serif, "Lucida Grande", Lucida

fontFooter:string=#808080

fontSmallSize:string=85%

globalBackgroundColor:string=#dedede

globalBorderColor:string=#ccc

globalCabecalhoColor:string=#d3dce0

globalFontColor:string=#666

headingFontFamily:string=Verdana, Helvetica, Arial, sans-serif, "Lucida Grande", Lucida

helpBackgroundColor:string=#ffffe1

inputBorderColor:string=#cccccc

inputFontColor:string=#666

linkActiveColor:string=#000

linkBackgroundColor:string=#dfe8ea

linkColor:string=#444

linkVisitedColor:string=#000

logoName:string=logo.jpg

navBackgroundColor:string=#eaeaea

navBorderColor:string=#cccccc

notifyBackgroundColor:string=#000

notifyBorderColor:string=#000

oddRowBackgroundColor:string=transparent

plone_skin:string=PortalModeloTema

portalMinWidth:string=70em

textTransform:string=lowercase

title:string=PortalModeloTema's color, font, logo and border defaults

E lá embaixo você vai perceber que pode criar novas propriedades:

Você vai criar duas, ambas do tipo texto (string)

CorClara? recebendo valor #446886

CorEscura? recebendo valor #484e53

Agora você vai até portal_skins, clica na aba properties, cria um novo skin baseado no Portal Modelo atual, e insere a camada vkSkinModelo depois de Custom, salva e aplica o skin com o novo nome que você criou.

Aqui você pode também colocar a camada vkSkinModelo acima da pasta custom, só basta lembrar que os erros podem acontecer porque haverão outros tipos de customizações dentro da pasta custom que podem entrar em conflito. Se você fizer isso lembre-se de sempre colocar suas novas customizações dentro do folder vkSkinModelo.

Quanto a página inicial você deverá ir até a raíz do portal e mudar o layout para home_html :-)

Última modificação 3 anos atrás Última modificação em 24/04/2014 14:22:28
 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.