Posisjon 1
Posisjon 2
Posisjon 3
Posisjon 4
Posisjon 5
Posisjon 6
Posisjon 7
Posisjon 8

Gather your rosebuds....Like hvis du liker dette nye gratis designet!http://jmwebdesign.no/895/

Strrelse p innlegg: 700px

Strrelse p header: 700px

Sidemeny: Til venstre




Etter en langtid nede, med en overgang fra joomla til wordpress, er JMWebDesign tilbake i business.

Vi har mange fantastiske premium design som du kan laste ned for kun 20 kr. Du kan betale med bankkort eller sms.

Vi har ogs flere gratis design som du kan laste rett ned uten noe stress.

#gratis #design #jmwebdesign #gratisdesign #nyhet

P blogg.no sine hjelpesider har de n lagt ut en ny tag. Dette bringer mange nye muligheter innenfor design! :)

Under kategori og arkiv i maler (html) er det vanlighvis en kode some heter maxchars som begrenser mengden med tekst og som fjerner bildene slik at de ikke kommer opp nr man ser p oversikten over arkiv og kategori. Men n kan man nemlig legge til et bilde selvom man bruker maxchars! Og er kommer en forklaring p hvordan...

ORGINAL KODE:

<tag:if test="${FirstImage != ''}"> <img src="${FirstImage}" /> <tag:else /> <img src="url-til-et-standard-bilde" /> </tag:if>

Det viktigste huske nr du bruker firstimage er at du m sett koden innenfor entry.

Husk ogs at du kan sette inn et default bilde som vises hvis du ikke har bilder i innleggene ved bytte ut url-til-et-standard-bilde med en bildenettadresse (hyre klikk p bilde du vil bruke for finne bildenettadressen).

METODE 1

Ved metode 1 br du bruke orginal koden, se bilde nedenfor for forklaring.



METODE 2

Bruk forklaringen ovenfor som veileding, og lim in kodene under arkiv og kategori.<tag:entrylist> til</tag:entrylist> skal erstattes.

For f dette resultat m du lime inn bde html- og css-kodene nedenfor.

HTML

<tag:entrylist limit="1000" maxchars="200"> <div class="entry"> <div class="tekst"> <h2> <a href="${EntryPermaLink}">${EntryTitle}</a> </h2> <div class="meta"> <ul> <li>Publisert: ${EntryDate} kl.${EntryTime}</li> <li> <a href="${EntryPermaLink}#comment">Kommentarer: ${EntryCommentCount} </a> </li> </ul> </div> <div class="content">${EntryBody}<h5><a href="${EntryPermaLink}"></div> </div> <div class="firstimage"> <tag:if test="${FirstImage != ''}"> <img src="${FirstImage}" /> <tag:else /> <img src="url-til-et-standard-bilde" /> </tag:if> </div> </div> <br style="clear:both;"> </tag:entrylist>

CSS

.entry { background-color: #transparent; font-size: 12px; font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; } body .entry { margin: 60px 0 60px 0; clear: both; } .entry img { max-width: 100%; } body .entry p { line-height: 18px; } .entry .meta ul li{ list-style: none; display: inline; margin: 0 10px 0 0px; padding: 0; color: #666; } .entry .meta, .entry .tags { font-size: 10px; clear: both; } .tekst{ float:left; width: 420px; } .firstimage { width: 150px; height: 100px; overflow: hidden; float: left; margin-left: 20px; margin-top: 24px; } .firstimage img{ height:100px; }

METODE 3

For f dette resultat m du lime innbde html- og css-kodene nedenfor.

Bruk det forklarende-bilde vest i innlegget som veileding, og lim in kodene under arkiv og kategori.<tag:entrylist> til</tag:entrylist> skal slettes, med andre ord sett inn koden mellom<div id="main" class="yui-u first"><h2>${CategoryName}</h2> og<div id="side" class="yui-u">.

OBS! Om alt blir bare rot nr du limer inn kodene er det sansynlig at du mangler en </div> eller har en formye...Legg igjen et spm i forumet vrt s hjelper vi deg;)

Metode 3 passer til en blogg som har minst 600px bredde p #main og som har en farget bakgrunn Om du har en en veldig stor strelse p bloggen (# main), kan du enkelt gjre innleggene (de hvite boksene) litt strre ved endre width p .jmentry





HTML

<tag:entrylist limit="1000" maxchars="200"> <div class="jmentry"> <div class="firstimage"> <tag:if test="${FirstImage != ''}"> <img src="${FirstImage}" /> <tag:else /> <img src="url-til-et-standard-bilde" /> </tag:if> </div> <div class="tekst"> <h2> <a href="${EntryPermaLink}">${EntryTitle}</a> </h2> <div class="meta"> <ul> <li>Publisert: ${EntryDate} kl.${EntryTime}</li> <li> <a href="${EntryPermaLink}#comment">Kommentarer: ${EntryCommentCount} </a> </li> </ul> </div> <div class="content">${EntryBody}</div> </div> </div> </tag:entrylist> <br style="clear:both;"> </div>

CSS

.jmentry { background-color: #fff; font-size: 12px; font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; -moz-box-shadow: 3px 3px 3px rgba(68,68,68,0.4); -webkit-box-shadow: 3px 3px 3px rgba(68,68,68,0.4); box-shadow: 3px 3px 3px rgba(68,68,68,0.4); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; } body .jmentry { overflow: hidden; margin: 0px 10px 30px 0px; height: 380px; width: 280px; clear: none; float: left; } .jmentry img { max-width: auto; } body .entry p { line-height: 18px; } .tekst{ width:95%; margin: 10px auto; } .jmentry h2 a, .jmentry h2 a:link, .jmentry h2 a:visited, .jmentry h2 a:active { color: #000;font-weight: 200;font-size: 14px;} .jmentry .content{ margin-top: 10px; } .jmentry .meta ul li{ list-style: none; display: inline; margin: 0 10px 10px 0px; padding: 0; color: #666; } .jmentry .meta, .jmentry .tags { font-size: 10px; clear: both; } .firstimage { width: 100%; height: 230px; overflow: hidden; } .firstimage img{ height: 230px; min-width: 100%; }

#bloggdesign #blogg #bloggno #firstimage #hjelp #desighjelp #jmwebdesign #koder #html #css #entry #bloggtips

Dette freshe designet er inspirert av Vanessa Hudgens. Designet er lyst, vakkert og lekent og passer derfor perfekt for sommeren! 

Som med alle JM's design flger det selvflgelig med en litten bruksanvisning for de som trenger det. Der finner du informasjon om hvordan du laster ned designet og hvordan du kan endre ting snn som bakgrunnsfarge, menyer osv... Om du ikke finner svaret p det du lurer p i installasjonsguiden kan du legge igjen sprsml p vrt forum.

Designet har plass til bilder p en strrelse p 600px og man kan enkelt sette inn headerbilde om man vil ha det. 

 

Dette er ett av mange gratis design som du enkelt kan laste ned ved like oss p facebook.

 

Spesielt med dette designet er det er tatt i bruk den nye funksjonen til blogg.no firstimage s under arkiv og kategorier finner du en veldig kult oversikt over innleggen - hvor det er et kort sammendrag av tekst plus et lite preview bilde:) 

 

 

 

 

   Last ned  

 

 #bloggdesign #design #grtt #hvitt #VanessaHudgens #jmwebdesign #firstimage #sommer #fresh #gratis



