Layout Free - One Di Things por - Sammy Ramos

SIGA AS INTRUÇÕES !

Para baixar o layout clique Aqui ( http://www.mediafire.com/view/gv5o30pn5j15w6l/Layout_free_-_Sammy.xml ) .

Para modificar o cabeçalho, você terá que modifica-ló no Photoshop, por isso aqui está o PSD ( www)

depois de modificar você terá que ''MAPEAR'' seu cabeçalho .

'' Mas Samara como faz isso?! ''

o mapeamento é feito no site http://www.image-maps.com/ 

''EU NÃO SEI USAR'' aqui está um video ensinando a fazer .

Logo em seguida proucure por </head> logo a abaixo dele terá o seguinte código ( esse código é o que o imagens-maps vai ''disponibilizar'' para seu cabeçalho'')

<div style='margin-top: -10px; left: 200px; text-align:center'><img alt='' border='0' height='454' id='Image-Maps-Com-image-maps-2014-04-20-081938' orgHeight='454' orgWidth='1000' src='http://www.image-maps.com/m/private/0/fvap9t60itg77t8etbhr2alvd1_cabe.png' usemap='#image-maps-2014-04-20-081938' width='1000'/>

<map id='ImageMapsCom-image-maps-2014-04-20-081938' name='image-maps-2014-04-20-081938'>
<area alt='' coords='265,178,319,201' href='hime/' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='' coords='398,182,471,200' href='/p/fanfics.html' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='' coords='570,178,692,200' href='/p/fics-em-andamento.html' shape='rect' style='outline:none;' target='_self' title='kjlhgutcthx'/>
<area alt='' coords='739,178,836,200' href='kgl' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='' coords='865,178,928,203' href='http://onedithings.blogspot.com.br/' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='' coords='151,232,188,270' href='https://twitter.com/Glossy_Sammy' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='' coords='152,291,189,329' href='https://www.youtube.com/user/samaralindajb' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='' coords='151,344,188,382' href='https://www.facebook.com/Mara.Ramos.Directioner?ref=tn_tnmn' shape='rect' style='outline:none;' target='_self' title=''/>
<area alt='Image Map' coords='998,452,1000,454' href='http://www.image-maps.com/index.php?aff=mapped_users_0' shape='rect' style='outline:none;' title='Image Map'/>
</map>
</div>

 apague todo o código e substitua por :

<div style="margin-top: -10px; left: 200px; text-align:center">CODIGO DO IMAGENS MAPS AQUI </div>

postagem vá em Layout! e edite dessa forma !

 Pronto !

BEM-VINDO (A)

<div align="center"><img src="http://i.imgur.com/NBhFYii.gif" class="border" /></div><div align="center">Olá, seja bem-vindo ao meu blog, ele não é muito grande, mas em breve será, espero que gosto do nosso conteúdo e se <i>divirta<i>!</i></i></div><div align="center"><center></center></div>

AGENDA

<div class="next"><n>20/04/14</n> ⋅⋅⋅ Fazer Layout novo.</div>
<div class="next"><n>21/04/14</n> ⋅⋅⋅ Organizar blog.</div>
<div class="next"><n>21/04/14</n> ⋅⋅⋅ Atualizar paginas.</div>
<div class="next"><n>25/04/14</n> ⋅⋅⋅ Disponiblizar Layout free</div>
<div class="next"><n>25/04/14</n> ⋅⋅⋅ Atualizar ficstions</div>

PERDIDO ?

 <style>
.search{
float: left;
}
.searchbar{
background: #FAECFF;
height: 30px;
width: 190px;
border: none;
-webkit-box-shadow: inset 0px 0px 2px #fff;
-moz-box-shadow: inset 0px 0px 2px #fff;
-ms-box-shadow: inset 0px 0px 2px #fff;
border: 1px solid #FAECFF;
font-family: 12px Open Sans;
text-shadow: 1px 1px 0px #E0C0C7;
outline-offset: -4px;
outline: 1px dashed #fff;
float: left;
margin: 3px;
color:#fff;
text-align: center;
}
</style>
<div style="margin-left: -3px;">
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Digite + enter' type="text" value="" />
</form>
</div>

CRÉDITOS

 Já vai? Oh que pena !<br />
estaremos sempre aqui <u>esperando</u> sua<i> visita&nbsp;</i><br />
<i>Layout feito por : </i><b><a href="http://onedithings.blogspot.com.br/" target="_blank">one di things</a></b><br />
<div align="center"><img src="http://i.imgur.com/X8Oq6G7.gif" class="border" /></div>

ERROS DE ORTOGRAFIA? KKKKAS SIM MUITOS EU SEI !