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 str1px 1px 2px(bare endre p tallene), og du kan endrefargen p skyggen der det str #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 vre 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 frst ha url til bildet ditt, den finner du HERhvor 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>

Nr du har gjort det, gr du inn p DESIGN -> REDIGER -> MALER hvor du deretter sker: ${Profildescription}

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

Og da fr 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 vre midtstilt i sidemenyen, setter du bare inn<center> etter der det str<p>. Husk gjre det samme p innlegg, kategoriog arkiv!

HTML-koder: sidemeny fra hyre 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 skalligge under<div id="wrapper" class="yui-gc">i alle malene dine(Forsiden, Innlegg, Kategorier og Arkiv):

<div class="mattblacktabs">
<ul>
<li><a href="ADRESSENTIL SIDEN HER">Navn p knapp</a></li>
<li><a href="ADRESSENTIL SIDEN HER">Navn p knapp</a></li>
<li><a href="ADRESSENTIL 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 strre eller mindre mellomrom, er det bare bytte ut 10pxmed etvalgfritttall.

HAR BYTTET BLOGG

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

introduction

Hei! Jeg tenkte jeg frst 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. Mlet 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 gjr, 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