Jennys Modemix

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken, väskor och en STOR förkärlek till SKOR. Ni hittar även bloggtips, bloggdesign och mycket mycket mer.

CSS-SCRIPT / LÄNK-EFFEKTER

Publicerad 2010-07-30 12:54:59 i BloggTips

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
<style>
<!--
a:link { font: Verdana;
color: #000; }
a:active { font: Verdana;
color: #000; }
a:visited { font: Verdana; color: #000; }
a:hover { font: Verdana;
color: blue; }
-->
</style>
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>
Kommentarer (2)

Styles till photoshop

Publicerad 2010-07-27 22:35:28 i BloggTips

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



Kommentarer (5)

Brukar ni kolla bloggvärde på eran blogg?

Publicerad 2010-07-25 11:45:39 i BloggTips

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.

Kommentarer (1)

Beställ Design

Publicerad 2010-07-19 14:12:41 i BloggTips

Beställ Design

 

Läs igenom informationen innan du kontaktar mig och var säker på att du ska ha en beställning och jag kräver en handpenning vid beställning av bloggdesign på 90 kronor innan jag sätter igång med något, så att jag kan vara säker på att du är seriös och inte sitter med en design helt i onödan.

Jag gör endast bloggdesigner till blogg.se/webblogg.se


Priset:

Det är svårt att säga en summa på en bloggdesign rakt upp och ner eftersom alla har olika behov och önskemål. Så därför kommer jag att komma med ett fast pris när ni har mejlat mig era önskemål.
» Designer med dropdown-meny har ett pris från 250:- och uppåt. {Vill du även ha med visa o göm arkiv så är priset från  300:- och uppåt.}
» Basic design utan dropdown har ett pris mellan  150:- och 200:-

Beställning:
1) När du har bestämt hur du vill ha din design så mailar du mig på [email protected] där du skriver ner den information som krävs för att jag ska kunna göra ett så bra arbete som möjligt.

Tänk på detaljer, färger, tema, skicka bilder m.m. Hellre för mycket information än för lite!

Så beskriv så utförligt som möjligt så att du kan få din design så snarast som möjligt – och glöm inte att skriva ner din bloggadress. Märk mailet med ”Beställning”.
Bifoga alla bilder och övriga material som ni vill ha med i designen, ev. bakgrundsbild, färgkoder m.m. Ni kan blanda till egna färgkoder här.

2) Du blir placerad i min kölista och när det blir din tur så kommer jag att kontakta dig med prisförslag.

3) När jag har mottagit handpenningen så påbörjar jag designen. Så fort jag är klar så skickar jag länken till testbloggen så du kan se hur designen ser ut.

4) Du bedömer designen, och jag kan eventuellt göra lite små ändringar, men om jag får lägga ner extra mycket tid på ändringar så kommer priset att höjas, så var därför noga redan i ditt första mejl med utförlig information, beskrivning och detaljer. Mall/skiss uppskattas ifall du vill/kan göra det.

5) Betalningen sker senast 3 dagar efter att du har granskat designen. Och så fort jag har fått resten av summan så hjälper jag dig att lägga in bloggdesignen eller så kan du få koderna och klistra in det själv.

Lägg en beställning redan nu

Kommentarer (5)
Kommentarer (4)
Kommentarer (1)

Högerklickskydda utan popup-ruta

Publicerad 2010-07-11 20:31:40 i BloggTips


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
Kommentarer (1)

Kort genomgång av koderna i stilmallen

Publicerad 2010-07-10 13:00:42 i BloggTips


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!
Kommentarer (3)
Kommentarer (0)

Få en ikon i din browser

Publicerad 2010-06-22 21:27:03 i BloggTips




Du hittar några ikoner [här]  eller några utav dessa:



1. Ladda upp bilden på din blogg.


2. klicka på bilden och kopiera adressen till din bild.


KOPIERA DETTA: <link rel="shortcut icon" href=" DIN ADRESS TILL BILDEN ">



2. Gå nu in i din kodmall och klistra in koden under <head>

Gör nu detta på alla sidor och spara så ska det vara klart.

Jag hoppas att ni förstod hur man gjorde annars  är det bara och fråga
Kommentarer (13)

Personligt arkiv i menyn

Publicerad 2010-06-19 08:33:31 i BloggTips

PERSONLIGT ARKIV I MENYN

Men varje månad måste ni lägga in koden för den nya månaden själv, det går inte av sig själv.




Varje månad har en egen adress.. Månaderna måste skrivas på engelska inte svenska

EXEMPEL:

http://jennysmodemix.se/2011/january/
http://jennysmodemix.se/2011/february/
http://jennysmodemix.se/2011/march/
http://jennysmodemix.se/2011/april/
http://jennysmodemix.se/2011/may/
http://jennysmodemix.se/2011/june/
http://jennysmodemix.se/2011/july/
http://jennysmodemix.se/2011/august/
http://jennysmodemix.se/2011/september/
http://jennysmodemix.se/2011/october/
http://jennysmodemix.se/2011/november/
http://jennysmodemix.se/2011/december/


Själva adressen till varje månad är alltså: http://dinbloggadress/årtalet/månaden/


