SISTE INNLEGG KATEGORIER ARKIV OM MEG LEGG MEG TIL SOM VENN GRATIS DESIGN

Du finner meg her

http://missindecisive.blogg.no

HTML-koder: skygge bak bloggen

 

DESIGN -> REDIGER -> STILSETT Lim inn koden under #header og #wrapper (og #side hvis du har det):


webkit-box-shadow: 1px 1px 2px #a3a3a3;

moz-box-shadow: 1px 1px 2px #a3a3a3;
box-shadow: 1px 1px 2px #a3a3a3;



Du kan endre styrken på skyggen der det står 1px 1px 2px (bare å endre på tallene), og du kan endre  fargen på skyggen der det står #a3a3a3;.

 

HTML-koder: delvis gjennomsiktig bakgrunn

 

DESIGN -> REDIGER -> STILSETT Lim inn denne koden under #wrapper: 

 

filter:alpha(opacity=75);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;


Som dette:

#wrapper {
background-color: #FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}


Da vil bakgrunnen din på innlegg være litt gjennomsiktig :)

HTML-koder: midtstille overskrift på innlegg

 

For å få overskriften midtstilt så må legger du inn denne koden helt nederst i stilsettet ditt:
h2 { text-align: center; }


a { color: #FFCC66}
a:link { color: #FFCC66}
a:visited { color: #FFCC66}
a:active { color: #FFCC66}
h1, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-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 { text-align: center; }

 

HTML-koder: bilder i sidemeny

For å få bilder i sidemeny, må du først ha url til bildet ditt, den finner du HER hvor det bare er å laste opp bildet ditt og kopiere den nederste linken som kommer opp.

Deretter limer du inn koden til bildet i koden under:

<img src="BILDE URL HER" width="170" /></p>

Når du har gjort det, går du inn på DESIGN -> REDIGER -> MALER hvor du deretter søker: ${Profildescription}

 

Dette bytter du ut med denne koden:
<img src="BILDE URL HER" width="170" /></p>

 

Og da får du opp bilde i sidemenyen din. For å få flere bilder, er det bare å lime inn samme koden flere ganger under hverandre (og huske å bytte bilde url).


 

Hvis du vil at bildene skal være midtstilt i sidemenyen, setter du bare inn <center> etter der det står <p>. Husk å gjøre det samme på innlegg, kategori og arkiv!

HTML-koder: sidemeny fra høyre til venstre

 

Design -> rediger -> stilsett


#main {float: right;}
#side {float: left;}


Denne koden legges inn helt nederst i stilsettet, and woalah!

HTML-koder: meny under header

 

For å få meny under header trenger du to koder, en som skal limes inn helt nederst i stilsettet:


<style type="text/css">
.mattblacktabs{
width: 200%;
overflow: hidden;
border-bottom: 1px solid black;
}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px;
font: Normal 14px Arial;
list-style-type: none;
}
.mattblacktabs li{
display: inline;
margin: 0;
}
.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 66px;
border-right: 1px solid white;
color: white;
background: #000000;
}
.mattblacktabs li a:visited{
color: #FFFFFF;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black;
}
</style>


Og en som skal ligge under <div id="wrapper" class="yui-gc"> i alle malene dine (Forsiden, Innlegg, Kategorier og Arkiv):

<div class="mattblacktabs">
<ul>
<li><a href="ADRESSEN TIL SIDEN HER">Navn på knapp</a></li>
<li><a href="ADRESSEN TIL SIDEN HER">Navn på knapp</a></li>
<li><a href="ADRESSEN TIL SIDEN HER">Navn på knapp</a></li>
<li><a href="ADRESSEN TIL SIDEN HER">Navn på knapp</a></li>
</ul>
</div>


For å endre på utseendet på menyen, endrer du bare på koden som du limer inn helt nederst i stilsettet.

HTML-koder: mellomrom mellom innlegg og sidemeny

 

Design -> rediger -> stilsett

 


 

Finn #wrapper, deretter limer du inn denne koden under:
}
#side {

width: 250px;
font-size: 8pt;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #000000;
}

Da vil det se omtrent slik ut:
}

#wrapper {
background-color: #FFFFFF;
}
#side {
width: 250px;
font-size: 8pt;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #000000;
}


Deretter endrer du bare videre på tallene og fargene for å få det slik du ønsker.

HTML-KODER: Mellomrom mellom header og blogg

 

Gå inn på design -> rediger -> stilsett


 


Der limer du inn denne koden under #header:

margin: 0px 0px 10px 0px

Eks:
#header {
background-color: #FFFFFF;
margin: 0px 0px 10px 0px;
}
#wrapper {
background-color: #FFFFFF;
}
#footer {
background-color: #FFFFFF;
}


Hvis du vil ha større eller mindre mellomrom, er det bare å bytte ut 10px med et valgfritt tall.

HAR BYTTET BLOGG

Du finner meg HER (MISSINDECISIVE.BLOGG.NO)
Der vil jeg fortsette å legge ut gratis design!

introduction

Hei! Jeg tenkte jeg først skulle introdusere meg selv ettersom denne bloggen ble opprettet for omtrent 5 minutter siden - og sannsynligvis ikke har noen med kjennskap til ennå. 

Vel, denne bloggen har jeg tenkt til å bruke som en designblogg der jeg lager gratis design og forteller koder osv. Målet mitt for fremtiden er å bli grafisk designer, og dette er jo en god mulighet til å øve seg på det. Jeg vil veldig gjerne få tilbakemeldinger på det jeg gjør, og et par tips skader virkelig ikke!

Vi snakkes.



om meg

Her skriver du om deg selv og eventuelt hva bloggen din handler om. DESIGNET FINNER DU Her.

arkiv

April 2012 Mars 2012



Missindecisive