designhjelp

06.06.2010 @ 18:49 i tips 1 kommentar

MENY UNDER HEADER:

Du går inn på DESIGN -> REDIGER -> MALER.
Du trykker CTRL F. Da kommer det opp et søkefelt. IKKE det helt øverste.
Så skriver du BlogDescription. Det nederste stedet der det står Blog Description,
står det </div> ,under. Under </div> skriver du dette. 
Her er koden jeg brukte:

<div class="mattblacktabs">
<ul>
<li><a href="Det som står...">NAVN PÅ KNAPPEN</a></li>
<li><a href="Det som står...">NAVN PÅ KNAPPEN</a></li>
<li><a href="Det som står...">NAVN PÅ KNAPPEN</a></li>
<li><a href="Det som står...">NAVN PÅ KNAPPEN</a></li>
<li><a href="Det som står...">NAVN PÅ KNAPPEN</a></li>
</ul>
</div>



Hva jeg mener med "Det som står..." :
På bloggen din har du kanskje noen kategorier. Trykk på en kategori.
Da kommer det opp en tekst i det øverste søkefeltet.
Kopier den teksten og lim den inn der det står "Det som står...".

Hvis du skal ha fler "knapper" , skriver du bare:
<li><a href="Detsom står...">Navn på knappen</a></li>
under der du skrev det samme sist.


Plasser denne HELT NEDERST 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>


HVORDAN MIDTSTILLE BLOGGEN:  ( dette legger du under #wrapper og #footeri stilsettet )


margin-left: auto;
margin-right: auto

 


BREDDEN PÅ BLOGGEN:
For å endre bredden til bloggen, legger du inn denne koden under

#header#wrapper og #footer i stilsettet. Standarden er 950px.


width: 600px;

 


FÅ HEADEREN TIL Å IKKE GJENTAS:
Det eneste du trenger å gjøre, er å legge inn denne koden under #header :

 

background-repeat: no-repeat

 


OVERSKRIFTER:

FARGE BAK OVERSKRIFT:

Det eneste du trenger å gjøre er å legge inn denne nederst i stilsettet:


h2 { background-color: #FF1493}

 

Du kan endre fargekoden senere.     Hvit: #000000}     Svart: #FFFFFF} (Eller omvendt)


LINJE UNDER OVERSKRIFTEN:

Det  du må gjøre, er å legge denne koden nederst i stilsettet:

h2 { border-bottom: 1px solid #000000}

 


LINJE OVER OVERSKRIFTEN:

Det eneste du trenger å gjøre er å legge denne koden nederst i stilsettet:

h2 { border-top: 1px solid #000000}

 


ENDRE STØRRELSEN PÅ OVERSKRIFTENE:

Denne koden legges nederst i stilsettet:
h2 { font-size: 40pt; }
Du kan selv bestemme hvilket tall som skal stå i stedet for 40.

 


MIDTSTILLE OVERSKRIFT:
Denne koden legges nederst i stilsettet:


h2 { text-align: center; }

 


FÅ DITT PERSONLIGE IKON OPPE VED SØKEFELTET:

Når du går inn på en nettside kan du se at de fleste har ett "merke" oppe ved adresselinja. Blogg.no har for eksempel en hvit "b" inni en rosa sirkel. Facebook har en blå firkant med en hvit "f" inni. Vil du også ha en slik? Det du trenger å gjøre da er enten
a) lage deg ditt eget favicon med et eller annet redigeringsprogram. Lagre som .gif, ikke større enn 17x17.
b) du kan finne på nett. Søk på google etter FAVICON.

Koden du trenger er denne:
<link rel="shortcut icon" href="http://i48.tinypic.com/hrwxsk.gif">

BYTT UT http://i48.tinypic.com/hrwxsk.gif MED BILDET DU ØNSKER Å BRUKE.

Koden skal limes inn rett over </head> i MALER. Det vil da se slik ut:
<link rel="shortcut icon" href="http://i48.tinypic.com/hrwxsk.gif">
</head>

Dette må du huske å gjøre på FORSIDEN, INNLEGG, KATEGORI og ARKIV.

Faviconet du bruker bør helst være i .ico format, men .gif funker også, men om du velger .gif vil faviconet ikke vises i enkelte nettlesere. Du kan forandre bildene dine fra for eksempel .gif til .ico HER.


Håper det hjalp!


Ingen kommentarer

Postet av: Maria&VNOM

Du har sykt fint design! Sjekke bloggen vår også? =)
Dato: 16.03.2012 Tid: 19:37 URL: http://www.vnom.blogg.no

Skriv en ny kommentar

    Image and video hosting by TinyPic

    Velkommen! Jeg heter Erin, og er en jente fra Oslo på 16 år. Jeg elsker fotografi, tegning og cheerleading, det går jo an å ha lidenskap for alt mulig! Jeg blogget på en annen blogg i 2 år, men det utviklet seg til en interesse for foto. Her legger jeg ut bilder jeg har tatt. Ikke bruk bildene mine uten å skrive kilde. © Erin H.S.

    Jeg finner overskrifter på goodreads.com/quotes
    • Innhold 2
    • Innhold 3
hits