fonttips

Tips for å få tiden til å gå når det ikke er så mye annet å gjøre, er å søke rundt på f. eks dafont {link} etter søte fonter. Jeg liker de som er enkle, og gjerne håndskrevne! Her er noen av mine favoritter for tiden:

 

 

 



Hvilke fontfavoritter har dere?


nytt design!


Det mangler litt småendringer her og der, men det får jeg bare ta etter hvert. Er ikke noe som dere kommer til å merke uansett :-) Si gjerne ifra hvis det er noe som ikke funker som det skal, så blir det fikset! Fra Byggmester Bob, hehe. Neida.

Hva synes dere?


ny header!

Kjente jeg plutselig ble grådig lei av den headeren jeg hadde, så nå er det en som er litt enklere, litt lysere og generelt litt bedre. Jeg liker den hvertfall, så får vi se hvor lang tid det tar før jeg må skifte den ut igjen. Under er forresten bildene jeg brukte! Nå skal jeg trene litt pilates, se en film og ta en tidlig kveld. Åh, det skal bli godt :-)





Hva synes du om den nye headeren? 

NY KNAPP PÅ SIDEN!


Mange har etterspurt hvor de kan kontakte meg bortsett fra bloggen, og nå er endelig "kontakt-knappen" her! Om dere trykker på den, vil dere få opp både hva jeg heter på facebook, nettby og mailen min. Slå dere løs med kontaktinga, folkens! Elsker å få henvendelser fra dere :D hehe, det fortjente en smiley. 

Synes dere dette var bra? 

nytt design!

Tre ganger hurra for mine design-skills! Hurra, hurra, hurra! Ehh, nei. Nå fant jeg faktisk bare ut at designet måtte pusses opp, og det ble waaaay enklere enn hvordan jeg hadde det før. Følte at det forrige var så tungt, på en måte. Nå er det grått og hvitt som gjelder. Og den kjempefine oransjfargen på headeren da selvfølgelig. 
Synspunkter? 

idag sjåppa jeg foto (hehe)

Sånn går det når man kjeder seg og har ingenting å gjøre. Photoshop er tingen, og selv om jeg ikke er en dreven "fotosjåpper" så får jeg til litt. Ikke gidd å pirk på småfeil da. Gjør det jo bare for gøy!
Men nå er det spilling, og så venter langhelga på meg. Herlighet, det skal bli deilig!!


DESIGNHJELP; hvordan få vekk google-reklamen

Da er det tid for litt designhjelp igjen, og denne gangen skal jeg vise dere hvordan dere får vekk den plagsomme google-reklamen som pleier å være på siden av blogger. Nå har jeg allerede tatt den bort, så den vises ikke her, men jeg kan forklare den likevel til dere. 

❤Først logger du deg inn på bloggen din, trykker på design, så rediger og så på maler (HTML). 
❤Så taster du inn CTRL + F (på mac: cmd + F) og søk etter </tag:profile>. Denne koden skal du slette, og bare denne.
❤Så må du huske å gjøre dette på alle malene dine. Da trykker du på innlegg, kategori og arkiv og gjentar steg 2. 
❤Trykk lagre, og du er ferdig!

Håper dette hjalp dere til å få den vekk!
google

Fikk dere det til?

nytt design!

Jeg har gått og irritert meg over det brune designet lenge nå, og endelig har jeg fått tid til å skifte! Jeg er storfornøyd, ihvertfall.

bilde 5
Hva synes dere? 

PHOTOSHOPHJELP; selective colouring

bilde 2
Først åpner du det bildet du vil ha i Photoshop. Jeg bruker cs4-versjonen.

bilde 4
Så trykker du på den knappen som er som ikonet over, eller så tror jeg også at du kan bare trykke på "w".

bilde 5
Da får du en liten runding som du nøye tar over det området du vil merke. Hvis det kommer utenfor er det bare å taste ctrl + Z (eller cmd + Z om du har mac), og prøve igjen!

bilde 6
Nå må du omvende markeringen.

