Otroligahast-Livet på Bäckvikens stall -

Designhjälp- Bildlänk i sidomenyn

Publicerad 2011-12-08 20:02:00 i Designhjälp

När du klickar på bilden kommer du till en sida som du länkat till. T.ex en blogg eller ett företag. Resultatet :

1. För att få fram bildens länk så laddar du upp en helt vanlig bild på din blogg. Klicka sedan på miniatyren av bilden så att bilden visas i full storlek. Kopiera länken i webbläsarens adressfält och spara den så att du lätt kan kopiera den igen. Bilden får bara vara MAX 200 px bred, välj det när du laddar upp bilden.

2. Kopiera denna länk

<a href="HÄR SKRIVER DU VARS BILDEN SKA LÄNKAS" target="_blank"><img src="HÄR KLISTRAR DU IN BILDENS LÄNK "</a>

3. Klistra in länken efter detta avsnitt:

4. Där det står att " här klistrar du in bildens länk" klistrar du helt enkelt in länken du fick när du laddade upp bilden. Byt sedan ut " här skriver du vart bilden ska länkas" mot länken till hemsidan eller bloggen man ska komma till när man klickar på bilden. Tillexempel http://otroligahast.blogg.se

Kommentera gärna om det är något ni inte förstått!

Kommentarer (0)

Designhjälp- Ram runt bloggen

Publicerad 2011-12-07 19:52:00 i Designhjälp

Nu hade jag tänkt berätta för er hur ni gör en ram runt era inläggsrutor och sidomenyn.

Detta är en Guide för blogg.se och resultater är detta:

1.Gå in på "design" och sedan "stilmall"

2. Leta upp avsnitten "div#content" och "div#side" som bör se ut ungefär som nedan. Content är den stora rutan som dina inlägg kommer upp i och side är sidomenyn, bra att veta till framtida designfix!

3. Klistra in koderna nedan längst ner i avsnittet ( innan "}" ) på både div#side och div"content:

border-bottom: 4px solid #e0dbc7;

border-top: 2px solid #e0dbc7;

border-left: 2px solid #e0dbc7;

border-right: 4px solid #e0dbc7;

border-bottom: 4px solid #e0dbc7;

border-top: 2px solid #e0dbc7;

border-left: 2px solid #e0dbc7;

border-right: 4px solid #e0dbc7;

Vissa designer har redan vissa av dessa koder och då behöver du bara klistra in de koder som "fattas". Det vill säga om

border-right: 4px solid #e0dbc7;

och

border-top: 2px solid #e0dbc7;

finns, så behöver du bara klistra in

border-left: 2px solid #e0dbc7;

och

border-bottom: 4px solid #e0dbc7;

Vill du ha en annan typ av ram, kanske att en av koderna fattas så är det bara att mixa och pyssla!

4. Ändra tjockleken och färgen på ramen såhär:

Tjockleken ändrar du genom att höja värdet i px, alltså 15 px är jättejättetjockt och 2px är ganska litet.

Färgen ändrar du genom att byta ut koden som står mellan # och ; . HÄR hittar du koder för alla färger. När du valt färg kommer koden upp i den lilla rutan efter # på hemsidan.

Vill ni har fler sådanna här guider? Många har frågat om hur headern byter bilder, vill ni att jag ska visa er det? Finns det något ni vill lära er?

Kommentarer (0)

Designhjälp- Bildlänk i sidomenyn

Designhjälp- Ram runt bloggen

Om

Senaste inläggen

Kategorier

Arkiv

Länkar

Designhjälp- Bildlänk i sidomenyn

Designhjälp- Ram runt bloggen

Om

Senaste inläggen

Kategorier

Arkiv

Länkar

Prenumerera och dela