Header Ads

Dekorera med egna foton- redigerat inlägg!


Jag insåg att jag kanske ska göra ett litet tillägg till föregående tutorial eftersom det ju faktiskt finns fler saker man kan göra med koden vi använde till animationerna.

Du kan också skapa ditt eget fotocollage och lägga in brevid din blogg, vill du kan du ha en rad med foton som löper ner längs bloggen. Med den här koden följer bilderna med upp då man scrollar, så alla syns.


Det du får tänka på är att eftersom foton är lite större än små animeringar måste du antagligen minska avståndet till kanten på webläsaren i koden, alltså minska siffran i right (eller om du byter ut ordet mot left)

Glöm inte att skriva rätt storlek på bilden i koden, i den gröna delen nedan.

<div id="tag" style="position:absolute; right:60px; top:60px; width:153px; height:122px;">
<a href="http://fixa-din.blogspot.com" target="_blank">
<img border="0" src="http://DinBildsDirektlänk"/>
</a></div>

Koden lägger du som tidigare i en HTML/Javascript-gadget.

Edit: Jag har lekt lite med koden och hittat ett sätt som gör att du kan bestämma exakt vart bilden ska ligga oavsett skärmstorlek.

Genom att använda den här koden istället kan du placera ditt bildcollage/din bild precis där du vill på högra sidan på din blogg. Även här kräver det att du testar lite olika sifferkombinationer för att hitta rätt placering, men om du har snabbredigeringen av gadgets aktiverad ( så du ser de där små verktygen vid gadgetarna då du är inloggad ) så gör du det enkelt från bloggens framsida och behöver inte gå omvägen via layout-läget.

<div id="tag" style="position:absolute; center:0px; top:60px; width:1580px; height:400px;">
<a href="http://fixa-din.blogspot.com" target="_blank">
<img border="0" src="http://DinBildsDirektlänk"/>
</a></div>

Flytta bilden till höger genom att öka den gröna siffran och till vänster genom att minska den. Du kan inte få bilden till vänster om bloggtexten med den här koden, men du kan justera som du vill på högersidan.
Glöm inte att ställa in rätt höjd på bilden i den blå delen av koden.
-------------------------------------

Tycker du att min bakgrund är fin i exempelbilden ovan?
Du kan hämta den hos Fixa-forumets duktiga designer Jakeline, den heter Dotted Halloween
Bilderna jag lagt in till höger är förstås inte med!



6 comments:

  1. Oh...jädrar va kul!!! Detta måste jag prova...TACK...

    ReplyDelete
  2. Kul!!!! & snyggt ♥...

    ReplyDelete
  3. o det här säger du först nu? =) det ska testas bara tid finnes ..

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. Ojojoj vad bra det blev !!!

    Tackkk!!

    ReplyDelete
  6. det händer inte ett smack när jag ökar/minskar den gröna siffran.. :(

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------