bilde 7
Når du trykker på svart-hvitt nå, og etterpå på fjern markering, så vil bildet bli sånn:
red41388041245879225828n600
Lærte du noe?

hvilken header bør jeg ha?

Nå har jeg og Marthe kommet oss trygt til hytta uten noen reiseproblemer. Selv om vi måtte vente en halvtime utenfor togstasjonen, så var gleden stor da vi oppdaget at de hadde internett der! Gleden ble enda større da jeg logget på mailen min og så at Nina hadde laget tre headere til meg, men nå aner jeg ikke hvilken jeg skal ha. Help me!

idaheader1

idaheader2

idaheader3
Nr. 1, 2 eller 3?

Edit: Det ble nr. 2

html-koder

DE NYESTE KODENE NEDERST.

Her er noen HTML-koder som jeg har funnet litt her og der. Det er ikke jeg som har laget noen av disse! 

RAMME RUNDT BLOGGEN:

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet. 
Koden du skal legge inn er:
border: 2px solid #000000;

Hvor legger jeg den inn?
Du legger den inn under #wrapper og #footer. Ca. sånn her skal det se ut:
(Du kan også legge koden inn under #header, hvis du vil ha en ramme rundt headeren også).

#wrapper {
background-color: #FFFFFF;
border: 2px solid #000000;
}
#footer {
background-color: #FFFFFF;
border: 2px solid #000000;
 
istedet for solid, som betyr helstrukken linje rundt bloggen, kan du putte inn disse:
dotted = prikker
dashed = streker


For å endre tykkelsen på rammen, så kan du for eks. skrive 3px eller hvis rammen skal være mindre så skrive du bare 1px

MENYEN FRA HØYRE TIL VENSTRE

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet. 
Koden du skal legge inn er:
}
#main {
float: right;
}
#side {
float: left;

Hvor legger jeg den inn?
Du legger den inn under #wrapper. 
Slik skal det se ut sånn ca:
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;

MIDTSTILLE BLOGGEN DIN 

Koden du skal bruke:
margin-left: auto; 
margin-right: auto; 

Hvor legger jeg den inn?
Den skal du legge inn under #header, #wrapper og #footer.

Slik skal det se ut:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;

}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;

}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;

SMAL BLOGG
Koden:
width: 610px;

Hvor legger jeg den inn?
Du legger den under #header, #wrapper og #footer. 

Slik skal det se ut da:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}

Nå er det bare å endre tallet til hva du måtte ønske. 600px eller kanskje 800px. Du bestemmer.
ENDRE "X ANTALL KOMMENTARER" 

Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler 

- Trykk på CTRL + F tasten på tastaturet. 
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> " 
- Det du skal gjøre er å endre litt på koden slik: 
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a> 

MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE

Koden du skal bruke: 
font-size: 10pt;

Hvor skal jeg legge den inn?
Den skal du legge inn under wrapper. 

Slik for eks. skal det se ut; 
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}

Det eneste du trenger å gjøre nå er å endre tall, vil du ha større skrift skriver du for eksempel 12, eller kanskje du vil ha mindre skrift, så skriver du 8...

HORISONTAL MENY (KNAPPEMENY)

Først må du gå inn på "design" så "rediger" og så "stilsett". Helt nederst i stilsettet ditt setter du inn denne koden:


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */


.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

</style>

 

Nå må du lagre stilsettet (selv om det ikke vises noe på forhåndsvisningen, ikke vær redd). For at disse skal vises må du nå gå inn i "maler". Finn så denne linja:

 

<div id="wrapper" class="yui-gc">

 

Rett under den linja setter du inn denne koden:


<div class="mattblacktabs">
<ul>
<li><a href="URL-ADRESSE">valgfritt</a></li>
<li><a href="ULR-ADRESSE">valgfritt</a></li>
<li><a href="URL-ADRESSE">valgfritt</a></li>
<li><a href="URL-ADRESSE">valgfritt</a></li>
<li><a href="URL-ADRESSE">valgfritt</a></li>
</ul>
</div>

 

