Menu com caixa de busca

no dia 18 julho 2016

/* ==== menu retrátil madlyluv.com ==== */
.menu_mluv_retratil {width: 1400px; height: 67px; display: block; background:#a083c6; position: fixed; top: -125px; z-index: 100;  -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; margin-left:-10px;}
.menu_mluv_retratil.mostrar {top: 0; position: fixed;  margin-left:-10px;}
.menu_mluv_retratil nav {margin: 0 20px; padding: 0; list-style: none; float: left;}
.menu_mluv_retratil nav a {line-height: 65px; color: #fff; text-transform: uppercase; padding: 0 10px; text-decoration: none;}
.menu_mluv_retratil nav a:hover {border-bottom: 2px solid #fff;}


<div class='menu_mluv_retratil'>
<nav>
<div style='margin-left:-100px;'>
<a href='/'>Página inicial</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/anuncie.html'>Sobre</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/resenhas.html'>Resenhas</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/divulgue.html'>Contato</a>
&#10084;
<a href='http://maidydesign.blogspot.com.br/'>Créditos</a>
<div style='margin-top:-49px; margin-left:1090px;'>
<form action='/search' id='searchthis' method='get' style='display: inline;'>
<input id='pesquisafsm-caixa' name='q' placeholder=' Procure no blog' size='30' type='text'/>
<input id='pesquisafsm-botao' type='submit' value='Buscar'/>
</form>
</div>
</div>
</nav>
</div>



#pesquisafsm-caixa:hover {opacity:1;}
#pesquisafsm-caixa { background: #eee; padding:10px; border:0 none; width:150px; opacity:0.6;} #pesquisafsm-botao { border: 1px solid #222; color: #b27d90; padding-left:10px; padding-top:10px; background: #fff; margin-left: -3px; color:#a8d2cd; font: 'trebuchet ms', trebuchet; padding:10px 20px; border:0 none; font-weight:bold; } #pesquisafsm-botao:hover { color: #eee; border: 2px solid #bbb; padding-left:8px; padding-top:8px; background: #ffb3ce; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:8px 18px; font-weight:bold; }
h55 { font-size:16px;  font-family: 'Open Sans Condensed', sans-serif;  text-align: left; margin-left: -10px; margin-top:-30px; line-height:20px; width:180px; position: absolute;  }
http://loja.cozinhadoquintal.com.br

Zoom

no dia 14 julho 2016


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, temporibus, repellat? Placeat nihil itaque culpa eu.
Saiba mais

Assinatura automática

no dia 05 julho 2016

Abaixo de jumplink:
<div class='author'>
  <a class='nomeauthor' expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'><data:post.author/></a>
  <img class='img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url'/>
</div>

CSS:
.author {width: 100%;display: block;text-align: center;}
a.nomeauthor {font-family: 'atelas_personal_use_onlyRg';text-decoration: none !important;color: #F52596;font-size: 30px;background: url(http://i.imgur.com/et7w45H.png) no-repeat left top;display: inline-block;width: 444px;padding: 33px 0px 50px 0px;text-align: right;}
img.img-circle {border-radius: 50%;width: 60px;display: inline-block;position: relative;top: 14px;}

Slide de posts recentes

no dia 04 julho 2016

/* Slide de postagens recentes */
#featuredpost {
margin:0 auto;
}
#slides *{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#slides ul,#slides li{
padding:0;
margin:0;
list-style:none;
border:0px solid #000000; /*--COR, TIPO E ESPESSURA DA BORDA DO SLIDE--*/
position:relative;
}
#slides ul{
width: 200%;
height:340px;
}
#slides li{
width:50%;
height:100%;
position:absolute;
display:none;
}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:50%;height:50%}
#slides li:nth-child(3){left:50%;top:50%;width:50%;height:50%}
#slides li:nth-child(4){display:none;}
#slides li:nth-child(1) h4 {
visibility:visible;opacity:1;
overflow:hidden;
font-size:34px; /*--TAMANHO DA FONTE DO SLIDE MAIOR--*/
bottom:0;
left:0;
color:#fff; /*--COR DA FONTE DO TEXTO DO SLIDE ATIVO--*/
width:100%;
padding:5px;
text-align:center;
text-transform:uppercase;  /*--COLOCA O TEXTO EM CAPSLOCK--*/
background:#ff2096; /*--COR DE FUNDO DO TEXTO DO SLIDE ATIVO--*/
height:90px;
font-family:'BenchNine', sans-serif;  /*--DEFINE A FONTE--*/
line-height:34px;
z-index:3;
opacity:0.8;
}
#slides li:nth-child(1) .label_text {
color:#fff;/*--COR DA FONTE DA DATA SLIDE ATIVO--*/
font-size:0px; /*--TAMANHO DA FONTE DA DATA SLIDE ATIVO--*/
display:block;
bottom:10px;
left:10px;
top:initial;
right:initial;
padding:0;
font-family:'Arial';
}
#slides li:nth-child(1) span.dd {
display:block;
font-size:0px; /*--TAMANHO DA FONTE DA DATA SLIDE ATIVO--*/
padding:12px 20px;
background:none; /*--COR DE FUNDO DA DATA SLIDE ATIVO--*/
margin:0;
}
#slides li:nth-child(1) span.dm {
display:block;
font-size:0px;
background:none; /*--COR DE FUNDO DO MÊS SLIDE ATIVO--*/
color:#fff; /*--TAMANHO DA FONTE DO MÊS SLIDE ATIVO--*/
padding:5px 21px;
text-transform:uppercase;/*--TEXTO EM CAPSLOCK--*/
margin:0;
}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{
display:block;
width:100%;
height:auto;
border:0;
padding:0;
background-color:none; /*--COR DE FUNDO DO MÊS SLIDE ATIVO--*/
-moz-transform:scale(1.0) rotate(0);
-webkit-transform:scale(1.0) rotate(0);
-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;
}
#slides li a:hover img {
-moz-transform:scale(1.1) rotate(1deg);
-webkit-transform:scale(1.1) rotate(1deg);
-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;
}
#slides .overlayx{
width:100%;
height:100%;
position:absolute;
z-index:2;
background:#000;  /*--COR DE FUNDO DO MÊS SLIDES MENORES--*/
opacity:0.2;
}
#slides li:nth-child(2) img{
width:50%;}
#slides li:nth-child(3) img{
width:50%;}
#slides li:nth-child(2) .overlayx{
background:#ff2096;  /*--COR DE FUNDO HOVER DOS SLIDES MENORES--*/
opacity:0;}
#slides li:nth-child(3) .overlayx{
background:#ff2096;  /*--COR DE FUNDO DO MÊS SLIDE ATIVO--*/
opacity:0;
}
#slides li:hover .overlayx,#slides li:hover:nth-child(2) .overlayx,#slides li:hover:nth-child(3) .overlayx{opacity:0;}
#slides h4,#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{
z-index:3;
opacity:0.9;
position:absolute;
bottom:0;
right:0;
left:0;
margin:0;
font-size:15px; /*--TAMANHO DA FONTE DOS TÍTULOS--*/
font-family:'BenchNine', sans-serif;/*--TIPO DE FONTE--*/
padding:10px 15px;
color:#fff; /*--COR DE FONTE--*/
line-height:20px;
font-weight:normal;
background:#000000; /*--COR DE FUNDO DOS TÍTULOS SLIDES MENORES--*/
text-align:left;
transition:all .4s ease-in-out;
}
#slides .label_text{
opacity:0.9;
font-size:12px;
color:#fff;
top:5px;
right:0;
z-index:3;
position:absolute;
background:transparent;
padding:5px 10px;
font-family:'Arial';
text-transform:uppercase; /*--COLOCA O TEXTO EM CAPSLOCK--*/
transition:all 0.3s ease-in-out;
}
#slides li:hover:nth-child(2) .label_text,#slides li:hover:nth-child(3) .label_text{
background:#fff; /*--COR DE FUNDO DATA SLIDE MENOR HOVER--*/
color:#000; /*--COR DE TEXTO DA DATA--*/
right:5px;
opacity:1;
}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover:nth-child(2) h4,#slides li:hover:nth-child(3) h4{
background:#ff2096;  /*--COR DE FUNDO HOVER DO SLIDE MENOR--*/
opacity:1;
z-index:4;
}
#featuredpost #buttons {
text-align:left;  /*--ALINHAMENTO DAS SETAS--*/
background:transparent;
margin:0 10px;
}
#featuredpost #buttons a {
font-size:20px;  /*--TAMANHO DAS SETAS--*/
padding:0 5px;
color:#ff2096; /*--COR DAS SETAS--*/
background:transparent; /*--COR DE FUNDO DAS SETAS--*/
}


<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
    $("#nav-mobile").html($("#nav-main").html());
    $("#nav-trigger span").click(function(){
        if ($("nav#nav-mobile ul").hasClass("expanded")) {
            $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);
            $(this).removeClass("open");
        } else {
            $("nav#nav-mobile ul").addClass("expanded").slideDown(250);
            $(this).addClass("open");
        }
    });
});
//]]>
</script>





<div id='featuredpost'/>
<script type='text/javascript'>
//<![CDATA[

function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:5,idcontaint:"#featuredpost",ImageSize:500,interval:10000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://3.bp.blogspot.com/-v45kaX-IHKo/VDgZxWv0xUI/AAAAAAAAHAo/QJQf8Dlh3xc/s1600/grey.gif",MonthNames:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx" title="prev"><i class="fa fa-caret-left"/> </a><a href="#" id="nextx" title="next"> <i class="fa fa-caret-right"/></a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'" title="'+k+'"><div class="overlayx"></div><img class="random" src="'+u+'" title="'+k+'"><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click();};document.write('')

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.thaissantos.com/",
MaxPost:10, /*--QUANTIDADE DE POSTS EXIBIDOS--*/
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script></div>
</div>

Postagens mais visitadas

Minha lista de blogs