Image fade effect

Vil du at bildene din skal "falme" når du holder musen over? Det du gjør 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 størrelsen på kommentarfeltet

Forsvinner feltet ditt? ↓ Her har du koden:

Gå inn på DESIGN > REDIGER > MALER > INNLEGG
Så trykker du på CTRL+F  og søk 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 sånn ut;
<textarea id="comment_text" name="comment" style="width:290px;onchange="doChange(this);" cols="40" rows="10"></textarea>

Bare sånn 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 får 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 når 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 står 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/større bilder enn du har nå kan du bare bruke den koden og alle bildene på bloggen din blir helt samme størrelse. Så hvis du vil ha større eller mindre enn 600 på bildene, så bare endrer du 600 til et annet tall du ønsker størrelsen på bildene skal være i.

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

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