Layout Free - HDO: Layout HDO - regras e códigos

sexta-feira, 29 de novembro de 2013

Layout HDO - regras e códigos



Regras:

Não pode repassar
Não use como base
Pode fazer algumas modificações

E coloque credito a esses blogs mais o meu:


Agora os códigos:


About Me

<br /><center><img src="http://1.bp.blogspot.com/-JekO55dHVVE/Un6Szp-dDaI/AAAAAAAAI8s/c3KvrT8LkDI/s1600/aboutme.jpg" />
Escreva aqui sobre você  </center>
<a href="linkaqui" id="tags3">Link</a>
<a href="linkaqui" id="tags3">Link</a>
<a href="linkaqui" id="tags3">Link</a>
<a href="linkaqui" id="tags3">Link</a>

Welcome

<br /><center><img src="http://3.bp.blogspot.com/-x-i-_J-_rks/Un5ybTAOAtI/AAAAAAAAI78/RT4hrS4mxQo/s1600/welcome2_001.png" />
Escreva algo aqui  </center>
<a href="link" id="tags3">link</a>
<a href="seu link" id="tags3">link</a>
<a href="seu link" id="tags3">link</a>
<a href="link" id="tags3">link</a>

Marcadores

<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>

Afiliados

<a href="link" title="link"><img src="http://3.bp.blogspot.com/-Ps5eHXL2Shs/Un63n46vxWI/AAAAAAAAI_g/V8sMVnrUtI4/s1600/eli_001.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://2.bp.blogspot.com/-Sch8CTaYnUc/Un63n0s8xjI/AAAAAAAAI_0/97SWmNOouJ0/s1600/eli_002.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://3.bp.blogspot.com/-McBZNufPgSE/Un63oNcc66I/AAAAAAAAI_k/haMKC9J2Lf4/s1600/eli_003.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://1.bp.blogspot.com/-Dh_6_B7JomQ/Un63oeUAjjI/AAAAAAAAI_s/I46W_AWPDsg/s1600/eli_009.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://4.bp.blogspot.com/-95YUH9R00Xc/Un63pIUAzyI/AAAAAAAAJAc/Pv10BoE2u4k/s1600/eli_004.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://3.bp.blogspot.com/-Jyoqf7o5Lgs/Un63pOrPxZI/AAAAAAAAJAA/pEfaiZV5_Gg/s1600/eli_005.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://1.bp.blogspot.com/-WuuAKRvX3TU/Un63pKttEUI/AAAAAAAAJAE/4JsHpA1Tii4/s1600/eli_006.png" class="efeitopisca1" /></a>
<a href="link" title="link"><img src="http://3.bp.blogspot.com/-R97eoviQTdU/Un63poDPgEI/AAAAAAAAJAM/LiURl1uTALY/s1600/eli_007.png" class="efeitopisca1" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://3.bp.blogspot.com/-ED6W81NYRw8/Un63pjWS80I/AAAAAAAAJAU/zT7V9LBnmkg/s1600/eli_008.png" class="efeitopisca1" /></a>

Perdido?

<style>
.search{
float: left;
}
.searchbar{
background: #C8D6D9;
height: 25px;
width: 222px;
border: none;
-webkit-box-shadow: inset 0px 0px 2px #dce8ea;
-moz-box-shadow: inset 0px 0px 2px #dce8ea;
-ms-box-shadow: inset 0px 0px 2px #dce8ea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border: 1px solid #C8D6D9;
font-family: 12px Open Sans;
text-shadow: 1px 1px 0px #90a4a8;
float: left;
margin: 5px;
color:#fff;
text-align: center;
}
</style>
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='' type="text" value="" />
</form>

The End

<br /><center><img src="http://3.bp.blogspot.com/-4yxNmxM4pTA/Un5ybg8GNTI/AAAAAAAAI8A/bDBrb7F0boE/s1600/welcome2_002.png" />
Escreva algo aqui.</center><br />

Um comentário: