Autumn



Enjoy the Sunlight

 



Lol


Garry Winogrand.

Video



 

Design

Jeg tenkte jeg kunne ha litt design-hjelp. Men jeg kan jo ikke så mye, egentlig. Så derfor legger jeg ut de html-kodene jeg har på bloggen, og kanskje noen ekstra som jeg kan. Forhåpentligvis blir det oppdatert. Også må jeg si at jeg ikke er verdens beste innen forklaring, men hvis det er noe du lurer på, kan du bare spørre, så skal jeg prøve å hjelpe deg! BTW: Her er bare noen basice koder.



FARGEKART

Her er en link til et supert fargekart jeg bruker hele tiden. Hvis det er noen som ikke skjønner hvordan det brukes, har jeg da laget et lite bilde som dere ser;

Trykk på bildet!

LITEN SKRIFT I INNLEGGENE

Dra inn på; Design > Rediger > Og bli værende på Stilsettet (CSS)
Dette er koden du skal lime inn:
font-size: 8pt;

Slik skal det se ut når du har limt den inn:

body {
background-color: #FFFFFF;
font-family: Tahoma, Geneva, sans-serif;
color: #FFFFFF;
font-size: 8pt;

Hvis du syns skriften blir for liten eller for stor, kan du gjøre om tallet 8 til et annet tall, helt til du finner den skrift-størrelsen du vil ha.



RAMME RUNDT BLOGGEN

Dra inn på: Design > Rediger > Bli værende i stilsettet (CSS)
Dette er koden du skal lime inn:

Hvis du skal ha en dottete ramme, limer du inn denne:
width: 760px;
border: 2px dotted #000000;


Hvis du skal ha en helt vanlig strek til ramme, limer du inn denne:

width: 620px;
border: 2px solid #000000;


Når du har limt inn koden skal det se slikt ut:
width: 760px;
border: 2px dotted #000000;
background-color: #FFFFFF;
LEGG MERKE TIL, du kan forandre størrelser! 
width er bredden, og border (2px) er hvor tykk ramma skal være.
Du kan lime den inn forskjellige plasser;

#header    >   ramme rundt headeren  
#wrapper  >  selve bloggen
#doc2        >  hele bloggen

Bare prøv deg frem!


FARGE BAK OVERSKRIFTENE

Dra inn på: Design > Rediger > Bli værende i stilsettet (CSS)
Dette er koden du skal lime inn nederst i stilsettet;
h2 {
cursor:default;
background-color: #000000;
color: #000000;
font-size:14pt;
font-family:georgia;
letter-spacing:8px;
line-height:13pt;
text-align: center;
padding: 5px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #000000;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;


Her får du kanskje god bruk for fargekartet jeg har linket til øverst!
Her er bilde om hva alle kodene betyr:

Trykk for å få det større.


MENY UNDER HEADEREN
Det er to ting vi skal gjøre når vi skal lime inn kodene, og det er kanskje litt komplisert hvis du ikke har gjort det før.
1. Gå inn på: Design > Rediger > Maler (HTML)
Dette er koden du skal lime inn:

<div id="menyboks" class="meny">
<ul>
<li><a href="Linken">Forsiden</a></li>
<li><a href="Linken">Videoer</a></li>
<li><a href="Linken">Om Meg</a></li>
<li><a href="Linken">Blogg</a></li>
<li><a href="Linken">Blogg</a></li>
<li><a href="Linken">Blogg</a></li>
</ul>
</div>

Nå skal jeg hjelpe dere litt med plasseringa, for det er alltid den jeg har strevet med. Jeg har tatt bilde av maler på bloggen min. Se på scrollbaren, hvis du ikke vet akkurat hvor du finner koden. Grunnen til bildet, er fordi man skal lime den inn under  </div>  , men greia er at det er maange sånne nedover malen. Så håper dette hjalp deg med plasseringa!
2. VIKTIG STEG!
Nå skal vi style den opp.
Dra til Stisett og lim inn denne koden øverst eller nederst i stilsettet:

height="40px";
background:#ffe3e9;
}
.meny ul{
list-style-type:none;
}
.meny li{
display:inline;
}
.meny a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
font-size=14px;
padding:5px;
border-right:1px solid #FFFFFF;
font-family:"Verdana";
}
.meny a:hover{
background:#465769;
}


Forklaringer her:




VIL DU FJERNE MENYEN FRA BLOGGEN

Dra inn på Design > Rediger > Stilsett.
Lim inn denne koden:

display: none;
}
Øverst eller nederst, kanskje i midten? Jeg tror ikke det har noe å si.


STØRRE PROFILBILDE

1. Dra på http://tinypic.com og last opp bildet du vil bruke. Kopier url'en som står under "Direct Link for Layout".
2. Gå inn på Design  > Rediger > Maler og trykk ctrl+f for å finne <img src ="${ProfileImageUrl}" alt="${ProfileName}" /> .
Fjern denne koden og erstatt den med <img src="TINYPIC URL'EN" height="STØRRELSEN DU VIL HA PÅ BILDET" .
Når du skal skrive inn størrelsen, skriver du bare et tall. F.eks: 70.


HVOR MANGE LESERE HAR DU?
Dra innpå: Hjem > Endre Profil > Bla nedover til Beskrivelse.
Lim inn denne koden:

<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=http://maikenstromgren.blogg.no mce_src=http://fastonlineusers.com/on4.php?d=http://maikenstromgren.blogg.no></script> </a> leser denne bloggen nå</a> <!-- End FastOnlineUsers.com --></div>

PS: Husk å bytte ut linken til min blogg, med linken til DIN blogg!


ENDRE ANTALL KOMMENTARER

Jeg har tatt bilde av malen min på bloggen. Du skjønner det forhåpenligvis da.
Håper du skjønte det.


Som sagt, kommer det sikkert flere koder, hvis du savner noen kan du spørre etter dem, men jeg kan ikke garantere at jeg har dem. Lurer du på noe, eller ikke skjønte noe, tar du bare kontakt med en kommentar eller ved å sende brev, og jeg skal prøve å hjelpe deg så godt jeg kan. Som jeg har nevnt, er jeg ikke flink til å forklare.
Dette var da altså de fleste kodene jeg har på bloggen min, eller noen jeg har hatt før. Håper de hjalp.

Om meg



 
Les mer i arkivet » September 2012 » Mars 2012 » September 2011
hits