All for Joomla All for Webmasters

Como fazer a revista do Sugar Dance

Vocês querem fazer uma revista que nem a do Sugar Dance? É fácil.

Faça o download da revista aqui!

Se você tiver dificuldades para editar os arquivos no FTP, basta após dezipar editá-los primeiro no Bloco de Notas para depois mandar para o FTP do seu blog.

1. Dezipe o arquivo Zip que você acabou de baixar e mande a pasta Free Version para o seu servidor FTP.

2. Renomeie a pasta para qualquer nome que queira. Vamos supor que você renomeie a pasta para revista. Para ver a revista, basta acessar: http://seublog.com/revista.

3. Agora, você vai fazer as páginas nos tamanhos que deseja. Eu uso tamanho 450×570.

4. Mande todas as imagens pra pasta pages que fica dentro desta pasta que você acabou de mandar pro seu servidor FTP (Free Version).

5. Há uma pasta chamada xml. Abra a pasta e edite o arquivo pages.xml, que é parecido com este:

<content width=”largura da pagina” height=”altura da pagina” bgcolor=”cor do fundo da revista” loadercolor=”cor do carregamento da revista” panelcolor=”cor do painel” buttoncolor=”cor dos botões do painel” textcolor=”cor do texto”>

<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>

</content>

Para adicionar mais páginas basta aumentar o número de tags <page src=”pages/numero da pagina.png”/>:

<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>
<page src=”pages/numero da pagina (nome do arquivo que voce mandou pra pasta pages).png”/>

Salve o arquivo xml.

6. Agora vamos abrir a pasta txt, abrir o arquivo lang.txt para editar, apagar o que está escrito neste arquivo e colar:

&langFrontCover=capa
&langBackCover=contra capa
&langNextPage=proxima pagina
&langPrevPage=pagina anterior
&langActualSize=zoom
&langFitToPage=voltar ao tamanho normal
&langCreatingPages=carregando
&langButFitToPage=voltar ao tamanho normal
&langButActualSize=zoom
&langButHighQuality=efeito de alta qualidade (hq)
&langButLowQuality=efeito de baixa qualidade (lq)
&langButSoundOn=som desligado
&langButSoundOff=som ligado
&langButFrontCover=capa
&langButBackCover=contra capa
&langButNextPage=proxima pagina
&langButPrevPage=pagina anterior
&langButGoToPage=ir para
&loadedLang=1

Salve o arquivo txt.

7. Agora só falta editar o Default.html:

<title>Sugar Dance Beauty Magazine Edition 001 - Acesse {sugar-dance.org}</title>

Entre as tags title coloque sempre o título que aparecerá no navegador web (Internet Explorer, Firefox, Chrome, Safari, Opera entre outros navegadores).

body {
background-color: #cor do fundo;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

Mude o background color para a mesma cor que você colocou no fundo da revista quando você editou o pages.xml, ou seja, se você colocou #ffffff como fundo da revista, coloque #ffffff como fundo no CSS do Default.

<script type=”text/javascript”>
AC_FL_RunContent( ‘codebase’,’http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0′,’width’,’100%’,’height’,’100%’,’src’,’swf/Magazine’,’quality’,’high’,’pluginspage’,’http://www.macromedia.com/go/getflashplayer’,’bgcolor’,’#cor do fundo‘,’allowFullScreen’,’true’,’allowScriptAccess’,’sameDomain’,’movie’,’swf/Magazine’ ); //end AC code
</script><noscript><object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”100%” height=”100%”>
<param name=”movie” value=”swf/Magazine.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#cor do fundo” />
<param name=”allowFullScreen” value=”true” />
<param name=”allowScriptAccess” value=”sameDomain” />
<embed src=”swf/Magazine.swf” width=”100%” height=”100%” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent” allowFullScreen=”true” allowScriptAccess=”sameDomain”></embed>

</object></noscript>

Mude as cores de fundo que eu indiquei em negrito. No documento Default.html original, a cor será #cccccc. Então, troque essa cor pela cor que usou no fundo da revista e no fundo da página Default.

Embaixo das tags </object></noscript> você pode colocar algum aviso que ficará embaixo da revista ou alguma imagem.

O tutorial é longo e nem sempre é fácil de entender pela primeira vez. Por isso, você pode perguntar pra mim no ask-me qualquer dúvida.