Så må du redigere litt i koden. La oss si at du vil ha en "knapp" som heter f.eks HOME og som linker til fremsiden din. Da må du skrive inn url-adressen til fremsiden der jeg har skrevet URL-ADRESSE, og skrive HOME der jeg har skrevet valgfritt. for eksempel slik:


<li><a href="http://www.eksempel.blogg.no/">HOME</a></li>

Url-adressen finner du ved å gå inn på din blogg (OBS: som besøkende) og klikke deg dit du vil linke knappen til. Da ser du url-adressen i søkelinja.

Det har lagt til linjer så du kan lage deg 5 knapper i en slik meny, men vil du ha flere legger du til enda ei linje med dette:


<li><a href="URL-ADRESSEN">valgfritt</a></li>

men vil du ha bare 4, fjerner du en av disse linjene.

Pass på at dette alltid står på slutten, så du ikke legger til linjer under det:

</ul>
</div>


Når det er gjort er det bare å lagre. Så må du sette inn dette i alle malene: index er den du har satt det inn i nå, men du må gjøre det i ?kategorier? ?arkiv? og ?enkeltinnlegg? også. Du kommer inn på disse malene ved å gå til ?maler? og velge rett over koderuten. Da er det bare å lagre alt.


MELLOMROM

Har du lyst på mellomrom mellom header og innhold? Da går du inn på "design", "rediger" også "stilsett".
sånn ca sånn skal det se ut:

#header {
background-color: #FFFFFF;
background-image: url(''HER ER URL'EN TIL DIN HEADER);
height: 480px;
background-repeat: repeat;
margin: 0px 0px 10px 0px; <--- HER!

Sett inn denne koden margin: 0px 0px 10px 0px; slik som jeg har gjort over. vil du ha større eller mindre mellomrom, bare endrer du der det står 10px.


FARGE BAK OVERSKRIFT
lyst på farge bak overskriftene dine?
det eneste du trenger å sette inn er: h2 { background-color: #FFCCCC; }
selvfølgelig der det står #FFCCCC; setter du inn den fargekoden du har lyst på.

det skal se ca sånn ut:

a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }
#header h1, #header p { display:none }
#header { color: #000000; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
h2 { background-color: #FFCCCC; }       <---- HER !
h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-serif; } 

^alt dette ligger UNDER #footer


FÅ BORT NAVNET OVER HEADEREN 

Koden: 
#header h1, #header p { display:none }

Hvor skal jeg legge den inn?
Den skal du legge nesten helt nederst i stilsettet ditt. 

Slik skal det noenlunde se ut; 
#header { color: #FFFFFF; }
#header h1, #header p { display:none }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFFFFF; }

FÅ BORT LINKEN (BLOGG.NO) UNDER HEADEREN DIN

Slik gjør du det:
Design -> Rediger -> Maler.
Ctrl + f. Søk på blogg.no, så skal du lete etter linjen;
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Denne skal du fjerne altså.
Etter du har tatt bort den, så skal du lagre malen, og da skal linken under headeren være borte. 


RAMME RUNDT HVERT INNLEGG

Koden:
}
.entry {
border: 1px solid #708090;
background: #FFFFFF;
text-align: center;
}

Hvor skal jeg legge den inn?
Den skal du legge helt nederst i stilsettet ditt. 

FÅ BORT RAMMEN RUNDT PROFILBILDET DITT

Koden du skal bruke:
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

Forklaring:
200 = der kan du velge hvor stort bildet skal være.
URL = Der skal du sette inn adressen for profilbildet ditt.

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk (ctrl + f) på "profile".

Slik skal det ca. se ut:
       <div id="profile" class="clearfix">
        <div>
         <a href="${ProfileUrl}" title="${ProfileName}">
          <img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">
         </a>
        </div>


FJERNE "SISTE KOMMENTARER", "AKIV"... 

