15/02 - Bases+Menus
22/02 - LayoutFree+Afiliados
01/03 - BackIcons+blockquote
15/03 - Gadgets
22/03 - Paletas+Efeito nas imagens
12/05 - Breve
01/12 -Breve
28/01 - Breve
20/03 - Breve
12/05 - Pagar contas
01/12 - Breve

sábado, 22 de fevereiro de 2014

Saiba como o layout funciona

Códigos
Pesquse;
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
                                                                                   Afiliados:
<a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a> <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
<center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Mais/Menos</a>
<div id="rabbit" style="display:none">
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a> <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a>
 <a href="LINK" title="NOME"><img class="efeito-less-isa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0Uu2CU46qssv7QIuVAadYT0-JH9uQN4G1r8FHh122Jx9Jv89YpdNNnAxthT-wm1bZX26AdImuFI7Pb670sl8Bmt5bquNVApEEVSCmIBQlldsH7uO_4l28gO18ARMhwLKbc6DgtFP6TjI/s1600/006winx.jpg" /></a></div></center>       
                                                                              Topo do blog:
                                                           <div style="margin-left: 970px; margin-top:-200px;margin-bottom: 50px;"> <div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/52834.gif" /> <b>15/02 </b>- Bases+Menus </div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Comentario.gif" /> 22/02 </b>- LayoutFree+Afiliados</div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/cine.gif" /> 01/03 </b>- BackIcons+blockquote</div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Clip.gif" /> 15/03 </b>- Gadgets</div>
<div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/52834.gif" /> <b>22/03 </b>- Paletas+Efeito nas imagens </div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Comentario.gif" /> 12/05 </b>- Breve</div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/cine.gif" /> 01/12 </b>-Breve</div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Clip.gif" /> 28/01 </b>- Breve</div>
<div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/52834.gif" /> <b>20/03 </b>- Breve </div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Comentario.gif" /> 12/05 </b>- Pagar contas</div><b>
</b><div id="agendabypfe"><b><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/cine.gif" /> 01/12 </b>- Breve</div><b>
</b><div id="agendabypfe"><b></b></div></div> 
                                                                                       Tags:
                                             <div class='lado-esquerdo'>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
</div>
<div class='lado-direito'>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
<a href="Link"><div id="menu-tags-dois-isa">NOME</div></a>
</div> 
                                                             Menu:
 <script src="http://sites.google.com/site/menudeslizante/menudeslizante/prototype.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/menudeslizante/menudeslizante/effects.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/menudeslizante/menudeslizante/side-bar.js" type="text/javascript"></script>
<style>
body{font-size:75%;}
a{outline: none;}
a:active{outline: none;}
#sideBar{text-align:left; padding: 4px 0 4px 6px; border: 1px solid #fff;}
#sideBar h2{
padding: 4px 0 4px 6px;
color:#FFFFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
color:#000; text-shadow:-2px -2px 3px #808080;
padding: 4px 0 4px 6px;
font-size:165%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0 10px 3px 3px;
padding:2px;
list-style-type:none;
display:block;
background-color:#808080;
border: 3px groove #ccc;
width:177px;
color:#FFFFFF;
text-shadow: 2px 3px 4px #000;
}
#sideBar li a:hover{
width:160px;
color: #000;
background-color:#ccc;
border: 3px ridge #ccc;
text-shadow: 2px 3px 4px #000;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding: 6px 0 6px 14px;}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 100px;
left:0px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimHqGyrXvfXF01tRmZlko9JdHubGCSSJYNbjwVQFmu9GjNAfB8zWEsjzGk0Ryip33myzBnmkRTp4fvG1UqUuxsFXt56Ofok3avDZ4om8ba3m-wQsc5nOPv9DqCMspEZrJ5_yOVPxAKujQ/s1600/cin.png') repeat;background-position:top right;}
#sideBarTab{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimHqGyrXvfXF01tRmZlko9JdHubGCSSJYNbjwVQFmu9GjNAfB8zWEsjzGk0Ryip33myzBnmkRTp4fvG1UqUuxsFXt56Ofok3avDZ4om8ba3m-wQsc5nOPv9DqCMspEZrJ5_yOVPxAKujQ/s1600/cin.png') repeat;
float:left;
height:137px;
width:28px;
}
#sideBarTab img{border:none;}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:360px;
}
#sideBarContentsInner{width:200px;}
</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2><span>Menu</span></h2>
<ul>
<li><a href="ENDEREÇO DO LINK 1">Link Um</a></li>
<li><a href="ENDEREÇO DO LINK 2">Link Dois</a></li>
<li><a href="ENDEREÇO DO LINK 3">Link Tres</a></li>
<li><a href="ENDEREÇO DO LINK 4">Link Quatro</a></li>
<li><a href="ENDEREÇO DO LINK 5">Link Cinco</a></li>
<li><a href="ENDEREÇO DO LINK 6">Link Seis</a></li>
<li><a href="ENDEREÇO DO LINK 7">Link Sete</a></li>
</ul>
</div>
</div>
<a id="sideBarTab" href="#">
<img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyLNTG-B63NBuJyMr0XBh6TwHzaZLc4XWm6DLntGSR1Rh-h-ZYuh_vPHDhzKWR2hbf4tSztJ9eeoMEVfLOxYURQTzVTX6gAuDEKsAPRhhKTW4nozbxQ7MZbEXrdZFKz-kIuMnceNVfb7Pt/s1600/Bloom+Harmonix+Poder+Linda.png" title="sideBar" /></a>
</div> 

Um comentário: