bloggdesigntips: Hur jag gör flikar
DATUM: 2013-06-15 | TID: 08:03:00 | KATEGORI: bloggdesign | KOMMENTARER: 7
Nu är jag i Falun och spelar fotboll men jag har gjort ett tidsinställt inlägg under tiden. Det här inlägget är det suuuupermånga som har frågat efter så jag tänkt äntligen visa det.
1. börja gör en bild i Photoshop eller gimp eller något som ska vara din flik. så här ser mina ut:
jag har alltså gjort med genomskinlig bakgrund bakom. sen har jag bara gjort en ruta med skugga runt och sen ikoenen med det den ska länka till på. spara den i PNG!
2. gå in på kodmallen på bloggen och klistra in det här där du vill att dina flikar ska vara. Om du vill ha de i headern som jag har så ska du sätta det under <div id="header"> i kodmallen:
<a href="LÄNKEN TILL DET DEN SKA LÄNKA TILL HÄR"><img src="LÄNKEN TILL BILDEN HÄR"></a>
3. kopiera länken till sidan din ikon ska länka till på rätt ställe i koden. Sen laddar du upp bilderna på flikarna du gjorde. kopiera länken till bilden till rätt flik och klistra in på rätt ställe i koden. så här ser det ut för mig då:
<a href="http://weheartit.com/Mkeaila"><img src="https://cdn1.cdnme.se/1959206/6-3/weheartit_1_51827c62ddf2b30dbe5fde5d.png"></a>
4. om du förhandsgranskar nu kommer din ikon säkert sitta uppe i hörnet. Om du lite vill att den ska göra det så kan du flytta på den till där du vill att den ska sitta. Det kan du lära dig om hur man gör i inläggen jag har gjort HÄR.
så nu ser min kod ut så här:
<div style="position:absolute; width:903px; x-index:0; left: 1151px; top:135px;"><a href="http://weheartit.com/Mkeaila"><img src="https://cdn1.cdnme.se/1959206/6-3/weheartit_1_51827c62ddf2b30dbe5fde5d.png"></a></div>
sen är det bara göra så med alla dina flikar så är det klart! glöm inte spara kodmallen och göra samma sak i alla kodmallar!
det är ganska lätt faktiskt! hoppas ni förstod och fick hjälp av det här inlägget! kommentera om ni vill ha hjälp med något som inte funkar! :D
KOMMENTERA HÄR
Svar:
tyvärr så gör jag inte designer till andra :/
brabloggdesigner.blogg.se
Svar:
aa jag tror det. det är ganska svårt att förklara. men typ längst ner i stilmallen finns det typ ett stycke som heter #img och ett som heter #image . Där det står border: ändrar du så att det står 0px på båda styckena :) hoppas det funkar!
brabloggdesigner.blogg.se
Svar:
jag använder det här temat med hjärtat tror jag. jag har förmig att det heter love eller något sånt där :)
brabloggdesigner.blogg.se
Svar:
Ja visst! Vad är det du vill ha hjälp med? :)
brabloggdesigner.blogg.se
Svar:
Jag har gjort ett inlägg om det som finns under min kategori bloggdesign tips :)
brabloggdesigner.blogg.se
Trackback