Noen tips;
CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk
Fargekart:http://www.myspacedev.com/color-codes/ < her finner du mange farger, gå inn her !
______________________________________________________________________________________________
MELLOMROM MELLON HEADER OG BLOGGANDRESSE :
Gå inn på Design > Rediger > Stilsett.
Let så opp wrapper og sett inn denn koden inn under der :
margin: 0px, 0px, 0px;
Du kan få større mellomrom, bare forandre på det første tallet, eks: margin: 2px, 0px, 0px;
____________________________________________________________________________________________
SKIRFT UNDER MENYLINJENE, KATEGORIER.
Denne koden limer du inn nederst i stilsettet :
/** Entry headers **/
h3 {
font-family: Verdana, serif;
font-size: 20px;
color: #585858;
background-color:#;
border-bottom: 3px double #000000; < der skifter du farge på streken .
_____________________________________________________________________________________________
RAMME RUNDT BLOGG/ HEADER :
Først går du inn på Design > Rediger > Stilsett
Om du skal du ha det rundt bloggen din :
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000; < her kan du fikse farge på rammen .
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;
Du kan også få den sjukkere eller smalere: ta da eks : border: 3px dotted #000000;
Du kan også få en annen ramme rundt den : solid istedet for dotted.
( eller så kan du gå oppover på siden og finne en av de rammene der )
Om du vil ha ramme rundt header så lim inn den samme koden bare her :
#header {
background-color: #FFFFFF;
background-image: url('http://haawt.blogg.no/images/css/eac960022e9cfbb496ca58d05f9c1e66.jpg');
height: 380px;
( KODEN INN HER )
background-repeat: repeat;
___________________________________________________________________________________________
MIDSTILT BLOGG :
Om du vil ha midtstilt blogg så går du inn på stilsett.
Limer da inn denne koden :
#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;
______________________________________________________________________________________________
MENY FRA HØYRE TIL VENSTRE:
Du går inn på stilsttet og da skal det s sånn ut :
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
Hvis du vil ha menyen i en liten boks, så skal du legge inn denne koden:
border: 1px solid #000000;
background-color: #4D4D4D;
Hvor legger jeg den inn?
Hvis du ser under her så ser du hvor du skal lime den inn.
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
border: 1px solid #000000;
background-color: #4D4D4D;
}
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;
_____________________________________________________________________________________________
FÅ LITEN SKRIFT ISTEDT FOR STANDARSKIRFTEN :
Her inne skal du føye på denne koden:
font-size: 8pt;
Å den skal være på plassene markert med fet skrift:
#wrapper {
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
#footer {
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
a { color: #000000}
a:link { color: #000000}
a:visited { color: #510300}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #000000;
font-size: 7pt;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
_____________________________________________________________________________________________
SMAL BLOGG :
For å få bloggen smalere må du føye til den koden:
width: 610px;
Den skal du sette rett under der det står
height: 165px;
Da ser det ut som dette:
#header { background-color: #FFFFFF;
background-image: url('LINKEN TIL HEADEREN DIN...');
height: 165px;
width: 610px;
Etter du har gjort dette gjør du akkurat det samme der det står #wrapper & #footer. Å da skal det se slik ut:
#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}
______________________________________________________________________________________________
BAGRUNN SOM STÅR FAST :
Koden:
BODY {
background-image: url("her skal URL'en til bildet stå");
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}
Om du ikke bruker et spessielt bildet som bagrunn behøver du ikke og skrive inne noen URL kode, men om du har bildet, må du det !
____________________________________________________________________________________________
STØRRELSE PÅ OVERSKIRFTENE :
Tekst størrelsen på overskriftene:
h2 { font-size: 50% }
Denne skal limes inn nederst i stilsettet !
______________________________________________________________________________________________
BAKGRUNNSFARGE PÅ OVERSKRIFT
Koden:
h2 {
cursor:default;
background-color: #BAD5EC; < hvilken farge du vil ha !
color: #000000;
font-size:9pt;
font-family:tahoma;
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;
Denne koden skal du legge inn nederst i stilsettet!
______________________________________________________________________________________________
MENY UNDER HEADER !
Her kommer den koden dere har spurt etter i flere uker. Den er litt mer komplisert enn de kodene jeg har her fra før. For å plassere denne må du først:
Gå inn på Design -> Rediger -> Maler. Deretter trykker du Ctrl + F (samtidig) og skriver inn BlogDescription å trykker på Enter. Rett under BlogDescription står det </div>, under </div> er hvor du skal plassere koden:
<div class="mattblacktabs">
<ul>
<li><a href="URL-ADRESSE" mce_href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="ULR-ADRESSE" mce_href="ULR-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE" mce_href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE" mce_href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE" mce_href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
</ul>
</div>
Der det står "linken din" plasserer du linken til de forskjellige innleggene.
Skal du ha f.eks 1 til knapp så føyer du på denne:
<li><a href="URL-ADRESSE" mce_href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
Du skriver navnet du vil ha på "knappen" der det står Navn på knappen.
Når du har plassert den koden må du ta og plassere denne NEDERST inne på Maler.
<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å skal du bare lagre.