Företagsnamn AB

Nu kan du använda denna design för din hemsida på N.nu

Så här skaffar du denna design

OBS: N.nu erbjuder inte support när det gäller egen mall, CSS och HTML. Om du behöver hjälp med stegen nedan så kontakta Susanna så kan hon fixa detta till dig till ett riktigt bra pris.

Steg 1

Starta en hemsida genom N.nu och skaffa så att du har minst 10 månader tillgodo på din premium (ett krav för att installera denna mallen).

Steg 2

Gå till egen mall och klistra in följande i rutan CSS:

@import url(http://staticjw.com/n/templates/customtemplate1/style.css);

/* Du kan skriva in egen CSS nedanför denna rad. Denna kommentar kan raderas */

Steg 3

Klistra in följande kod som HTML för mallen:

Steg 4

För att få till Slidern (bildspelet) följ dessa instruktionerna eller om du bara vill ha en enskild bild så ladda upp en header bild.

Steg 5

Radera eller redigera följande HTML-kod:

<div class="header_right">
	<ul>
		<li><a href="#" title="Subcribe to Our RSS Feed!"><img src="http://staticjw.com/n/templates/customtemplate1/images/rss.jpg" /></a></li>
		<li><a href="http://youtube.com" title="Join Us on Youtube!"><img src="http://staticjw.com/n/templates/customtemplate1/images/youtube.jpg" /></a></li>
		<li><a href="http://www.facebook.com/www.n.nu" title="Join Us on Facebook!"><img src="http://staticjw.com/n/templates/customtemplate1/images/facebook.jpg" /></a></li>
		<li><a href="http://twitter.com" title="Follow Us on Twitter!"><img src="http://staticjw.com/n/templates/customtemplate1/images/twitter.jpg" /></a></li>
	</ul>
</div>

Steg 5

Radera eller redigera citatet på sidan:

<blockquote>Det första intrycket av ett företag är ofta väldigt viktigt och detta intryck sker oftast genom företagets hemsida. Därför är det nödvändigt att du har den bästa möjliga design för din hemsida. <a href="http://www.premiumdesign1.n.nu/sa-har-skaffar-du-denna-design">Läs här</a> hur du skaffar denna design för din hemsida.</blockquote>

Steg 6

Radera eller redigera de tre bilderna och deras tillhörande text. Använd denna länken för att ladda upp bilder och använd storleken 270 x 123. Ersätt bildernas URL med dina egna. Ändra URLerna för länkarna så att de pekar mot dina egna interna sidor.


<div class="section">
    	<a href="http://www.premiumdesign1.n.nu/exempel-undersida"><img width="270" height="123" src="http://staticjw.com/n/templates/customtemplate1/images/discussion.jpg" alt="Planering" /></a>
        <h2>Planering</h2>
	<p>Här kan stå en liten introduktionstext om planering eller vad som helst. Sätt in en lämplig bild. <a href="http://www.premiumdesign1.n.nu/exempel-undersida">Läs mer</a></p>
</div>
<div class="section" style="margin-left:60px;">
	<a href="http://www.premiumdesign1.n.nu/exempel-undersida"><img width="270" height="123" src="http://staticjw.com/n/templates/customtemplate1/images/event.jpg" alt="Föredrag" /></a>
	<h2>Föredrag</h2>
	<p>Ditt företag kanske håller föredrag. Här kan du då ha en liten text som berättar om det och med en länk där man kan läsa mer om detta. <br> <a href="/exempel-undersida">Läs mer</a></p>
</div>
<div class="section" style="float:right;">
	<a href="http://www.premiumdesign1.n.nu/exempel-undersida"><img width="270" height="123" src="http://staticjw.com/n/templates/customtemplate1/images/support.jpg" alt="support"  /></a>
	<h2>Support</h2>
	<p>Här skulle man kunna ha en liten text som berättar vilken bra support som ert företag erbjuder. <a href="http://www.premiumdesign1.n.nu/exempel-undersida">Läs mer</a></p>
</div>

Steg 7

Redigera innehållet i foten:


<div class="footer-section"> 
	<h4>Kontakta oss</h4>	
	<p>Företagsnamn AB<br/>
	Sveagatan 34<br/>
	123 45 Stockholm</p>
	<p>Telefon: 123-456-7899<br/>
	E-post: [javascript protected email address]</p>
	<p>Org nummer: 556243-5331<br/>
	Innehar F-skattsedel</p>
</div>
<div class="footer-section">
	<h4>Några rader från vår VD</h4>
	<p><img class="alignleft" style="float:left;margin-right:10px;" src="http://staticjw.com/n/templates/customtemplate1/images/ceo.jpg" alt="Ersätt med namnet på personen" />Här kommer en liten text som skulle kunna vara en liten beskrivning eller lite uttalanden från er VD eller grundare.</p>
</div>
<div class="footer-section">
	<h4>Vårt nyhetsbrev</h4>
	<p>Vi skickar rabatter och speciella erbjudanden till våra prenumeranter. Bli även inbjuden till våra föredrag.</p>
	##SUBSCRIBE##
</div>
<div class="footer-section">
	<h4>Länkar</h4>
	<ul>
		<li><a href="http://www.n.nu/">N.nu</a></li>
		<li><a href="http://directory.n.nu/">Exempel på N.nu hemsidor</a></li>
	</ul>
</div>

Steg 8

Resten skapas som vanligt med systemet i N.nu.