För att uppdatera för varje månad blir koden att se ut så här:
Byt ut månader samt din adress [dinbloggadress] mot din egen samt även årtal om det inte stämmer med det du vill ha




Om man vill ha all kod färdigt på en gång för kommande månader också blir det så här:




Om du nu vill ändra om ditt arkiv, så använder du dig av en kodrad som ser ut så här:
<a href="/2011/january">Januari</a>


I koden så ändrar du bara till det årtal du vill länka till och vilken månad.


2. Leta upp följande kodraderi kodmallarna och ersätt dem med koderna för dina månader:

<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>


Min ser ut så här:





<div align="center"><b><font face="tahoma" size="2" color="LightPink">2010</font></b>
<br />
<font face="tahoma" size="1" color="#LightPink"><a href="../2010/january/">Januari</a> - <a href="../2010/february/">Februari</a> - <a href="../2010/mars">Mars - <a href="../2010/april/">April - <a href="../2010/may/">Maj - <a href="../2010/june/">Juni - Juli - Augusti - September - Oktober - November - December</font></div>


Vill ni sedan stryka månader då gör ni så här:

GÖR FÖLJANDE:

<s> framför det du vill ha strukit och </s> bakom det sista ordet som du vill ska vara struket

EXEMPEL:

<s>Januari x  Februari x Mars x  April x Maj x  Juni x  </s>



HOPPAS ATT DET VAR TILL NÅGON HJÄLP
Kommentarer (13)

Ändra färg på länkar i inlägget

Publicerad 2010-06-14 19:43:38 i BloggTips

Jag fick en fråga om hur man göra för och ändra färg på länkar i inlägget.



1. Kopiera denna koden:

.entrybody a {
color: #C7CFA8;
font-family: verdana;
font-size: 11px;
}

.entrybody a:hover {
color: #FFABAB;
font-family: verdana;
font-size: 11px;
}



2. Gå in i din stilmall och klistra in koden efter detta:




3. Nu får du ändra till vilken färg, storlek och typsnitt du vill ha:



.entrybody a {
color: #cccccc; <---ändra färg
font-family: arial; <---ändra typsnitt
font-size: 11px; <---ändra storlek
}

.entrybody a:hover {
color: #000000; <---ändra färg vid mouseover
font-family: arial; <---ändra typsnitt vid mouseover
font-size: 11px; <--ändra storlek vid mouseover
}

Hoppas att jag kunde vara till hjälp. . .
Kommentarer (4)

GÖR RUBRIKEN TILL EN LÄNK

Publicerad 2010-06-12 11:14:02 i BloggTips


GÖR RUBRIKEN TILL EN LÄNK


Gå in i kodmallar, framsidan.

Bläddra ner till stycket som börjar med:


<div id="content">


Lite längre ned så finns det ett stycke som heter:

<a href="${EntryPermaLink}">Permalink</a>

Ta bort den raden helt.


Lite högre upp så finns det en rad som heter:

<h3>${EntryTitle}</h3>

Ta bort det och lägg istället till koden här under:


<a href="${EntryPermaLink}"><h3>${EntryTitle}</h3></a>


Klistra in den koden där <h3>${EntryTitle}</h3> var.


Så här ska det se ut:

<a href="${EntryPermaLink}"><h3>${EntryTitle}</h3></a>

Kommentarer (2)

Prickar vid en länk

Publicerad 2010-06-12 09:25:41 i BloggTips

Hur man gör prickar vid en länk så som bilden nedan.




1. Gå till din Stilmall

2. Näst längst upp så ser det ut så här:


a {color: #5BBF21; text-decoration: none; font-size: 13px}

a:hover {color: #ADAFAA; text-decoration:none; font-size: 13px;}


a = är när man ser länken helt vanligt
a:hover = är när man har pilen på länken - mouseover

3. Lägg till:

border: 1px solid #000000:
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;

1px = storleken (1-6)
solid/dashed/dotted = en helrad,små streck =
#000000 = färgkod

border = runt hela
border-bottom = under
border-top = toppen/över
border-left/right = vänster/höger


Så här kan det se ut:

a:hover {color: #c8e9ef; text-decoration:none; font-size: 11px; border-top: dotted 1px #d60075; border-bottom: dotted 1px #d60075; }

Hoppas ni hängde med
Kommentarer (0)

Affelix ett nytt program

Publicerad 2010-06-05 15:03:21 i BloggTips

Affelix.com


Affelix är affiliatenätverket av och för affiliates.

Ett nytt program för er som bloggar och som vill tjäna en liten slant igenom annonser.

Jag har inte hunnit prova detta men har nyss registrerat mig och kommer att göra en utvärdering längre fram.

Registrera er för det är ju ändå gratis och prova.



Affelix.com

Kommentarer (0)

Om

Min profilbild

SweetnCute

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken , väskor och en STOR förkärlek till SKOR. Ni kan även hitta bloggdesign hjälp & tips, ladda ner gratis bloggdesign, beställa personliga bloggdesign och mycket mycket mer

Senaste inläggen

Kategorier

Arkiv

Prenumerera och dela