Ram runt dina bilder!
Jag vet att många frågar om det här med ramar runt bilderna och varför det inte funkar fastän det står i koden för stilmallen.
Tyvärr så är det så att blogg.se har valt att plocka bort den funktionen, istället för att låta varje bloggare avgöra själv.
Så, även om det ser ut som att du har en ram runt dina bilder när sidan laddas, så försvinner den när sidan har laddats klart, och det beror på att blogg.se har spärrat den funktionen.
Men, man kan skapa en egen ram om man vill, genom att modifiera sin stilmall lite.
Om du bara vill att bilderna i dina inlägg ska få en ram, ska du göra så här:
1. Gå in i din stilmall.
2. Leta upp följande kod:
.image{
3. Om där finns en rad som heter border, ta bort den i så fall och lägg sedan till följande rader:
Jag vet att många frågar om det här med ramar runt bilderna och varför det inte funkar fastän det står i koden för stilmallen.
Tyvärr så är det så att blogg.se har valt att plocka bort den funktionen, istället för att låta varje bloggare avgöra själv.
Så, även om det ser ut som att du har en ram runt dina bilder när sidan laddas, så försvinner den när sidan har laddats klart, och det beror på att blogg.se har spärrat den funktionen.
Men, man kan skapa en egen ram om man vill, genom att modifiera sin stilmall lite.
Om du bara vill att bilderna i dina inlägg ska få en ram, ska du göra så här:
1. Gå in i din stilmall.
2. Leta upp följande kod:
.image{
3. Om där finns en rad som heter border, ta bort den i så fall och lägg sedan till följande rader:
Background anger vilken färg ramen ska ha, och padding anger vilken bredd ramen ska ha.
4. Spara din stilmall, så är allt klart.
Om du vill ha en ram runt precis alla dina bilder som du har på bloggen, även de som du lägger till manuellt med hjälp av html-kod, t ex i menyn eller så, då ska du göra så här:
1. Gå in i din stilmall.
2. Lägg till följande kod längst ner i din stilmall:
2. Lägg till följande kod längst ner i din stilmall:
Rullande text!
En lite rolig grej man kan ha på sin blogg, är text som rullar eller åker in på sin sida.
Det finns en mängd olika varianter på hur man kan styra texten, och jag tänkte lägga upp koden för några varianter iaf.
Kopiera och klistra in antingen i ett inlägg, eller i din kodmall. Om du ska lägga in det i ett inlägg, så måste du ändra textredigerare först så att du bara kodar i ren HTML (klicka på ändra redigerare nere till höger).
Du kan modifiera koden lite på egen hand om du vill, här har du en liten förklaring:
<style type="text/css">
.marquee {
height:30px; <— höjden på rutan
width:500px; <— bredden på rutan
background-color:ffff33; <— bakgrundsfärg på rutan
font-family:Cursive; <— typsnittet på texten
font-size:12px; <— storleken på texten
color:33cc33; <— färgen på texten
border-width:1px; <— tjockleken på kantlinjen
border-style:solid; <— vilken typ av kantlinje (solid, dotted, dashed, none)
border-color:ff0000; <— färgen på kantlinjen
}
</style>
<marquee
direction="left" <— vilket håll texten ska åka, välj mellan right, left, up, down
behavior="alternate"
scrollamount="5"> <— hastigheten på texten
Lägg in din egen text här…</marquee>
Här har du lite olika varianter:
Text som studsar fram o tbx i rutan
Lägg in din egen text här…
Kopiera koden nedanför
<style type="text/css"> .marquee { height:30px; width:500px; background-color:ffff33; font-family:Cursive; font-size:12px; color:33cc33; border-width:1px; border-style:solid; border-color:ff0000; } </style> <marquee direction="left" behavior="alternate" scrollamount="5">Lägg in din egen text här...</marquee>
Text som åker genom hela rutan
Lägg in din egen text här…
Kopiera koden nedanför
<style type="text/css"> .marquee1 { height:30px; width:500px; background-color:ffff33; font-family:Cursive; font-size:12px; color:33cc33; border-width:1px; border-style:solid; border-color:ff0000; } </style> <marquee direction="left" behavior="scroll" scrollamount="5" >Lägg in din egen text här…</marquee>
Bild som åker genom hela rutan
Kopiera koden nedanför
<style type="text/css"> .marquee3 { height:50px; width:500px; background-color:ffff33; font-family:Cursive; font-size:12px; color:33cc33; border-width:1px; border-style:solid; border-color:ff0000; } </style> <marquee direction="left" behavior="scroll" scrollamount="3" ><img src="adressen till din bild"></marquee>
Text som åker uppåt i en ruta
Lägg in din egen text här…
Kopiera koden nedanför
<style type="text/css"> .marquee2 { height:300px; width:100px; background-color:ffff33; font-family:Cursive; font-size:12px; color:33cc33; border-width:1px; border-style:solid; border-color:ff0000; } </style> <marquee direction="up" behavior="scroll" scrollamount="5" >Lägg in din egen text här…</marquee>
Text som studsar upp och ner i en ruta
Lägg in din egen text här…
Kopiera koden nedanför
<style type="text/css"> .marquee4 { height:300px; width:100px; background-color:ffff33; font-family:Cursive; font-size:12px; color:33cc33; border-width:1px; border-style:solid; border-color:ff0000; } </style> <marquee direction="down" behavior="alternate" scrollamount="5" >Lägg in din egen text här…</marquee>
Nu är det bara att testa dig fram och mixtra med koder och få det som du själv vill.
Följ min blogg med Bloglovin
Till: Saga Yazdanpanah ;)
Nummer 1
Nummer 2
Nummer 3
Nummer 4
Nummer 5Kolla!
Ny design :)
En ny design!
Veckans mest använda design!!
Fin bakrund;)
Populär!
