A pedido de um usuário do site eu irei deixar abaixo os códigos CSS/HTML/JavaScript que usei no site:
Faça download nesse link:
http://www.4shared.com/office/PLQXvpvIce/Codigos_CSS-HTML_do_site.html
Esse arquivo está faltando o código abaixo que serve para tirar a atribuição, Coloque ele no CSS:
#Attribution1 {display:none;}
E esse que tira o titulo ou a imagem de cabeçalho
#Header1 {display:none;}
Esse centraliza o menu paginas
.PageList {text-align:center !important;}
.PageList li {display:inline !important;
float:none !important;}
Esse tira a barra de rolagem (y = lateral, x = inferior)
body {overflow-y: hidden;}
body {overflow-x: hidden;}
Esse centraliza os títulos das postagens e paginas
h3.post-title {text-align:center;}
Deixa o titulo invisivel
E esse que tira o titulo ou a imagem de cabeçalho
#Header1 {display:none;}
Esse centraliza o menu paginas
.PageList {text-align:center !important;}
.PageList li {display:inline !important;
float:none !important;}
Esse tira a barra de rolagem (y = lateral, x = inferior)
body {overflow-y: hidden;}
body {overflow-x: hidden;}
Esse centraliza os títulos das postagens e paginas
h3.post-title {text-align:center;}
Deixa o titulo invisivel
.post-title.entry-title {visibility:hidden;}
--------------------------------------------------------------------------------------------
Segue o texto com algumas alterações:
--------------------------------------------------------------------------------------------
Para
facilitar a vida de vocês (e a minha também no caso de algum problema no
meu site) eu resolvi fazer upload dos códigos que usei nos meus sites.
http://animelinkfavoritos.blogspot.com.br/
http://alfbr.blogspot.com.br/
Espero que a explicação rápida seja o suficiente para que vocês consigam colocar eles no seu site.
Lembrando que vocês tem que colocar o endereço das suas imagens no lugar das minhas (faça upload em algum site de imagens, no momento estou usando o http://imgur.com), e a rádio eu recomendo que criem no site abaixo se não quiser com as musicas que eu escolhi.
http://scmplayer.net/
Obs: Não altere o código do botão, e regule a largura da imagem do rodapé para ajustar ela ao seu site.
E tirar a atribuição é crime, criem uma imagem como eu fiz ou escrevam ela em algum lugar!
Nesses sites ensina em detalhes e também tem outras coisas:
http://www.htmlprogressivo.net/2014/04/Background-CSS-plano-de-fundo-Tutorial-CSS-background-color-image-repeat-position-attachment-url.html
http://www.fazermeublog.com/2012/07/css3-background-size-cover-contain-px.html
---------------------------------------------------------------------------------------------------
Customização do site principal:
(Cole os códigos abaixo no... Modelo -> Personalizar -> Avançado -> Adicionar CSS)
#navbar {display:none;}
body {
background-image: url(http://i.imgur.com/olyhxgr.jpg);
color: white;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
#Attribution1 {display:none;}
----------------------------------------------------------------------------------------------------
Imagem do rodapé:
(Crie um HTML/JavaScript em Layout e cole os códigos abaixo)
<div style = "position: center; margin-top: -27px; margin-left: -150px;">
<img border = "0" src = "http://i.imgur.com/kt47Wxl.jpg" />
</div>
--------------------------------------------------------------------------------------------------------
Botão de subir e descer:
(Crie um HTML/JavaScript em Layout e cole os códigos abaixo)
<div id="navigation_up_down_76082"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/3-76082-right.js"></script></div>
--------------------------------------------------------------------------------------------------------
Rádio:
(Crie um HTML/JavaScript em Layout e cole os códigos abaixo)
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'4 Hours Of The Best Epic Inspirational Music','url':'https://www.youtube.com/watch?v=8iEdQ912xQQ'},{'title':'5 Hour BGM','url':'https://www.youtube.com/watch?v=ScM1iRA86Zw'},{'title':'Hatsune miku','url':'https://www.youtube.com/watch?v=4WxBAiRdmME#t=33'},{'title':'1 Hour Anime Mix - Best Anime','url':'https://www.youtube.com/watch?v=Ght_aSkKqEI'},{'title':'1 Hour Anime Mix','url':'https://www.youtube.com/watch?v=LaJoDAXkSMw'},{'title':'1 Hour A Journey Through Epic Anime OST','url':'https://www.youtube.com/watch?v=JJ5uLjHEE6c'},{'title':'1 Hour of The Most Emotional','url':'https://www.youtube.com/watch?v=L4_kWpv_8Gk'},{'title':'1 Hour Of Epic Music','url':'https://www.youtube.com/watch?v=OW6b1oh8szE'},{'title':'1 Hour Epic Anime OST Mix','url':'https://www.youtube.com/watch?v=esSCns2JLt8'},{'title':' 2 Hours Epic Music Mix','url':'https://www.youtube.com/watch?v=DeXoACwOT1o'},{'title':'1 HOUR EPIC MUSIC MIX OF DARKNESS','url':'https://www.youtube.com/watch?v=Wz4cuwSilxY'},{'title':'2 Hours Epic Music Mix 2','url':'https://www.youtube.com/watch?v=LqOfPkHGq9U'},{'title':'30 MIN PURE EPICNESS MIX','url':'https://www.youtube.com/watch?v=kUuqRY-yf5Y'},{'title':'1 HOUR Epic Anime Music','url':'https://www.youtube.com/watch?v=vxL4lQIU0cM'},
{'title':'5 HOURS BGM 2','url':'https://www.youtube.com/watch?v=JYRZdBM15nM'},{'title':'1 HOUR PURE EPICNESS - EPIC MUSIC 2013','url':'https://www.youtube.com/watch?v=0hsjVPGj9pU'}]}" ></script>
<!-- SCM Music Player script end -->
---------------------------------------------------------------------------------------------------
Configuração do ALF BR:
(Cole os codigos abaixo no... Modelo -> Personalizar -> Avançado -> Adicionar CSS)
#navbar {display:none;}
body {
background-image: url(http://www.4shared.com/download/hxvQ55_lba/Sora_no_Otoshimono_2KHD.jpg?lgfp=3000);
color: white;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size:cover;}
#Attribution1 {display:none;}
http://animelinkfavoritos.blogspot.com.br/
http://alfbr.blogspot.com.br/
Espero que a explicação rápida seja o suficiente para que vocês consigam colocar eles no seu site.
Lembrando que vocês tem que colocar o endereço das suas imagens no lugar das minhas (faça upload em algum site de imagens, no momento estou usando o http://imgur.com), e a rádio eu recomendo que criem no site abaixo se não quiser com as musicas que eu escolhi.
http://scmplayer.net/
Obs: Não altere o código do botão, e regule a largura da imagem do rodapé para ajustar ela ao seu site.
E tirar a atribuição é crime, criem uma imagem como eu fiz ou escrevam ela em algum lugar!
Nesses sites ensina em detalhes e também tem outras coisas:
http://www.htmlprogressivo.net/2014/04/Background-CSS-plano-de-fundo-Tutorial-CSS-background-color-image-repeat-position-attachment-url.html
http://www.fazermeublog.com/2012/07/css3-background-size-cover-contain-px.html
---------------------------------------------------------------------------------------------------
Customização do site principal:
(Cole os códigos abaixo no... Modelo -> Personalizar -> Avançado -> Adicionar CSS)
#navbar {display:none;}
body {
background-image: url(http://i.imgur.com/olyhxgr.jpg);
color: white;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
#Attribution1 {display:none;}
----------------------------------------------------------------------------------------------------
Imagem do rodapé:
(Crie um HTML/JavaScript em Layout e cole os códigos abaixo)
<div style = "position: center; margin-top: -27px; margin-left: -150px;">
<img border = "0" src = "http://i.imgur.com/kt47Wxl.jpg" />
</div>
--------------------------------------------------------------------------------------------------------
Botão de subir e descer:
(Crie um HTML/JavaScript em Layout e cole os códigos abaixo)
<div id="navigation_up_down_76082"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/3-76082-right.js"></script></div>
--------------------------------------------------------------------------------------------------------
Rádio:
(Crie um HTML/JavaScript em Layout e cole os códigos abaixo)
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'4 Hours Of The Best Epic Inspirational Music','url':'https://www.youtube.com/watch?v=8iEdQ912xQQ'},{'title':'5 Hour BGM','url':'https://www.youtube.com/watch?v=ScM1iRA86Zw'},{'title':'Hatsune miku','url':'https://www.youtube.com/watch?v=4WxBAiRdmME#t=33'},{'title':'1 Hour Anime Mix - Best Anime','url':'https://www.youtube.com/watch?v=Ght_aSkKqEI'},{'title':'1 Hour Anime Mix','url':'https://www.youtube.com/watch?v=LaJoDAXkSMw'},{'title':'1 Hour A Journey Through Epic Anime OST','url':'https://www.youtube.com/watch?v=JJ5uLjHEE6c'},{'title':'1 Hour of The Most Emotional','url':'https://www.youtube.com/watch?v=L4_kWpv_8Gk'},{'title':'1 Hour Of Epic Music','url':'https://www.youtube.com/watch?v=OW6b1oh8szE'},{'title':'1 Hour Epic Anime OST Mix','url':'https://www.youtube.com/watch?v=esSCns2JLt8'},{'title':' 2 Hours Epic Music Mix','url':'https://www.youtube.com/watch?v=DeXoACwOT1o'},{'title':'1 HOUR EPIC MUSIC MIX OF DARKNESS','url':'https://www.youtube.com/watch?v=Wz4cuwSilxY'},{'title':'2 Hours Epic Music Mix 2','url':'https://www.youtube.com/watch?v=LqOfPkHGq9U'},{'title':'30 MIN PURE EPICNESS MIX','url':'https://www.youtube.com/watch?v=kUuqRY-yf5Y'},{'title':'1 HOUR Epic Anime Music','url':'https://www.youtube.com/watch?v=vxL4lQIU0cM'},
{'title':'5 HOURS BGM 2','url':'https://www.youtube.com/watch?v=JYRZdBM15nM'},{'title':'1 HOUR PURE EPICNESS - EPIC MUSIC 2013','url':'https://www.youtube.com/watch?v=0hsjVPGj9pU'}]}" ></script>
<!-- SCM Music Player script end -->
---------------------------------------------------------------------------------------------------
Configuração do ALF BR:
(Cole os codigos abaixo no... Modelo -> Personalizar -> Avançado -> Adicionar CSS)
#navbar {display:none;}
body {
background-image: url(http://www.4shared.com/download/hxvQ55_lba/Sora_no_Otoshimono_2KHD.jpg?lgfp=3000);
color: white;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size:cover;}
#Attribution1 {display:none;}
---------------------------------------------------------------------------------------------
Imagem do rodapé ALF BR
(Crie um HTML/JavaScript em Layout e cole os codigos abaixo)
<div style = "position: center; margin-top: -27px; margin-left: -289px;">
<img border="0" src="http://i.imgur.com/K34Sl0F.jpg" />
</div>
<img border="0" src="http://i.imgur.com/K34Sl0F.jpg" />
</div>
----------------------------------------------------------------------------------------------
Caso não funcione baixe o arquivo de texto que aquele é certeza que funciona.
Boa sorte para vocês!
-----------------------------------------------------------------------------------------------
Ultima atualização: 30/04/2015
Rodapé ALF
<div style = "position: center; margin-top: -27px; margin-left: -69px;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGI69CEQAAo5Fn59Gknhr7ZJTEDNS4EiplOCvANERcozAwUYVjQ6zYWE2R9Ar1XdLs8a3WOJlHC9SAHqxdjHstr16b4o7yI870mCfxhROTvuHjy6bVgF2PVvtve1ebEp-YaIbkgJ5sCE/s1600/ALF+-+Anime+Link+Favoritos+2015+v33.jpg" />
</div>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGI69CEQAAo5Fn59Gknhr7ZJTEDNS4EiplOCvANERcozAwUYVjQ6zYWE2R9Ar1XdLs8a3WOJlHC9SAHqxdjHstr16b4o7yI870mCfxhROTvuHjy6bVgF2PVvtve1ebEp-YaIbkgJ5sCE/s1600/ALF+-+Anime+Link+Favoritos+2015+v33.jpg" />
</div>
Creditos
<div style = "position: center; margin-top: -27px; margin-left: -59px;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuztU0e83eujk9n2yK37lVNoyB2A62rdxpHXAdPfxU6LvUR6TZQT0VWx4oCDKA1TFGQ68o0BFevTb1BfE-9I7XXSXaP1iSAbWGlZCGAH65Ry1b7jchNLxUr99TVNxEVGJNJAEXmlSMVk/s1920/Creditos.jpg" />
</div>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuztU0e83eujk9n2yK37lVNoyB2A62rdxpHXAdPfxU6LvUR6TZQT0VWx4oCDKA1TFGQ68o0BFevTb1BfE-9I7XXSXaP1iSAbWGlZCGAH65Ry1b7jchNLxUr99TVNxEVGJNJAEXmlSMVk/s1920/Creditos.jpg" />
</div>
Largura do site 1240
largura da imagem do rodapé 1350x539
------------------------------------------------------------------------------------------------------
NOVO CSS DO ALF
#navbar {display:none;}
body {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEincewzm1Y4mV5oAkQ-uzPhYIiiqaS8AH-qDUQ7kAAj4xSoWp0uMkUFjkwD4NSlwLdIC47HvM6isitc09rO9sC_bhxsDVLuSkYHJLwO1GshlnVMTWSgY-ugT2MaCT2mnMZk4yNUGCcynoM/s1920/ALF+BG+-+Kantai+Collection.jpg);
color: white;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
background-size:cover;}
#Attribution1 {display:none;}
.PageList {text-align:center !important;}
.PageList li {display:inline !important;
float:none !important;}
Outro site
#navbar {display:none;}
body {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6_yQmlgsX_zG8z6RQnpEPYbbV4FL6bj7kKwMAUUYScxqRBtqD-d3af5Vxncozc_e4YTjaxp5FvyKQV7elDs9P-ZOSEUFTZyor0niwPHdtOUt8Kamg3PA7oIMKRpWdHIfMIG2uw8Pzbo/s1920/HOTD.jpg);
color: white;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
background-size:cover;}
.PageList {text-align:center !important;}
.PageList li {display:inline !important;
float:none !important;}
#Header1 {display:none;}
h3.post-title {text-align:center;}
.post-title.entry-title {
visibility:hidden;
}
.footer-inner {display:none;}
Botão de voltar
<div style = "position: center; margin-top: -0px; margin-left: 195px;"><a href="javascript:window.history.go(-1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWYBeSMpaIsJh08CKW3AEPhqWU_X7zrM4Ya7t_6rHSvbjnexNXDRfafzgAjz2ZNjQTbdOMzU_VPNjeOcrL21LpormTXRBHjSRbAZvjBAYQ9qOki79DQ_UIJXh1IqJvdXW3hIs3hgWRGoJ4/s1600/Voltar+uma+pagina.jpg" /></a></div>