Gå til innhold

[Løst]Meny i ekstern fil

Sigurd26

Anbefalte innlegg

Sigurd26

Sigurd26

Skrevet
Skrevet (endret)

Jeg har lyst til å ha menyen i en ekster fil. Jeg bruker home.no.net til å hoste siden, og slik jeg har forstått det støtter de ikke PHP, noen som vet om en løsning?

Jeg bruker dette designet.

Siden bruker css:

CODE

/*#############################################################

Name: Bitter Sweet

Date: 2006-10-02

Description: Lime flavoured template with two columns.

Author: Viktor Persson

URL: http://templates.arcsin.se

 

Feel free to use and modify but please provide credits.

#############################################################*/

 

/* standard elements */

* {

margin: 0;

padding: 0;

}

a {color: #682;}

a:hover {color: #9A6;}

body {

background: #5F8000 url(img/bg.gif) repeat-y center top;

color: #333;

font: normal 62.5% "Lucida Sans Unicode",sans-serif;

}

input {

color: #555;

font: normal 1.1em "Lucida Sans Unicode",sans-serif;

}

p,cite,code,ul {

font-size: 1.2em;

padding-bottom: 1.2em;

}

ul {margin-left: 1.2em;}

li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.4em;}

blockquote {

background: #FFF;

border-bottom: 1px solid #EEE;

border-top: 1px solid #EEE;

color: #333;

display: block;

font-size: 0.9em;

margin-bottom: 1.2em;

padding: 6px 12px;

}

blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #654;}

 

/* misc */

.clearer {clear: both;}

 

/* structure */

.container {

background: url(img/bgcontainer.gif) repeat-y;

margin: 0 auto;

width: 702px;

}

 

/* top */

.top {

background: #567300;

font: normal 2.4em Verdana,sans-serif;

height: 60px;

margin: 0 auto;

width: 630px;

}

.top a {

color: #FFF;

display: block;

line-height: 60px;

text-decoration: none;

width: 100%;

}

.top span {padding-left: 24px;}

.top a:hover {

background: #688B00;

color: #FFF;

}

 

/* header */

.header {

background: url(img/header.jpg) no-repeat;

height: 180px;

margin: 0 auto;

width: 630px;

}

 

/* item */

.item {clear: both;}

.item .date {

background: url(img/bgdate.gif) no-repeat;

color: #FDD;

float: left;

height: 40px;

text-align: center;

width: 36px;

}

.item .date div {padding-top: 4px;}

.item .date span {font: normal 1.6em serif;}

.item .content {

float: left;

width: 420px;

}

.item h1 {

background: #567300;

color: #FFF;

line-height: 40px;

padding-left: 16px;

}

.item .body {padding: 12px 18px;}

 

/* main */

.main {float: left;}

 

/* navigation */

.navigation {

float: left;

margin-left: 1px;

width: 208px;

}

.navigation h1 {

background: #81AC00;

color: #FFF;

font-size: 1.3em;

line-height: 40px;

padding-left: 12px;

}

.navigation ul {margin: 0; padding: 0;}

.navigation li {

border-bottom: 1px solid #D5E8AD;

list-style: none;

}

.navigation li a {

background: #E8F6BF url(img/bgnavigation.gif) repeat-x;

color: #553;

display: block;

padding: 8px 4px 8px 12px;

text-decoration: none;

}

.navigation li a:hover {

background: #F0FFC6;

color: #553;

}

 

/* footer */

.footer {

background: url(img/bgfooter.gif) repeat-x;

color: #FFF;

font-size: 1.1em;

line-height: 40px;

margin: 0 auto;

text-align: center;

width: 626px;

}

.footer a {color: #FFF;}

.footer a:hover {color: #FAFCB0;}

Og HTML filen ser slik ut:

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

 

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>

<meta name="description" content="description"/>

<meta name="keywords" content="keywords"/>

<meta name="author" content="author"/>

<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>

<title>Bitter Sweet</title>

</head>

 

<body>

 

<div class="container">

 

<div class="top">

<a href="index.html"><span>Bitter Sweet</span></a>

</div>

 

<div class="header"></div>

 

<div class="main">

 

<div class="item">

 

<div class="date">

<div>OCT</div>

<span>01</span>

</div>

 

<div class="content">

 

<h1>Porttitor posuere</h1>

 

<div class="body">

 

<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, <a href="index.html">nunc eget pretium</a> porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>

 

<blockquote><p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p></blockquote>

 

<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>

 

<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.

</p>

 

</div>

 

</div>

 

</div>

 

<div class="item">

 

<div class="date">

<div>SEP</div>

<span>30</span>

</div>

 

<div class="content">

 

<h1>Adipiscing</h1>

 

<div class="body">

 

<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p>

 

<ul>

<li>Tristique</li>

<li>Aenean</li>

<li>Pretium</li>

</ul>

 

<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p>

 

</div>

 

</div>

 

</div>

 

</div>

 

<div class="navigation">

 

<h1>Something</h1>

<ul>

<li><a href="index.html">pellentesque</a></li>

<li><a href="index.html">sociis natoque</a></li>

<li><a href="index.html">semper</a></li>

<li><a href="index.html">convallis</a></li>

</ul>

 

<h1>Another thing</h1>

<ul>

<li><a href="index.html">consequat molestie</a></li>

<li><a href="index.html">sem justo</a></li>

<li><a href="index.html">semper</a></li>

<li><a href="index.html">sociis natoque</a></li>

</ul>

 

<h1>Third and last</h1>

<ul>

<li><a href="index.html">sociis natoque</a></li>

<li><a href="index.html">magna sed purus</a></li>

<li><a href="index.html">tincidunt</a></li>

<li><a href="index.html">consequat molestie</a></li>

</ul>

 

</div>

 

<div class="clearer"><span></span></div>

 

<div class="footer">© 2006 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a href="http://templates.arcsin.se">Arcsin</a>

</div>

 

</div>

 

</body>

 

</html>

Håper noen vet om en løsning som ikke blir for komplisert, for jeg er ikke veldig flink i html...

Endret av Sigurd26
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Haraldson

Haraldson

Skrevet
Skrevet

Altså, i fila som inkluderes, skal du ha med HTML-koden og innholdet i menyen, for eksempel slik;

<ul id="meny">
<li><a href="index.html">Hjem</a></li>
<li><a href="#">Kontakt</a></li>
</ul>

 

Hvis du bruker CSS, så er det bare å gjøre som vanlig, men du skal ikke inkludere stilarket i fila som inkluderes, bare i filene der menyen inkluderes, altså de vanlige sidene. Tenk på for eksempel framsida di, med den inkluderte menyen, som en hel, helt vanlig side.

Lenke til kommentar
Sigurd26

Sigurd26

Skrevet
  • Forfatter
Skrevet

Jeg får ikke noe frem, filene ser slik ut:

index.html:

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

 

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>

<meta name="description" content="description"/>

<meta name="keywords" content="keywords"/>

<meta name="author" content="author"/>

<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>

<title>Bitter Sweet</title>

</head>

 

<body>

 

<div class="container">

 

<div class="top">

<a href="index.html"><span>Bitter Sweet</span></a>

</div>

 

<div class="header"></div>

 

<div class="main">

 

<div class="item">

 

<div class="date">

<div>JAN</div>

<span>14</span>

</div>

 

<div class="content">

 

<h1>Porttitor posuere</h1>

 

<div class="body">

 

<p>test</p>

 

</div>

 

</div>

 

</div>

 

</div>

 

<? include ("meny.php") ?>

 

<div class="clearer"><span></span></div>

 

<div class="footer">© 2006 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a href="http://templates.arcsin.se">Arcsin</a>

</div>

 

</div>

 

</body>

 

</html>

meny.php:

CODE
<div class="navigation">

 

<h1>Something</h1>

<ul>

<li><a href="index.html">pellentesque</a></li>

<li><a href="index.html">sociis natoque</a></li>

<li><a href="index.html">semper</a></li>

<li><a href="index.html">convallis</a></li>

</ul>

 

<h1>Another thing</h1>

<ul>

<li><a href="index.html">consequat molestie</a></li>

<li><a href="index.html">sem justo</a></li>

<li><a href="index.html">semper</a></li>

<li><a href="index.html">sociis natoque</a></li>

</ul>

 

<h1>Third and last</h1>

<ul>

<li><a href="index.html">sociis natoque</a></li>

<li><a href="index.html">magna sed purus</a></li>

<li><a href="index.html">tincidunt</a></li>

<li><a href="index.html">consequat molestie</a></li>

</ul>

 

</div>

 

Altså jeg har satt inn: 

<? include ("meny.php") ?>

der det som nå står i meny.php sto før...

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...