Du må først gå til maler (design -> Rediger -> Maler). 
Når du har gjort det så søker du på f.eks. 'siste kommentarer'. Da skal du finne dette fram i maler: 
<h3>Siste kommentarer</h>
  <ul>
  <tag:commentlist global="true" limit="10" sort="desc">
  <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  </tag:commentlist>
  </ul>
  </div>
---
Dette skal du fjerne rett og slett. Det samme gjør du med 'Arkiv', 'Kategorier' osv. Du fjerner de du vil. 

HA SÅNN "KNAPPEMENY" NEDOVER PÅ SIDEN

Legg koden under profilbilde ditt. Om du har et eget profilbilde (kanskje et stort et som du har lastet opp på tinypic eller noe lignende) så skal koden limes inn under bildekoden. Hvis du ikke har en kode for profilbildet ditt, da vet jeg ikke hva du skal gjøre. Et tips: prøv deg frem og trykk på "forhåndsvisning" før du lagrer. 
Så må du lage et innlegg til hva du skal ha knapp om og lagre det (ikke slett det etterpå).

<a href="LINKEN TIL INNLEGGET"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">HVA DET SKAL STÅ PÅ KNAPPEN</p><br>

 


FÅ TIL AT DU KAN SKRIVE "HER" ELLER LIGNENDE ISTEDET FOR HELE LINKEN:

 

 

Denne koden limes inn i selve innlegget der det står "HTML". 

<A TARGET="_blank" href="URLen til siden">TEKST HER</A>

 


FÅ VEKK GOOGLE-REKLAMEN:

 

Gå til maler og trykk CTRL + F og søk etter </tag:profile>. Denne koden skal du slette, og husk å gjør det på alle malene (innlegg, arkiv, kategorier). Da er forhåpentligvis den plagsomme google-reklamen borte.

 


MELLOMROM OVER HEADEREN:

 

Gå til maler og trykk CTRL + F. Så søker du etter <div id="doc2">. Så limer du inn koden <br> under den linja og du har da fått et mellomrom! Hvis du vil ha større mellomrom så tar du en ny linje og limer inn den samme koden. Husk å gjøre dette på alle malene. 

 


Hvordan vise hele innlegg på kategori og arkiv?
Du må gå inn på maler (HTML) og søke opp denne linja;

<tag:entrylist limit="1000" maxchars="200">

Fjern maxchars="200", men husk at > fortsatt må være der. Gjør dette på kategori- og arkiv-malene og vips, du har hele innlegg istedet for litt av dem!

 


nytt design!

Image and video hosting by TinyPic
Endelig har jeg fått laget meg et nytt design! Rosa denne gangen også, men litt enklere laget. Grunnen for at jeg laget meg nytt var fordi jeg var møkk lei det gamle designet og trengte litt nyere farger. Think pink!
Hva synes du om det nye designet?

KURS; hvordan lage animasjon?

Siden det var mange som lurte på hvordan man lager en animasjon har jeg laget et lite minikurs til dere. Lykke til!
1.
Først laster du ned photoscape her.
2. Når du har lastet det ned og åpnet det, kommer skjermbildet under opp. Trykk på "animert GIF".
 untitled 2
3.
Så finner du de bildene du vil bruke og bare drar de over til der det står "slipp bildet ditt her". Til høyre på skjermen kan du velge hvor lang tid hvert bilde skal være osv. Bare å prøve seg frem til det som passer deg best :-)
4. Når du lagrer, går det ikke an å lagre i noe annet format enn .GIF, og dette formatet greier ikke blogg.no og laste opp. Derfor må du gå innpå tinypic (som jeg bruker) og laste opp bildet der.
5. Kopier den koden som står under "HTML for websites", og lim inn koden der det står HTML i innlegget ditt (se bildet under).
 ggggggggggggg
6. Så må du enten forstørre eller forminske og da blir bildekvaliteten crap, men det vet jeg ikke hvordan man får bort.
Kan du å lage animasjon nå?

SOMMERDESIGN

