Jennys Bloggmix -

CSS-SCRIPT / LÄNK-EFFEKTER

DATUM: 2010-07-30

KLOCKSLAG: 12:54:59

Länk-effekter med CSS

 Ändra färg vid hover



Kopiera koden nedan.  
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>

 Bakgrundsfärg vid hover



Kopiera koden nedan.  
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

<style type="text/css">
<!--
a:link { text-decoration: none;
color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { background-color: yellow; }
-->
</style>

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>





 Overline & underline



Kopiera koden nedan.  
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

<style type="text/css">
<!--
a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline overline; }
-->
</style>

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>




 Letterspacing



Kopiera koden nedan.  
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V


<style type="text/css">
<!--
a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { letter-spacing: 4px; }
-->
</style>

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>





 Dashed underline hover



Kopiera koden nedan.  
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

<style>
<!--
a:link { font: Verdana;
color: #000;
text-decoration: none;
}
a:active { font: Verdana;
color: #000;
text-decoration: none;
}
a:visited { font: Verdana; color: #000;
text-decoration: none;
}
a:hover { font: Verdana;
color: #000;
text-decoration: none;
border-bottom: 1px dashed #000; }
-->
</style>

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>

Blogg Design:
Kommentera

Jag har nyss laddat ner några nya Styles till Photoshop.
Jag gillade dom skarpt och kände då för att dela med mig till er.

Klicka på namnen och ladda ner dom på en gång, givetvis så är dom gratis

Styles #1

Styles #2

Styles #3

Blogg Design:
Kommentera

Brukar ni kolla bloggvärde på eran blogg?

DATUM: 2010-07-25

KLOCKSLAG: 11:45:39

Brukar ni kolla värderingen på eran blogg

Det brukar jag göra som en kul grej

För jag tycker det är kul när man ser att den blir mer och mer värd. men frågan är ju hur dom egentligen gör för och värdera de olika bloggarna

Är det någon som vet

Med tanke på att jag inte har bloggat särskilt länge utan mer exakt 1 år. Och min är värderad till mer än de som kanske bloggat 2 år och som har många fler besökare än vad jag har.

Blogg Design:
Kommentera

Beställa en bloggdesign

DATUM: 2010-07-19

KLOCKSLAG: 14:12:41

Mejla mig på: babypink@live.se

Blogg Design:
Kommentera

Tävlingen avslutas på tisdag

DATUM: 2010-07-17

KLOCKSLAG: 14:28:59

Glöm inte av och anmäla er till Tävlingen där ni kan vinna denna bloggdesign

Den avslutas på tisdag

Klicka på bilden så får ni se den live

Blogg Design:
Kommentera

Ladda ner typsnitt

DATUM: 2010-07-16

KLOCKSLAG: 21:12:25

Här delar jag med mig utav några fler typsnitt som ni kan använda er utav.

Bickham script Fancy

Commodore 64 pixelized

Jellyka

Rasterman

Silkscreen

Blogg Design:
Kommentera

Få fler besökare tilldin blogg

DATUM: 2010-07-13

KLOCKSLAG: 18:48:26

Vill du ha fler besökare till din blogg?

Inga problem!

Registrera dig på blogstart.se och du får en unik startsida som visar andra medlemmars bloggar.

Varje gång du ser en blogg, ser någon din blogg

Smart va

Blogg Design:
Kommentera

Högerklickskydda utan popup-ruta

DATUM: 2010-07-11

KLOCKSLAG: 20:31:40

1 ). Gå in på design kodmallar

2 ). Leta upp <body>

3 ). Lägg in följande kod i <body>

KOPIERA DENNA KODEN:

oncontextmenu="return false"

hjälp bild

För och kopiera koden så markerar du texten, sen håller du inne Ctrl och trycker ner tangent C.
Sen öppnar du upp anteckningar på din dator och håller inne Ctrl och trycker ner tangent V

4 ). Spara och gör detta i resterande kodmallar

Blogg Design:
Kommentera

Kort genomgång av koderna i stilmallen

DATUM: 2010-07-10

KLOCKSLAG: 13:00:42

Jag tänkte nu göra en snabbgenomgång för vilka koder i stilmallen som står för vad helt enkelt!

body { = själva bloggbakgrunden. Antingen om man har en bakgrund eller om man bara kör med en färg.

#wrapper { = hela arket. Allt som inte är bloggbakgrunden.

#header { = headern. Andra ord för header är logga eller banner.

#side { = menyn som finns på höger eller vänster sida beroende på din stilmall.

#content { = själva stället man skriver inläggen på.

#header a { , h1 {, h2 { = dessa står för rubriktexten längst upp i bloggen. Vill ni inte att de ska synas så kan ni skriva in 0px;

h3 { = inläggsrubrikerna.

.navheader { = menyns rubriker, ex. senaste inläggen, kategorier osv.

.nav { = länkarna under Senaste inläggen, Kategorier, Länkar, Arkiv,

.entrybody { = texten man skriver i inläggen, inläggstexten helt enkelt

.entrymeta { = länkraden under inläggen där det bland annat brukar stå "kommentarer (0) trackbacks (0)"

.commentheader { = där det står "postat av - namn" bland kommentarerna.

.commenttext { = texten i själva kommentaren som någon har skrivit.

.commentmeta { = länken/bloggadressen under kommentartexten.

.commentform { = själva rutan där man skriver sin kommentar.

.separator { = linjen som skiljer inläggen åt.

form { = sök i bloggen rutan.

Säg gärna till om ni vill ha någon mer kod förklarad!

Blogg Design:
Kommentera