Miranda Kerr er en kjent supermodel. Det frste man ser nr man gr inn p dette designet er header, sidemeny og hovedmeny. Frst nr man scroller nedover ser man innleggene. P denne mten blir header satt i fokus. Om du har lekkert header bildet som du vil vise frem er dette designet perfekt for deg. Hva annet er kult med dette designet? Sidemenyen sitter fast og flger innleggene. Kommentarfeltet er helt unikt, det m du bare se!P grunn av at dette designet har en hy teknisk vansklighetsgraden, noe som gjr at det tar meg lenger tid lage det, har bare PREMIUM-medlemmer tilgang til dette designet... PREMIUM medlemskap koster bare 45kr og varer i 6 mnder, da har du tilgang til support og extension. (Liker du vr facebook-side kan du f designet for KUN 10KR :0 )



Bli MedlemDEMO

NB. Du m vre premium medlem for laste ned.

#bloggdesign #design #grtt #svart #MirandaKerr #jmwebdesign

Konkurransen vinn ditt drmme design er n avsluttet. Vinneren av konkurrasen er Yvonne.

Yvonne skrev en veldig lang og detaljert forklaring p hvordan hennes drmme design ser ut. Yvonne's bloggsteinihavet.blogg.noer en mammablogg og vi likte veldig godt hennes histore og det hun blogget om.

Dette skrev Yvonne:

Genial konkurranse, satser p litt vinnerlykke! Min drmmeblogg m vre ryddig, og passe til bloggnavnet mitt stein i havet. Fargene bre vre gr/bl toner som flyter sammen, men ikke s mye at det river i ynene. Det skal vre lett finne frem til hvor du svarer p kommentarer og mulighet for dele innleggene p facebook, ikke bare like dem. Jeg nsker ogs en meny der du kan finne frem til kategorier som er mye lest og som er relevant for det bloggen handler om. Jeg har en mammablogg med et rlig bilde av hva det vil si leve med sm barn, s rosa er ikke en farge som passer. (Og det er vel gjerne derfor jeg ikke har gjor de helt store tiltakene for endre design...) Det hadde ogs vrt en klar fordel at det kom opp forslag p andre innlegg nr du leser et. Og om det er mulig skulle det vrt en plass p den venstrestilte sidemenyen der du kunne finne de mest leste innleggene. S over til grunnen over hvorfor jeg fortjener dette. Jeg laget bloggen min for dele frustrasjon og det ekte bilde med ha et sykt barn, som nesten aldri sover. Det er sjeldent jeg fr muligheten til hvile, og hverdagen er veldig krevende. Bloggen min er heller ikke av de typiske bloggene du finner, og jeg har ftt svrt mange tilbakemeldinger om at det er godt lese den for andre. Den forteller ikke bare om alle de fantastiske tingene, men ogs om det som er mindre fantastisk. S krysser fingrene for at jeg kan f et nytt design til meg og alle mine lesere :)

Vi vil takke alle som var med i konkurranse - det var mange gode bidrag og mange flinke bloggere. Vi lovte bort 5 trstepremier - men valgte gi bort trstepremie til ALLE som var med i konkurransen!!! :D

Om du var med skal du ha motatt en e-post. Om du ikke har ftt mail s skriv til admin@jmwebdesign.no.

Lyst p nytt bloggdesign? Dette er din mulighet til f akkurat det designet du har drmt om. Legg derfor igen en kommentar og fortell oss om ditt drmme design. Klokken 12. 7.Juli trekker vi en heldig vinner som fr skreddersydd design. Det blir ogs delt ut trste premier, 5 andre deltagere fr premium medlemskap hos JMWebDesign. Du kan se en oversikt over vre premium design her.

#bloggdesign #design #konkurranse #gratis



Om du er like glad i Game of Thrones som oss har du kanskje sett denne dama her, Emilia Clarke. Hun er jo helt unikt og rollen hennes somDaenerys Targaryen i Game of Thrones er rett og slett awesome. Derfor har vi blitt inspirert av henne til lage et helt unikt design, med et litt feminit preg, men fargene kan jo enkelt endres. Designet er tilpasset all skjerm typer og kommer med en detaljert bruksanvisning snn at du kan selv endre farg, lenker, menyer ogsv...

P grunn av at dette designet har en hy teknisk vansklighetsgraden, noe som gjr at det tar meg lenger tid lage det, har bare PREMIUM-medlemmer tilgang til dette designet... PREMIUM medlemskap koster bare 45kr og varer i 6 mnder, da har du tilgang til support og extension. (Liker du vr facebook-side kan du f designet for KUN 10KR :0 )

Bli MedlemDEMO

NB. Du m vre premium medlem for laste ned.

#bloggdesign #design #rosa #EmiliaClarke #jmwebdesign

Det finnes mange facebook grupper hvor man kan promotere bloggen sine ved poste innlegg. Det er en gruppe som jeg kan spesielt anbefale:https://www.facebook.com/groups/blogglesere/

Facebook gruppen "F lesere" er laget av Mikkal som er supper flink. Gruppen har over 600 medlemer og vokser raskt. Dette er en bra mte promotere innleggene sine, plus at man kommer over mange andre spennende blogger.

Cover Photo



Vi vil gjerne vite hvordan ditt perfekte design ser ut. Er det svart, hvitt ellerkanskjebltt? Er skriften tykk og stor eller kanskje liten og tynn? Har det kanskje sidemenyen p venstre side eller ikke sidemeny i det hele tatt? Ligner det p et annet design du liker?Sk gjerne p google etter design inspirationog send oss en lenke til ditt drmme design eller prv kom med en beskrivelse.