Da har det endelig blitt nytt design på bloggen min igjen. Denne gangen ble det med yndlingsfargen min lys fersken, og jeg kan ikke si noe annet enn at jeg elsker det. Det er så meg!
image9idasletvikjhj
Hva synes du om det nye designet?

Designhjelp

Jeg får en del spørsmål om design og layout, så nå skal dere få noen tips, som kanskje kan hjelpe dere med HTML-kodene :-) Hvis du vil ha en unik, kul, tøff, foxy, herlig, søt, røff blogg så må du laste opp det gamle standardoppsettet. EDIT: Jeg fant nettopp ut at det er ingenting som heter det gamle standardoppsettet lenger. Så hvis du vil ha min mal og bare legge inn dine egne koder, så kan du legge meg til på msn: ida--e@hotmail.com

Fjerne den rødprikkete linja:
Trykk CTRL+F og søk opp og fjern #950C22.

Midtstille bloggen:
For at du skal kunne midtstille bloggen, må du laste opp det gamle standaroppsettet.
Da må du skrive center under der det står #header i designoppsettet ditt. Sånn ser min kode ut:

#header {
background: url(http://i38.tinypic.com/suya2o.png) no-repeat
center;
header-position: center;
padding-left: 0px;
padding-bottom:0px;
padding-top:px;
margin: 0px 0px 0px;
height: 400px;
border: 2px solid #000000;
}

Ramme rundt bloggen:
For å få en ramme rundt bloggen sånn som jeg har nå, lim inn koden under, under plassen du vil ha rammen.
border: 10px solid #000000;
Det beste er å prøve seg frem med hvor du vil ha rammen. Som du ser har jeg rundt hele bloggen. Da har jeg rammen under andre "avsnitt" av #body.

Bakgrunnsbilde:
For å få bakgrunnsbilde på bloggen må du laste opp bildet ditt i tinypic eller noe, kopiere URLkoden og lime den inn i koden som ser sånn ut:
background-image: url("HER SKAL URLEN VÆRE");
Denne koden kan du lime inn hvor som helst hvor du vil ha bakgrunnsbilde.

Farge bak overskriftene:
Hvis du vil ha det, sånn som jeg har nå, skriv det inn under ENTRY HEADERS. Koden min ser slik ut:
/** Entry headers **/
h3 {
font-family: tahoma, arial, verdana, sans-serif;
LINE-HEIGHT: 15pt;
font-size: .7px;
font-weight: normal;
background-color: #ffffff;
color: #FF80C0;
margin: 0px 0px 10px 0px;
}

Så hvis det er noe mer, er det bare å spørre!


Hvordan få nye skrifttyper?

Siden så mange har spurt hvordan man laster ned nye skrifttyper skal jeg prøve å forklare dere. Følg punktene og spør hvis det er noe så finner dere ut av det!
 
1. Gå inn på siden www.dafont.com
2. Finn hvilken skrift du vil ha, jeg anbefaler å se på Top 100 og New Fonts. Der er de fineste. Når du har funnet den skriften du vil ha trykker du der det står "Download PC / Mac OS X.
3. Da kommer det en boks, og der skal du trykke Open/Åpne
4. Så merker du alle filene som kommer opp og trykker på "Extract to".
5. Så finner du mappen "ekstrakterer" du skriftene til skrivebordet ditt
6. Gå inn på C:\Windows\Fonts og trykk Fil. Så trykekr du på innstaller ny skrift, og finner skriften på skrivebordet ditt. Trykk ok, og du er ferdig!

12
3
5


Nytt design!

ffff
Kan du vennligst si ifra hvis det ikke ser sånn ut til deg?

Ny layout

nylayout
Hva synes dere? Jeg synes at denne var mye mer personlig enn den forrige. Men deres meninger teller også :-)

DESIGN; 1 eller 2?

Det designet jeg har nå er nummer 1.
Dette er nr. 2:
1
Du bestemmer!
Å ikke glem å meld deg inn i konkurransen :-)