Layout Free: Grell Sutcliff~

Yo paçocas! Primeiramente venho pedir desculpas, tive uns probleminhas com meu computador por isso da semana sem atualizações. Muito obrigada por me ajudarem a completar a meta de 1600 seguidores, pelos leitores que vem visitando o BC, realmente não sei como agradecer. Eu não tive tempo de fazer um layout bem caprichado para vocês, então trouxe um que esta guardado a algum tempo. Havia o criado para postar na meta de 1200 seguidores só que na época todos usavam layouts grande e cabeçalhos bem ornamentados. E como sempre faço layouts simples só que esse é  muito "simples" e não queria modifica-lo, então decidi deixa-lo guardado. Acho que só me atrevi fazer três ou quatro layouts ornamentados, rs dois deles cheio de erros. Então trago finalmente ele para vocês, espero que gostem deixarei toda explicação dele na postagem mas qualquer duvida é só perguntar. Estou para fazer uma pagina mostrando como baixar e estarlar os layouts aqui do blog, percebi que algumas pessoas andam com dificuldade. Após fazer umas coisas atrasadas aqui no blog começarei a criação dessa pagina, assim toda vez que eu colocar um novo layout deixarei o link na postagem. Pós realmente faço layouts de formas doida e esquisitas então compreendo de algumas pessoas ficarem confusas, espero que assim possa ajuda-los.

Nesse layout trabalhei só com três cores simples, então não fiz paleta de cores para esse modelo. O cabeçalho é padrão do blog mesmo, aquele adicionado pelo Layout. Acho que bastante gente vai gostar e tera mais facilidade para adicionar o cabeçalho ou trocar, o PSD dele se encontra no pack de download. Resolvi colocar como codigo aberto também, mas se desejarem o PSD do cabeçalho terão que baixar o pack. Coloquei as explicações e codigos de menus do layout mais abaixo da postagem, esse é bem facil de arrumar, nele também coloquei avatares dos anônimos personalizados já que não gosto daquele avatar azul, então coloquei o Grell bem sexy no lugar.

Regras de uso:

                - Não dizer que foi você que fez ou pegar partes do layout.
                - Proibido remover os créditos do rodapé, caso remova coloque em outro local "visível".

                - Pode modificar cores, acrescentar menus, mudar imagens como: slide, sidebar, banner etc...

                - Nunca use como base, pós já tem disponível um layout base aqui no blog (x).

                - Não disponibilizar para download.

                - Se usar/baixar comente por favor.

                - Qualquer plagio encontrado em algum site/blog será alertado, caso não se resolva será   "denunciado".

 DEMO || DOWNLOAD 

No Pack: Arquivo Template, Banner PSD editável. 

 Arrumando o layout:

~Cabeçalho~ 

Vá ate a pagina de "Layout" e no gadget escrito (Cabeçalho) abra o, adicionando a imagem ou removendo. O titulo do blog é automaticamente adicionado, se quiser mudar vá em configuraçoes do blogger ou no cabeçalho.

Imagem do Wellcome:

<a href="URL_DO_BLOG" target="blank" title="NOME_DO_BLOG">
<img src="http://static.tumblr.com/zwx9bqk/qsgms5s6w/well.png" /></a>SEU TEXTO</div>

Menu do Wellcome:

 <a href="Link"><grell>Nome</grell></a>
<a href="Link"><grell>Nome</grell></a>
<a href="Link"><grell>Nome</grell></a>
<a href="Link"><grell>Nome</grell></a>

Afiliados- ~SHINIGAMES~:

 <div class="jumping-isa">
<a href="Link" title="Nome"><img src="http://i267.photobucket.com/albums/ii300/xxkakashihatakex/Grell%20Sutcliff/15294563-1.png" class="jump-isa" /></a>

<a href="Link" title="Nome"><img src="http://i267.photobucket.com/albums/ii300/xxkakashihatakex/Grell%20Sutcliff/15294563-1.png" class="jump-isa" /></a>
</div>

Para adicionar mais afiliados é só repetir o código abaixo antes de </div>:

<a href="Link" title="Nome"><img src="http://i267.photobucket.com/albums/ii300/xxkakashihatakex/Grell%20Sutcliff/15294563-1.png" class="jump-isa" /></a>

 Grell subir ao topo:

<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://r17.imgfast.net/users/1711/48/05/63/smiles/527424.gif"/>', //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.scrollLeft() + $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:'Estou perfeito aqui'}) .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()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script>

Abra um gadget no rodapé do blog e cole todo código dentro. 

Os créditos do layout vão para os blogs/sites: GO - BDB - GG - EAH. Estou para fazer modificações de como colocar os layouts futuramente, mas por enquanto ficara assim meio bagunçado. Então se gostarem ou não gostarem comentem mesmo assim, ficarei muito grata pela opnião de vocês. Beijinhos e ate logo mais bunnies.