#bloggdesign #design #konkurranse #gratis



Dette er et kult Jennifer Lopez design. Med facebook og twitter buttons p siden. Du kan skifte probilde til noe du nsker og under er det instagram bilder. Designet er stilfult og har rene og enkle linjer.

P grunn av at dette designet har en hy teknisk vansklighetsgraden, noe som gjr at det tar meg lenger tid lage det, har bare PREMIUM-medlemmer tilgang til dette designet... PREMIUM medlemskap koster bare 45kr og varer i 6 mnder, da har du tilgang til support og extension.

Bli MedlemDEMO

NB. Du m vre premium medlem for laste ned.

#bloggdesign #design "#rosa


N kan du se premium designet Michelle Williams live her ->michellewilliamsdesign.blogg.no/

Se ogswww.markdesign.blogg.no/ogkendalldesign.blogg.no/

Vi oppdatter og gr igjennom designene vres og den forbinnelsen legger vi ogs til blogg.no's reklame. Ryktene sier at blogg.no har blitt strengere nr det kommer til fjerne reklamene som de har lagt p bloggene - noe vi tidligere har gjort og derefor kommer vi til legge til reklamen p alle vre templates.

Om det er noen som tiltross for det lurer p hvordan man kan fjerne reklamen finner du et innlegg om det i forumet ->http://jmwebdesign.no/index.php/no/forum/blogg-no/370-fjerne-reklame#404

Michelle Williams

#design #bloggdesign #michellewilliams




Rd Skygge

