Image fade effect

Vil du at bildene din skal "falme" nr du holder musen over? Det du gjr da er legge koden under nederst i stilsettet ditt. Du bare endre p tallet 75 til hvor mye du vil at bildene skal falme.

KODEN:
img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }

07.10.2012, kl. 14:25  Design hjelp og koder  1 Kommentar

Endre strrelsen p kommentarfeltet

Forsvinner feltet ditt? ↓ Her har du koden:

G inn p DESIGN > REDIGER > MALER > INNLEGG
S trykker du p CTRL+F og sk p textarea.

Du vil da finne dette;
<textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>

Men du m redigere den slik at den ser snn ut;
<textarea id="comment_text" name="comment"style="width:290px;onchange="doChange(this);" cols="40" rows="10"></textarea>

Bare snn at det her er sagt du kan endre p tallet "290" slik at den passer din blogg!

Kilde

07.10.2012, kl. 14:22  Design hjelp og koder  0 Kommentarer

To sidemenyer

Siden denne koden er litt komplisert har jeg en link til en tutorial om hvordan man fr det: HER. Den er svensk, men den er mye bedre forklart enn det jeg noen gang kommer til forklare det.

07.10.2012, kl. 14:18  Design hjelp og koder  0 Kommentarer

Navigasjon: Hjerter

Dette legges nederst i stilsettet:

.heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
padding-bottom : 2px;}

.heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}


Og dette legger du i HTML kategoriene (Forsiden, Innlegg, Kategori, Arkiv) der du vil ha den:

<div class="heart">
<a href="LINK">NAVN</a>
<a href="LINK">NAVN</a>
<a href="LINK">NAVN</a>
<a href="LINK">NAVN</a>
</div>

07.10.2012, kl. 14:07  Design hjelp og koder  2 Kommentarer

Fet tekst, kursic etc til en farge

Fet tekst: strong {COLOR: #0096ff; } b {COLOR: #0096ff; }

Kursiv tekst: i, em {COLOR:#ff0066; }

Streket tekst, og fjerne streken: s, strike {COLOR: #ffb400; text-decoration:none; }

Understreket tekst: u {color:#00b466; text-decoration:none; }

03.10.2012, kl. 18:11  Design hjelp og koder  0 Kommentarer

Energy saving mode


Dette vil bidra til spare energi mens folk er p bloggen din, men er ikke surfer.

KODEN:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

Legg denne under <head> i HTML/MALENE (Forsiden, innlegg, kategori, arkiv).

03.10.2012, kl. 18:10  Design hjelp og koder  0 Kommentarer

Image fade effect

Hvis du vil at bildene dine skal famla nr man holder musen over den s bare kopierer du denne koden under. Dette legger du da nederst i stilsettet:

img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }

img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }

03.10.2012, kl. 18:09  Design hjelp og koder  0 Kommentarer

Tekst/bilde som str fast i siden av bloggen

<div style="position:fixed; bottom:5px; right:5px;"> Her kan du skrive en tekst, eller legge inn et bilde eller en pixel </div>

03.10.2012, kl. 18:09  Design hjelp og koder  0 Kommentarer

Gjennomsiktige innlegg

Denne kan du legge under #main, #wrapper, #entry, #side, #header eller hva du vil ha gjennomsiktig (Alt blir gjennomsiktig, bilder, tekst osv).

KODEN:
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;


Denne kan du legge under #main, #wrapper, #entry, #side, #header eller hva du vil ha gjennomsiktig (Kun bakgrunnen blir gjennomsiktig).

KODEN:
Background: url(http://i42.tinypic.com/2wdqct3.jpg);

03.10.2012, kl. 18:08  Design hjelp og koder  0 Kommentarer

Alle bilder i bloggen din i f.eks 600px;

Denne koden har jeg lett lenge etter, s jeg tenkte dele den. Hvis du har skifta design og hadde mye mindre/strre bilder enn du har n kan du bare bruke den koden og alle bildene p bloggen din blir helt samme strrelse. S hvis du vil ha strre eller mindre enn 600 p bildene, s bare endrer du 600 til et annet tall du nsker strrelsen p bildene skal vre i.

KODEN (LEGGES NEDERST I STILSETTET/CSS)
.content img {
width: 600px;
}

03.10.2012, kl. 18:07  Design hjelp og koder  0 Kommentarer
hits