Annyon!~ ≧ω≦ amoras, bom, como eu passei bastante tempo sem disponibilizar layouts pra vocês e os que repassava era somente antigos, eu resolvi que se eu conseguir, postarei pelo menos um layout em cada mês ou de dois em dois meses pelos menos (Espero que sim ⌒▽⌒, vamos nos apressar e ir logo para o download que eu sei que é isso que querem -q. Diferente dos outros layouts, esse não tem muita complicação para adiciona-lo ao blog e pra ajudar mais vocês eu coloquei o código em dois meios de download que são:
Mas primeiro vocês que tem colocar o seu modelo no "Trável" que é esse do print abaixo. PS: somente este estilo de borda de papel, ok?
Agora vamos a parte do menu, links etc... No gadget destacado abaixo, vocês iram colocar o seguinte código:
.png){kind=tracking}
<div class="topo3">
<div class="home">
<a href="LINK" title="Inicio">Home Page</a>
<a href="LINK" title="Tutoriais">Tutorials</a>
<a href="LINK" title="Últilitários">Goodies</a>
<a href="LINK" title="Sigam-me">Follow Me</a>
<a href="LINK" title="Sobre">About Us</a>
</div></div>
<div class="topo2">
<a title="Theme - Hyuna Ice Cream"><img src="http://i.imgur.com/K6HS9ki.png" class="efeitopisca1" /></a>
<div class="efeitopisca1">
</div></div>
<div class="topo">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="245" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#ffeae6" />
<param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/01-09-HyunA-Ice%2520Cream.mp3%3F_subject_uid%3D318561286%26w%3DAAD1RmyMCV21cZiYUxEL8FeY7lB24oZBHsidaFWrnJVeJA&bgcolor=ffeae6&loadingcolor=ffb8b8&buttoncolor=ffb8b8&slidercolor=ffb8b8" />
</object></div>
<div class="topo1">
<style>
#search {
float:center;
height: 5px;
margin:2px 0 0 0;
}
#search input.field {
text-shadow: #fcfcfc;
font-family: Trebuchet MS;
background-position:top right;
background-repeat:no-repeat;
width: 172px;
padding:7px;
outline: none;
font-size: 11px;
border: 1px;
z-index: 1;
height:6px;
float:left;
padding-right:24px;
}
#search input.field:focus {
background-position:top right;
background-repeat:no-repeat;
}
#search input.submit {
width:auto;
height:20px;
float:left;
border: 1px;
font-family: Pf arma five;
font-size: 8px;
cursor:pointer; margin:0 0 0 1px;
}
#search input.field {
background-color:#ffeae6; /*cor de fundo de onde digitamos a busca*/
color: #ffb8b8;/*cor de fonte*/
}
#search input.field:focus {
background-color:#ffeae6;/*cor de fundo do botão Buscar em estado hover*/
}
#search input.submit {
background-color:#ffeae6; /*cor de fundo do botão Buscar*/
color:#ffb8b8;/*cor da fonte do botão Buscar*/
}
</style>
<div id='search'>
<form action='http://mini-realeza.blogspot.com.br/search' id='searchform' method='get'>
<div><input class='field' id='s' name='q' onblur='if (this.value == '') {this.value = '';}' onfocus='if (this.value == '') {this.value = '';}' type='text' value=''/>
<input class='submit' name='submit' type='submit' value='search'/></div>
</form>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i.imgur.com/LqRhije.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollRight() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //</script></div>
Para entendermos melhor o código, vocês iram somente mudar os termos destacados! Se quiser tocar o nome dos menus é somente o nome em negrito (o normal) ou o sublinhado que é da tooltip (quando passa o mouse) e para direcionar a alguma página é só colocar o url onde está LINK. Se quiser trocar a música, é só hospedar a sua música em algum site, recomendo o dropbox e após hospeda-a vão no botão "downlod" (ou baixar, dependendo da fonte em que está usando) e click com botão direito do mouse > copiar endereço do link e cole no termo em negrito do código. Caso queira trocar a imagem onde está "http://i.imgur.com/K6HS9ki.png" hospede uma imagem (de preferência no i.imgur) com tamanho de 600x24 e cole o url da imagem no termo em negrito. Já o buscador vocês iram somente colocar o link do blog de vocês onde está "http://mini-realeza.blogspot.com.br/" somente isso! O nome do blog coloquem de sua preferência e a descrição também, se quiserem pode usar a mesma frase em que eu utilizei.
E por ultimo passo vamos para a parte dos gadgets da lateral, os códigos são esses abaixo:
Para o primeiro gadget de "welcome" use este código abaixo:
<left><div class="main img" text-align="left">
<img src="http://i.imgur.com/GP7PhYI.png"/>
</div></left>
<b>♡</b> Escreva uma mensagem de welcome aqui <b>♡</b>
<blockquote>ESCREVA ALGO EM DESTAQUE</blockquote>
Para o segundo gadget de "afiliados" use este código baixo:
<center><div class="main img">
<a href="LINK DO BLOG IRMÃO" title="NOME DO BLOG IRMÃO"><img src="http://i.imgur.com/B9r3E2q.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK" title="NOME DO BLOG"><img src="http://i.imgur.com/QH2FwDb.png"/></a>
<a href="LINK DO BLOG IRMÃO" title="NOME DO BLOG IRMÃO"><img src="http://i.imgur.com/Jg4gLaz.png"/></a>
</div></center>
<b>♡</b>Escreva alguma mensagem de afiliado aqui <b>♡</b> <b>♡</b>
<blockquote>ESCREVA ALGO EM DESTAQUE</blockquote>
Para o terceiro gadget de "autor" use este código baixo:
<left><div class="main img" text-align="left">Para o último e quarto gadget de "Goodbye" use este código abaixo:
<img src="http://i.imgur.com/ICjluO7.png"/>
</div></left>
<b>♡</b> Escreva algo sobre você aqui <b>♡</b>
<blockquote>ESCREVA ALGO EM DESTAQUE</blockquote>
<left><div class="main img" text-align="left">
<img src="http://i.imgur.com/7ZdJjqx.png"/>
</div></left>
<b>♡</b> Escreva algo aqui para o leitor! <b>♡</b>
<blockquote>ESCREVA ALGO EM DESTAQUE AQUI</blockquote>
<div class="main img" text-align="left">
<img src="http://i.imgur.com/Q9GiIo8.gif"/>
</div>
Escreva algo aqui!<blockquote>ESCREVA ALGO EM DESTAQUE AQUI</blockquote>
É só isso amoras, bem fácil né? Qualquer dúvida deixe nos comentários, espero que tenham gostado e que usem. Aqui abaixo tem algumas regrinhas básicas disto, xoxo ♥ e fiquem com Deus!
1. Nada de plágio(Lei nº 9.610, de 19 de fevereiro de 1998)!
2. Não mude nada a não ser algo acima sem autorização!
3. Nunca mude os créditos destinados"
4. Use conforme se pede e aproveite. - Grata!
Peguei, Aw ta tão lindo! :3
ResponderExcluirArigatou por avisar heueh, fico feliz por ter gostado Angel, em breve terá mais, xoxo ♥!
Excluirawn que fofo,peguei
ResponderExcluirQue bom que gostou e obrigada por avisar, xoxo♥♥♥...
ExcluirPeguei!
ResponderExcluirOnw ♥ É lindo ;3 Peguei
ResponderExcluir