p { text-shadow: 2px 2px #ff0000;}

Vanlig skygge

CSS: p {text-shadow: 2px 2px #666; }

Stor skygge

p {text-shadow: 5px 5px #666;}

Liten skygge

h3 {text-shadow: 1px 1px #ccc; }

RGB skygge

h3 {text-shadow: 2px 4px 3px rgba(0,0,0,0.3); }

3D text

h3 {

text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

}

Glowing text

div {background-color:#210B61;}

h3 {text-shadow: 0px 0px 6px rgba(255,255,255,0.7); color:#000;}

Letter Press

div {background-color:#222;}

h3 {color: rgba(0,0,0,0.6);text-shadow: 2px 2px 3px rgba(255,255,255,0.1);}

Inset text

div {background-color:#eee;}

h3 {

background-color: #666666;

-webkit-background-clip: text;

-moz-background-clip: text;

background-clip: text;

color: transparent;

text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;

}

#bloggdesign#hmtl#css#koder#designhjelp#designtips#skrift#tekst#skygge #glow #3d #letterpress



Dette innlegget er en del av spalten"20 Design Tips"- hvor vi publiserer ting som det er nyttig vite om bloggdesign og ting du lurer p. Forrigje innleggvar en introduksjon til tekst og skrift som kan vre spesielt nyttig lese for de som er nye til webdesign.

Iden andre delen om tekst og skrift, skal vi se p hvordan man trikser med skrifta - italics, understreke, strrelse, linje hyde, STORE/sm bokstaver og skygge.

Skrift Strrelse

I forrige innlegg snakket vi en del om skrift strrelse (det kan du lese her).

h1 {color: red;}

<h1>Velkommen</h1>

h2{color: green;}

<h2> Velkommen</h2>

h3{color: purple;}

<h3> Velkommen</h3>

h4{color: blue;}

<h4> Velkommen</h4>

Line-height

For forst hva line-heighter kan du tenkte det et papier med linjer p, slik man har i kladdebker. Det ser jo best ut om det man skriver har riktig strrelse slik at det kan passe inne i linjene i kladdeboka. Skriver man med veldig liten skrift blir det veldig mye mellom hver linje og skriver man med veldig stor skrift p sm linjer er det jo ikke plass. Nr man designer websider gjelder det samme prinsippet. M br tenke p at alle paragrafer og elementer br starte og ende p en linje slik at det ser organisert ut. Om du bruker skrift strrelse 34px eller 13px og line-hyden er 6px vill ikke elementene st p linjene fordi 6px gr ikke opp i 34px eller 13px. Dette kan du se p bilde nedfor:





For at lage en webside som ser riktig bra ut m du bestemme deg for hvilken proporsjoner du skal bruke. Hvis du har line-height: 6px som utgangspunkt m du velge skrift med strrelsen 6px, 12px, 18px, 24px, 30px, 36px, osv. De som er gode i matte skjnner tegninga. P eksemplet nedfor ser du hvordan det br se ut:


Viktig husk er at line-height m ogs passe til strrelsen p teksten hvis ikke kan teksten ende opp med flyte oppi hverandre. Dette er spesielt viktig om du har stor tekst strrelse p mye tekst ? om det bare er en linje gr det greit. Hvis tekst strrelsen din er p 12px br line-height vre p 12px ? du kan ogs ha line-height p 18px fr f litt plass mellom linjene. Hvis du har skrift strrelse p 30px br du ha line-height p minst 36px hvist ikke blir det veldig trangt mellom linjene.

Eksempel CSS ? Line-height:

p {

line-height:30px;

font-size: 24px;

}

Dette vi har vrt inne p n gjelder noe som blir kalt for base-line, om man ogs skal f elementene til legge p linje med hverandre m man ogs huske sette rriktig strrelse p margin og padding. Om noen er interessert i dette kan jeg godt skrive mer om det.

Skrift Stil

Skrift stil brukes frst om fremst hvis man vil ha kursiv tekst. Resultat P { Font-style: italics; } kursiv skrift P{ Font-style: normal; } Normal skrift

CSS

Resultat

p { font-style: italics; }

Kursiv skrift

p { font-style: normal; }

Normal Skrift

Fet skrift

For f fet skrift effekt br du bruke font-weight.

CSS

Resultat

p { font-weight:400; }

Normal Skrift

p { Font-weight: normal; }

Normal Skrift

p { Font-weight: bold; } Fet Skrift
p { Font-weight: 700; } Fet Skrift

STORE og sm bokstaver

CSS

Resultat

p { text-transform:uppercase; }

STORE BOKSTAVER

p { text-transform:lowercase; }

sm bokstaver

p { text-transform:capitalize; } Store bokstaver p frst bokstav i ny setning. Nr du beggynner en ny settning. Blir frste bokstav stor.

Tekst dekorasjon

p {text-decoration:underline; }Strek under

CSS

Resultat

a { text-decoration:none; }

Lenke uten understrek


p { text-decoration:overline; }

Strek over

p {text-decoration:line-through; } Strek igjennom
p {text-decoration:underline; } Strek under

Tekst skygge

Vanlig skygge

CSS: p {text-shadow: 2px 2px #666; }

3D text

h3 {

text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

}

Se flere skygger her -> tekst og skygger

#bloggdesign#hmtl#css#koder#designhjelp#designtips#skrift#tekst#skygge #h1 #understrek #baseline #effekter#bloggtips



Det er mye vi kan f ut av skriftetyper og det er mange mter manipulere skrifta med css. Det mest logiske sprsmlet stille frst er hvordan man endrer skrifta p ulike deler av bloggen...svaret finner vi nr vi ser nrmere p a, p, h1, h2, etc.

Du kan enkelte bestemme strrelsen p teksten ved skrive i css kodene: {font-size:14px;}

For overskifter br du bruke <h1>, <h2>, <h3>, <h4> eller <h5>

<h1> er strst og <h5> har den minste strrelsen.

For paragrafer og strrele deler med tekst br du bruke <p>

Eksempel HTML - Overskrift vs. pragraf:

<h1>Sommer og sol</h1>

<p>Om sommeren er det veldig fint vr. Da skal jeg sitte ute nyte solen og bli brun. Om sommeren elsker jeg spise is ? jeg elsker ogs grille og bade. Uten is, grilling og bading blir det ikke sommer</p>

I forrige innlegg forklarte vi hva divs er og hvordan bloggen din er bygd opp (det kan du lese her). Dette m vi prate litt mer om her.

I standard templates fra blogg.no har sidemeny vanlig hvis <h3> som strrelse p overskrift.

Eksempel CSS- h3:

h3{

color:#000;

font-size:18px;

font-weight:bold;

text-transform: uppercase;

text-decoration:underline;

}

Men husk at hvis du bare skriver h3 gjelder dette alle h3-taggene du har p siden. Om du bare vill redigere h3 i sidemenyen m du spesifsiere det.

Eksempel CSS - h3 innenfor sidemenyen:

# side h3{

color:#000

}

Det samme gjelder i andre tilfeller. I html kodene bruker man <a> </a> for definere en lenke, hvis du vill style lenke med css skriver man bare a. Dette vill endre alle lenke p hele bloggen din. Om du bare vill endre lenke innefor et omrd, for eksempel <div class="meta"></div>, m du oppgi .meta i css kodene dine fr du skriver a. Da forteller du nettelseren din at alle <a> innen for <div class="meta"> skal ha en spesill stil eller farge.

Eksempel CSS - a (lenker):

a {

text-decoration:none; color:#666;

}

Eksempel - a innenfor meta:

.meta a {

text-decoration:underline;

color:#666;

}



Hvis du gr til rediger -> maler -> forside, innlegg, kategorier og arkiv -> og finner meta. P bloggen din finner du <div class="meta"> p tre steder; under tittle p innlegget, under innlegg og i kommentarfeltet. S hvis du endrer utseende p meta m du huske at da endrer du ogs utseende p meta i kommentarfeltet.

Om du bare vill endre meta som er under tittelen p innlegg er det enkleste gi <ul> et navn, for eksempel first (men det kan vre hvilken som helst navn bare pass p at det ikke blir brukt allerede). Da kan du enkelt endre utsende p bare dette omrde ved hjelp av CSS.

Eksempel HTML - navn p ul:

<ul class="first">

Eksempel CSS - farge p lenkene innenforul first:

.first ul a{

background-color:#000;

color:#fff;

padding:5px;

}

Resultatet ser du p bilde nedefor:




Som du ser har du bare endre fargen p lenkene som du finner innen for ul.first. Dato og klokkeslett har ikke en lenke s om du vil endre de m du tilbake til html kodene og sette dato inni <li><a> </a></li>:

Lurer du p noe mer legg gjerne igjenn sprsml her eller pforumet. Forsettelse flger i neste innlegg.

#bloggdesign #hmtl #css #koder #designhjelp #designtips #sidemeny #h3 #skrift #tekst #meta



Nkan du se premium designet Kendall Jenner live her ->kendalldesign.blogg.no/

Se ogswww.markdesign.blogg.no/

Vi oppdatter og gr igjennom designene vres og den forbinnelsen legger vi ogs til blogg.no's reklame. Ryktene sier at blogg.no har blitt strengere nr det kommer til fjerne reklamene som de har lagt p bloggene - noe vi tidligere har gjort og derefor kommer vi til legge til reklamen p alle vre templates.

Om det er noen som tiltross for det lurer p hvordan man kan fjerne reklamen finner du et innlegg om det i forumet ->http://jmwebdesign.no/index.php/no/forum/blogg-no/370-fjerne-reklame#404

#design #bloggdesign #kendall




Vinn ditt drmme design!

Vi vil gjerne vite hvordan ditt perfekte design ser ut. Er det svart, hvitt ellerkanskjebltt? Er skriften tykk og stor eller kanskje liten og tynn? Har det kanskje sidemenyen p venstre side eller ikke sidemeny i det hele tatt? Ligner det p et annet design du liker?Sk gjerne p google etter design inspirationog send oss en lenke til ditt drmme design eller prv kom med en beskrivelse.

For bli med i konkurransen m du legg igjen en kommentar p vr facebook-side -TRYKK HER

I kommentaren br du skrive litt om ditt drmme design og kanskje litt om hvorfor akkurat du fortjener vinne et skreddersydd design. Viktig at du husker skrive e-post adressen din snn at vi kan kontakte deg om du vinner.

Konkurransen avsluttets klokken 12.00 - 7.juli




#design #bloggdesign #konkurranse #vinn




Gratis extensions er n lagt ut. Du kan laste dem ned GRATIS ved like oss p facebook. F en oversikt over alle gratis extensions her!

GRATIS extensions tilgjennelig i dag er: to menyer, et kommentarfelt og iconer. Flere gratis extensions vill bli lagt ut snart, men du kan ogs oppgradere til PREMIUM for f tilgang p flere.



Mark Zuckerberg, inspirasjonen bak det nye designet fra JMwebDesign. Dette designet setter profil informasjonen din i fokus. Dette designet har et Facbook-lignende layout, fordi Mark Zuckerberg vet best hva som funker.

Designet har en header p 750px, med profil bildet nedert til venstre for header slik som p facebook. Under header er blogg.no profil informasjonen din plassert, her kan du ogs legg til litt ekstre informasjon om deg selv. Det er to menyer p bloggen, en verst som lenker til alle kategoriene dine og en under header som lenker til facebook, twitter, bloglovin. Isteaden for at innleggen er plassert nedover etter hverandre, kan du n mer oversiktlig bla igjennom innlegg ved hjelp av content slider. Det beste er du tester det ut selvp markdesign.blogg.no

P grunn av at dette designet har en hy teknisk vansklighetsgraden, noe som gjr at det tar meg lenger tid lage det, har bare PREMIUM-medlemmertilgang til dette designet...

Oppgrader medlemskap i dag!

Ps. Husk sjekke ut logg inn-siden for rabatter og tilbud.



Definere DIVs med CSS

Nedenfor finner du en oversikt over andre nyttige CSS koder. CSS kodene er alltid p Engelsk, men selv om man fr de oversatt eller snakker bra engelsk kan det vre vanskelig forst hvordan de fungerer. Les den norske forklaringen som du finner i tabellen under, men prv ogs eksperimentere deg frem til nsket resultat.

CSS

Eksempel

Norsk forklaring

Height

Height: 100px;

Hyde

Width

Width: 200px;

Bredde

Float

Float: right;

Hyre eller venstre stilt.

Margin

Margin: 10px 5px 10px 5px;

Margin: top left bottom right;

Marg. Som en marg i en bok. Brukmarginfor flytte elementetpiksel for piksel

Margin: 10px;

Marg I alleretninger.

Margin-left: 10px;

Flytter div?en 10 piksel til hyre

Padding

Padding: 10px 5px 10px 5px

Ganske likt sommargin, men flytter ikke div'en, bare lager enusynligramme inne i div'en.

Position

Position: abosulte;

Position: fixed;

Position: relative;

Noen gangerm man definere posisjonen p elementet for at css kodene skal virke.Position: relativeer normal posisjon. Hvis du velgerposition: fixedlser elementet seg.

Border

Border: solid 2px #eee;

Ramme/kant rundt hele elementet. Du kan velge mellom solid, dotted eller slashed. 2 px er tykkelsen p rammen og #eee er fargen.

Border-right: solid 2px #eee;

Kant bare p hyre siden.

Box-shadow

box-shadow: 3px 3px 5px 6px #ccc;

Skygge. For en mrkere skygge bytt ut #ccc med #000.

Posisjon

Plassering av elementer er veldig viktig. Som du ser p webkartet er main og side ved siden av hverandre. Det frste kravet som m oppfylles for at to elementer kan plasseres ved siden av hverandre er at det er plass til begge. Hvis div id wrapper er 900px, kan div id main vre 600px og side vre 300px. For f litt mellomrom mellom dem br side vre 250px. Det andre kravet er at du fortelle element at det skal dele plass med et annet. Derfor m du fortelle main at den skal p venstre siden , og side at den skal til hyre.

#main{

float:left;

}

#side{

float:right;

}

Om du vill flytte en div et konkret antall piksel kan du bruke margin (se tabell). Margin kan ogs brukes for midtstille et element. Da skriver man at margin til venstre skal automatisk stille inn:

#wrapper{

margin: 0px auto;

}

Skygge

Hvis du nsker skygge rundt et element m du bruke box-shadow. Men for at at forskjellige nettlesere skal lese koden m du bruke hele koden under:

.entry{

-moz-box-shadow: 3px 3px 5px 6px #ccc;

-webkit-box-shadow: 3px 3px 5px 6px #ccc;

box-shadow: 3px 3px 5px 6px #ccc;

}

eller en mrkere skygge:

.entry{

-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);

-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";

zoom: 1;

}


Rundt Kant

Hvis du nsker rundt kant kan du bruke koden under. Hvor hyere verdi hvor runder kanten blir, 3px er ikke s r rundt, 50px er veldig rundt. Om du vil lage en sirkel br radius vre halvparten s stor som bredden p elementet. Du kan bruke denne hjemmesiden for finne riktig radius: http://border-radius.com/

.entry{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

Oversikt over alle tutorials i dennespalten finner duher. Om det er noe du lurer p som ikke er p listen legg igjenn en kommentar eller n oss p twitter (@jmwebdesignno) eller skriv p facebook.com/webdesignbyJM

#bloggdesign#hmtl#css#koder#designhjelp#designtips#wrapper #layout

Dette innlegget gr igjennom grunnleggende HTML and CSS tips. Om du er usikker p hvordan du skal redigere bloggen din har vi noen tips som skal gjre det enklere starte. Dette innlegg fokuserer hovedsakelig p divs. Divs er selve byggeblokkene som tilsammen bygger opp hjemmesiden din. Som blogg.no bruker har du sikker sett divs som er kalt wrapper, main, entry, side, etc... Les videre hvis du vil vite mer om deres funksjon og hvordan man kan endre farge, hyde, bredde, ramme, skygge eller form p en div?


Layout og oppbygning

Nr du forstr forholdet mellom HTML og CSS har du grunnlaget for lage allslags design. Det frste du m forst er hvordan en HTML-side er bygd opp. En HTML-side begynner alltid med informasjon som forteller nettleseren din hvordan den skal lese dokumentet. Deretter finner du head-tagg, <head></head>. Innenfor head-taggen er det lenker til eventuelle andre dokumenter som HTML-siden er koplet til, som for eksempel et eller flere CSS-dokumenter. Selve innholdet som vil bli vist p bloggen din finner du mellom <body></body>.

HTML Tags

HTMLdokumenter er bestr av simpel tekst og tags. Tags beskriver innholdet i dokumentet. For eksempel, form-taggen <form> forteller nettlesern din at her er det et skjema (eks. kontaktskjema). Navnet p taggen str alltid inni s kalte krokodilletegn <>. HTML taggene kommer i par, slik som <p> og </p>. Den frste taggen markere en start og den siste marker en slutt. Om du skriver <h1>, men glemmer skrive </h1> kommer all tekst etter det til vre i stor skrift strrelse.

Div Tags

Divs (<div>) er ogs en type tag. I motsetning til <p> taggen som definere en paragraf definerer div-taggen en hel seksjon, liten eller stor. Div taggen brukes til gruppere en eller flere elementer sammen slik at man kan bruke CSS koder til designe de. Vi har to forskjellige div-tags; id og class. Div id brukes til designe strre omrder. Div class brukes til designe omrder innenfor en div id. Div class kan brukes flere ganger, mens div id vanligvis bare brukes en gang. Bde div id og class har spesielle navn for skille de fra hverandre. Du har for eksempel div id="side", vanligvis bruke til definere et omrde p hre eller venstre side av innleggene din.

Linken mellom HTML og CSS

For definere en tag som for eksempel <body> i CSS skriver man body{ }. For definere en div id, som for eksempel wrapper skriver man: #wrapper { }. For definere div class, som for eksempel side skriver man: .side { }. Se tabell nedenfor for mer informasjon.

HTML TAGS

CSS

<body>

<form>

<p>

<h1>

Body{ }

Form { }

P { }

H1 { }

<div id="wrapper">

<div id="side">

<div id="footer">

#wrapper { }

#side { }

#footer { }

<div class="entry">

<div id="meta">

<div id="breadcrumbs">

.entry { }

.meta { }

.breadcrumbs { }


La oss fokusere p <div id="side"> som et eksempel. Ved bruke av CSS koder kan du definere bakgrunn, hyde, bredde, osv.

#side {

width: 200px;

background-color: #eee;

}

Innefor div id="side" taggen er det jo selvflgelig mye annet informasjon. Hvis du for eksempel vil endre <h3> overskriften, kan du endre kun <h3> som befinner seg inne i side taggen.

#side h3{

color: #666;

}

Neste >>Del 2: Definere DIVs med CSS

Oversikt over alle tutorials i denne spalten finner duher. Om det er noe du lurer p som ikke er p listen legg igjenn en kommentar eller n oss p twitter (@jmwebdesignno) eller skriv pfacebook.com/webdesignbyJM

#bloggdesign#hmtl#css#koder#designhjelp#designtips#wrapper #layout

Unikt PREMIUM design klar for nedlasting!

Kendall Jenner designet er laget spessielt for deg som er glad i enkle men moderne design. Innleggene har har en bredde p 920px s du har plass til store bilder. Sidenmeny er flyttet ned til footer for ikke ta opp plass. Designet bestr av flere kule grafiske elementer, slik som de dekorative rammene som markere overgang fra en seksjon til en annen. !

Premium medlemskap kommer med mange fordeler.Vi hjelper deg med redigere bilde ditt ved klippe ut bagrunnen slik at designet blir helt likt.

Medlem?DEMO

Dette designet er rlekkert og kanskje et av de aller kuleste. Dette er en oppgradering av "the Michelle Williams design". Dette designet er ende tffer, det har en svar bakgrunn som rammer inn den lysegr bloggen. Antall kommentar vises i en kul side-banner og kommentarfeltet er annerledes og kult.

P grunn av at dette designet har en hy teknisk vansklighetsgraden, noe som gjr at det tar meg lenger tid lage det, har bare PREMIUM-medlemmer tilgang til dette designet... PREMIUM medlemskap koster bare 45kr og varer i 6 mnder, da har du tilgang til support og extension.

Michelle Williams

Bli MedlemDEMO

NB. Du m vre premium medlem for laste ned.

Michelle Williams


"The Michelle Williams Design" var tidligere kun tilgjenelig for PREMIUM-medlemmer, n er det tilgjenlig for ALLE! Alt du trenge gjre er like oss p facebook.

Designet haren kul og annerledes bakgrunnsfarge - men du kan selvflgelig endre denne fargen. Nr du laster det designet kan du lese mer om hvordan du kan redigere designet. Dette er ett av mange gratis design som du enkelt kan laste ned ved like oss p facebook.

Michelle Williams

Last nedDEMO

NB. For laste ned m du like oss p facebook



Natalie Portman Designet er veldig elegant og ryddig design. Designet er hvitt og grtt noe som gjr at bildene dine blir fremhevet. Det er ogs et hint av rosa i designet som gjr det litt feminint - men dett er det mulig redigere. Nr du laster det designet kan du lese mer om hvordan du kan redigere designet. Dette er ett av mange gratis design som du enkelt kan laste ned ved like oss p facebook.

Last nedDEMO

NB. Lik oss p Facebook for laste ned.


Dette designet er inspirert av Colin Ferrell. Det er designet er bestr av forskjellig gr-nyanser. Det er to sidemenyer og derfor mye plass til widget/reklame. Du kan selv enkelt redigere designet slik at det og tilpasset det slik at det passer for deg. Om du ikke finner det svarer p det du lurer p i installasjonsguiden som du fr nr du laster ned designet kan du legge igjen sprsml p vrt forum.Dette er ett av mange gratis design som du enkelt kan laste ned ved like oss p facebook.


Last nedDEMO







Det er mer til enbakgrunnsfargeenn du tror. Nr vi snakker ombakgrunnsfargei denne sammenhengen tenker jeg ikke bare p hovedfargen p siden din,altsbody. Jeg tenker p hele siden din -body, wrapper, main, side, etc.

1.1BACKGROUND-COLOR

Kodene for bakgrunnsfarge er ganske enkle: background-color: #EEEEEE. #FFFFFF = hvit, #000000 = svart, #666666 = grtt, #transparent = gjennomsiktig. For flere fargekoder beskhtml-color-codes.info/. Trikset medbackground-colorer at det brmatchede andre fargene p siden din som skrift, lenker, og andre elementer. Hvis du bruker mange sterke farge kan dette bli vanskelig, for veiledning og inspirasjon br du prve farge-paletter som du finner p colorcombos.comeller colourlovers.com.



Bilde 1.1: colourlovers.com

KODER

Bakgrunnsfarge:

Background-color:#FFFFFF;

Farge p skrift:

Color:#000000;


1.2GRADIENT BACKGROUND-COLOR


Ensidige farger kan bli litt kjedelig. Noen ganger er det derfor fint med farger med litt nyanser. Gradient farger kan brukes for g fra en farge til en annen. Enten fra hyre til venstre (se bilde, hvordan grtt blir til hvitt), eller fra top til bunn, men det kan ogs ta andre former.

Bilde 1.2.1: Gradient Gr


Bilde 1.2.2: Gradient bl

KODER

Gradient bl:

background-color: #05336B; 
background: -webkit-gradient(linear, left top, left bottom, from(#3087D7), to(#084B9C));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3087D7', endColorstr='#05336B'); /* for IE */
background: -moz-linear-gradient(top, #3087D7, #05336B); /* for firefox 3.6+ */



Forklaring koder:Background-color: #05336Ber selvflgelig selve bakgrunnen, om alt funker som det skal har egentlig ikke denne noe si, men i noen nettleser vises ikke gradient-effekt og derfor trenger vi background-color. De tre siste linjenebackground, filter, background, si akkurat det samme, men du bruker forskjellig sprk snn at de fleste nettleserne skal forst. Men all er basert p det samme prinsippet: fargen gr fra #3087D7til #084B9C. Fra lyst til mrket. Du kan bytte ut disse farge-kodene med dine egen. Foreksempelkan duistedenskrive fra (#EEEEEE) til (#666666),altsfra lysegrtt til mrkegrtt.


Som sagt det finnes gradient-koder som lager andre former. Det mest enklest er bruke foren gradient-generator som ->gradientbackgroundmaker. Her kan du lage gradient farger enkelt og greit.





Bilde 1.2.3: Gradient farge lager

1.3 BACKGROUND-IMAGE

CSS:background-image: url(?http://www.dinadresse.no?);

Ikke alle vger vre kreative nr det kommer til bakgrunnsbilde for det kan let bli kaos og mye rot. Derfor holder mange seg til bruke enklebakgrunnsfarger.Men med noen enkle tips og triks kan f orden p kaoset. Med basiskunnskap om css-koder relevant for bakgrunn kan man enklere f kontroll over bildene slik at designet kan bli ryddig og fint og samtidig vrekreativtog fargerikt! For eksempel kan vi bruke mnster, de trenger ikke vre s radikale de kan vre enkle. Men hva gjr vi nr vi ikke kan lage de selv i photoshop? Da finner vi de p nettet.http://www.patterncooler.com/

Backround-repeat

Nr du brukerbackground-imagestr du ovenfor et par valg. Det frste valget er relatert om du vil at bakgrunnen skal repeteres (alts, om samme bilde skal vises flere ganger slik at det fyller opp skjermen) eller om det bare skal vises enn gang.

EKSEMPEL

Om du vil at bilde skalrepeteresskjer det automatisk hvis bilde ikke er stort nok til fylle opp skjermen. La oss forestille oss at strrelsen p #headerer 900px i lenge x 400px i hyde. Hvis bilde du setter som bakgrunn,rosaheader.png,bare er 700px i lengde x 300px i lengde vill bilde repeteres slik at det fyller ut de 300px somrosaheader.pngikke dekker (se bilde 1.3.1). S hvorfor ikke bare endre strrelsen p #header? Det kan hende at for enn eller annen grunn at du vil at strrelse p #headerskal vre 400px, men ikke vill atrosaheader.pngskal dekke hele (se bilde 1.3.2).. Lsningen er dabackground-repeat: no-repeat.


Bilde 1.3.1: rosaheader.png - repeat



Bilde 1.3.2 rosaheader.png - no-repeat


KODER

Om du vill at bilde ikke skal repeteres:

Background-repeat:no-repeat;

Om du vill at bilde kopiere seg selv uendelig skrive:

Background-repeat:repeat;

Om du vil at bilde skal repeteres horisontalt →:

Background-repeat:repeat-x;

Om du vil at bilde skal repeteres vertikalt ↓:


Background-repeat:repeat-y;

Background-attachment

Det andre valget du m ta er om du vill at bakgrunnen skal rre p seg eller om den skal st stille. Dette er mest relevant for hovedbakgrunnen, altsbody.Ogsannsynligvisbare nyttig hvis du brukerbackground-repeat: no-repeatog hvis du har et stort bilde.

EKSEMPEL

Si at at du har et veldig stort bilde av havet som du vil bruke som bakgrunnsbilde p siden din. Bilde har strrelsen 2000 x 3000px noe som betyr at selv p store skjermer som en 18 tommers vil bilde dekke hele skjermen. P en liten skjerm, som en 14 tommers, vil det ikke vre mulig se hele bildet. den hyre siden av bilde vill bli kuttet av og man mscrolle(bla)nedoverfor se bunnen av bilde. Dette er typisk standard innstillingavbackground-attachment, som kallesscroll. Problemet medscroller at det er ikke s mange bilder som er har en hyde p 3000px og strre, men det er mange er mange ganger selve bloggen har en strre hyde, derfor vil ikke et bilde dekke hele bloggen med standardinnstilling. Medstandardinnstilling vil bilde ta slutt fr man har bladd helt ned tilfooter.Som du ser p bilde 1.3.3, er bilde litt lite og det dekker ikke hele skjermen. Lsningen er at man lser bilde fast, slik at det ikke beveger p seg. S nr duscrollernedover bloggen,innleggetter innlegg, vil bilde st helt stille. P bilde 1.3.4 er background-attachment satt til fixed, slik at bilde er konstant.

Bilde 1.3.3: Background-repeat: no-repeat;

Bilde 1.3.4: Background-repeat: no-repeat; + Background.attachment: fixed;

KODER

Om du vill at bilde skal bevege p seg (standard/automatisk innstilling):


Background-attachment:scroll;

Om du vil at bilde skal st stille:

Background-attachment:fixed;

#bloggdesign#hmtl#css#koder#designhjelp#designtips#bakgrunn #farge




I gr kveld var jeg litt redd for at vi ikke skulle f en vinner, for det var likt mellom fem av designene. Men heldigvis kom det inn noen flere stemmer i gr kveld, og Rihanna tok ledelsen. Under templates har jeg 8 GRATIS design og 18 PREMIUM design, det koster 45kr f tilgang til PREMIUM designene for de tok det litt mer tid lage....men s lovte jeg jo dere at det PREMIUM designet som flikk flest stemmer innen Sndag 10. Mars klokken 12, skulle dere f GRATIS. Rihanna vant iallefall, kan ikke akkurat si overlegent, Rihanna fikk en stemme mer enn Bruno Mars og Beyonce. Resultatet kan du se nedenfor:

RIhanna kan du n laste ned GRATIS, alt du trenger gjre er g til TEMPLATES -> BLOGG.NO -> GRATIS TEMPLATES

! Husk at du m logge inn for for laste ned design, du trenger ikke registrere deg du kan logge inn med facebook, twitter eller google.




RIHANNA


Last nedDEMO

NB. Lik oss p Facebook for laste ned.





Hei og velkommen til denne nye
spalten om ting som det er nyttig vite om blogg design. De frste artiklene kommer til g igjennom grunnleggende css/html,men jeg skal love at det ogs kommer noen kule og litt mer avanserte tips innemellom. Fokuset er spesielt p blogg.no blogger, men det fleste tipsene er generelle. Flg med og hold deg oppdatert via twitter (@jmwebdesignno) og facebook.com/webdesignbyJM.Innleggene blir postet hver Onsdag og Lrdag.

Nedenfor kan du lese om hva du har i vente:


  1. Bakgrunnsfarge:Det er mer til en bakgrunnsfarge enn du tror. Farge-paletter, farge nyanser, bakgrunnsbilde somrepeteresogbakgrunnsbildesom ikke beveger p seg, osv... LES MER HER

  2. DIVs:Hva er en div? Hva er egentligwrapper, main, entry, side, etc?Lr brukecssslik at du kankontrollerehtml-kodene dine. Her gr vi igjennom grunnleggende ting, som hvordan man setter hyde, bredde, lager ramme, flytter endivtil hyre, venstre ellermidten. Pluss hvordan man legger p skygge og rundt kant. LES MER HER
  3. Tekst og Skrift:Det er mye vi kan f ut av skriftetyper og det er mange mter manipulere skrifta medcss. Det mest logiskesprsmlet stille frst er hvordan man endrer skrifta p ulike deler av bloggen...svaret finner vi nr vi ser nrmere pa, p, h1, h2, ovs. KOMMER SNART
  4. Tekst og Skrift Effekter:I den andre delen om teskt og skrift, skal vi se p hvordan man trikser med skrifta -italics,understreke,strrelse, linje hyde, skygge, STORE og sm bokstaver.
  5. Tekst og Skrift Typer:I siste del av tekst og skrift skal vi fokusere p ulike skrifttyper. Vi starter med de trygge internett skriftene og avslutter med @fonts
  6. Flytt musen over linken og se hva som skjer:Enten det er tekst eller bilde s finnes det mange mter manipulere en link p medhovereffekt! Du kan f teksten til hoppe og sprette, endre farge, flytte p seg, snurre og endre strrelse.
  7. Sidemeny:La oss lage en liten utfordring i dette innlegg. La oss se hvor mange mter det er mulige endre sidemenyen. Kom allerede med forslag hvis du har noen,holla at mep twitter (@jmwebdesignno) eller skriv pfacebook.com/webdesignbyJM. Allerede n tenker jeg at vi kan lage enstandardsidemeny, hvor profil,kategori arkiv er delt opp i hver sin blokk. S tenker jeg vi kan lage en virkelig avansert en, med photoshop bilder. Etter det kan vi lage en liten en med droppdown arkiv og kategori. Og kanskje en som vi flytter opp til header, en som ser litt ut som profil informasjonen din p facebook.
  8. Enkle menyer:En vanlig vertikal meny er det ganske enkelt lage. Det blir mer komplisert nr du prver er sette linkene etter hverandre p en linja, men nr man frst forstr det grunnlegende kan vi ke vanskelighetsgraden enda mer oglegge til buttons for gjre det mer interessant.
  9. Menyer som faller ned ?A.K.A dropdown menus. De er litt avanserte og krever ofte javascript.
  10. Meta:Metaer den lille linjen underbloggtittel hvor det str antall kommentar, dato, osv. Her skal vi endremetap forskjellige hvis. Det er mange kule ting vi kan gjre medmeta: Vi kan gjre meta om til en meny, vi kan sette tegninnimellomsetningeneog sette antall kommentar inn i et hjerte.
  11. Kommentarfelt:Nr vi prater om meta er det naturlig g videre prate om kommentarfelt. Det finnes nemlig enmetai kommentarfeltet ogs. Den finner du under navnet p den som har postet kommentaren. Den kan vi flytt, minske, endre farge p osv. Men det er ikke bare meta vi skal se p her, vi skal se p hele kommentarfeltet og endre s mye vi kan. Send bilde av ditt nske kommentarfelt til @jmwebdesignno eller skriv p .facebook.com/webdesignbyJM ... s skal jeg legge ut forklaring p hvordan man lager det.
  12. Ny kommentar:Det er mye fete ting vi kan gjre med selve omrde hvor man skriver en ny kommentar, men kodene ogstrukturen er oftekomplisert, s jeg frykter at dette kommer til bli en lang artikkel. Kan ikke love spesifikt hva vi skal g igjennom, detfrbli en overraskelse. Men du kan joalltidskomme med et forslag, du har jo facebook ogtwitteradressen min n.
  13. Sk:Legg tilstandardske-verkty og spice det opp med farger og bilder.
  14. Bildeshow: lage et typisk slideshow kan vre veldig enkelt hvis man bruker et program p nettet til lage det, men det er ikke s mye rom for endre og redigere det. Derfor skal vi skal se p hvilken alternativene vi har og hvilken lsning som er gir best resultat.
  15. 3Kolonner:Nr har man bruk for 3 kolonner? Om du vil ha tomenyer, eller bare om du vil ha typiske spalterplassertet random sted p siden
    .
  16. Flytende Lenger:Fluid Column Widths er genialt. Det vanskelig forklare i korte trekk, men ideen bak det var lse problemet med at det er s mange ulike skjerm strrelse og derfor var det noen designer som fant opp det som er kalt"responsive design". Du vet aldri om leseren har en liten skjerm som en mobil eller en stor skjerm. Lser du designet ditt til en bredde, for eksemple 1000px kan det vre vanskelig for en mobil-bruker lese bloggen. Det kan vre ganske komplisert bruke "responsive design" og kan bli mye rothvis man gjr det feil, men nr man forstr det kan det vre veldig nyttig.
  17. Folkets valg#1:Jeg lovet 20artiklerog du har kanskje lagt merke til at vi er 4 artikler unna 20. Jeg skal gi deg de 20 artiklene, men tenkte at det er det vrt nok diktatur og at folket vil ha demokrati. I et demokrat er det folket som bestemmer, derfor skal dere f bestemme hva jeg skal skrive om i artikkel17, 18, 19 og 20.
  18. Folkets valg #2- twitter (@jmwebdesignno) eller skriv pfacebook.com/webdesignbyJM
  19. Folkets valg #3-twitter (@jmwebdesignno) eller skriv pfacebook.com/webdesignbyJM
  20. Folkets valg #4-twitter (@jmwebdesignno) eller skriv pfacebook.com/webdesignbyJM

#bloggdesign#hmtl#css#koder#designhjelp#designtips#wrapper #layout



Dette designet er et stilrent og oversiktlig. I side menyen finner du drop down arkiv og nyeste innlegg. Header har stor strelse og i top menyen er det plass til bde all kategoriene dine og lenker til sosiale medier.

Om du ikke finner det svarer p det du lurer p i installasjons guiden som du fr nr du laster ned designet kan du legge igjen sprsml p vrtforum.Dette er ett av mange gratis design som du enkelt kan laste ned ved like oss p facebook.

Last ned herDEMO

Posisjon 15
hits