Hallo,
ik heb een forum met een bijbeborende homepage. De site bestaat nu uit hele simpele blauwe vlakken met tekst, niet echt aantrekkelijk. Nu heb ik een gratis template van Free Templates gehaald en deze naar wens aangepast in Dreamwaver.
Ik heb nu dus een index.html bestand met drie mappen: images, css en js.
Als ik index.html open in mijn browser geeft dit een mooie website weer.
Dan upload ik het hele pakketje naar mijn server, maar dan krijg ik een wit venster waar alle bestanden van het template (Welke zich bevinden in de bovengenoemde mappen) missen, maar de tekst en mijn zelf toegevoegde afbeeldingen is wel zichtbaar.
Onderdelen van de template worden zo weergegeven (voorbeeldje):
Eigen afbeeldingen afbeeldingen zo:
Wat moet ik aanpassen om ook de template bestanden zichtbaar te krijgen op mijn site?
ik heb een forum met een bijbeborende homepage. De site bestaat nu uit hele simpele blauwe vlakken met tekst, niet echt aantrekkelijk. Nu heb ik een gratis template van Free Templates gehaald en deze naar wens aangepast in Dreamwaver.
Ik heb nu dus een index.html bestand met drie mappen: images, css en js.
Als ik index.html open in mijn browser geeft dit een mooie website weer.
Dan upload ik het hele pakketje naar mijn server, maar dan krijg ik een wit venster waar alle bestanden van het template (Welke zich bevinden in de bovengenoemde mappen) missen, maar de tekst en mijn zelf toegevoegde afbeeldingen is wel zichtbaar.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Voliereforum</title>
<meta name="keywords" content="vogels voliere vogel kanarie grasparkiet papegaai ara valkparkiet zebravink ziek voeding neophema bourke gloster " />
<meta name="description" content="Voliereforum" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [url]http://www.dynamicdrive.com/[/url] for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<p> </p>
<div class="fp_h3" id="site_title">
<h3 class="more">Het forum vóór en door vogelliefhebbers </h3>
</div>
<div id="templatemo_search">
<form action="#" method="get">
<input type="text" value="Zoeken -Under construction " name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn" />
</form>
</div>
<div class="cleaner"></div>
</div> <!-- end of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html" class="selected">Home</a></li>
<li>
<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
<span></span>
</ul>
</li>
<li> </li>
<li><a href="http://www.voliereforum.nl/forum" class="selected">Forum</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of menu -->
<div id="templatemo_main">
<div class="col_4">
<h3 class="fp_h3"><a href="http://voliereforum.nl/forum/viewforum.php?f=86"><img src="images/templatemo_image_frame_215.png" width="215" height="140" /></a>Vogelsoorten</h3>
<p>Hier vindt u beschrijvingen van verschillenden vogelsoorten, met onder andere de gewenste huisvesting, voeding en de standaardeisen. </p>
</div>
<div class="col_4"><a href="http://voliereforum.nl/forum/viewforum.php?f=89"><img src="images/voeding.png" width="215" height="140" /></a>
<h3 class="fp_h3">Voeding en verzoring</h3>
<p>Hier kunt u alles kwijt met betrekking tot de juiste voeding voor uw voelgels tot ziekten en medicijnen.</p>
<p> </p>
<p> </p>
</div>
<div class="col_4">
<h3 class="fp_h3"><a href="http://voliereforum.nl/forum/viewforum.php?f=16"><img src="images/huisvesting.png" width="215" height="140" /></a>Huisvesting</h3>
<p>Hier vindt u informatie en kunt u vragen stellen over de huisvesting van vogels. Of het nu een kooitje in de huiskamer of een grote volière betreft.</p>
</div>
<div class="col_4 col_l"><a href="http://voliereforum.nl/forum/viewforum.php?f=122"><img src="images/verkoop.png" width="215" height="140" /></a>
<h3 class="fp_h3">Koop en verkoop </h3>
<p>Hier vindt u vogels die te koop aangeboden of juist gezocht worden. Ook kunt u hier natuurlijk zelf uw advertenties plaatsen.</p>
<p> </p>
<p> </p>
</div>
<div class="col_2 float_l">
<h2>Welkom op het Volièreforum</h2>
<p>Welkom op het Volièreforum,</p>
<p> </p>
<p>Op het Volièreforum vindt u een groot aanbod aan informatie over vogels en de huisvesting hiervan. Wij richten ons niet op één soort vogels, maar over alle vogels is er informatie te vinden op het forum. Een groot deel van deze informatie is door bezoekers zelf verstrekt en wij hopen dat dit steeds uitgebreider wordt.</p>
<p> </p>
<p>Doordat onze bezoekers allemaal andere vogels en ervaring hebben kunt u ook al uw vragen op het forum kwijt. Er is altijd iemand die u antwoord kan geven op uw vragen. Iedereen is een beginner geweest, dus schroom niet en vraag maar raak, want geen enkele vraag is fout.</p>
<p> </p>
<p>Boven in het menu vind u een knop genaamd forum. Door hier op te klikken wordt u doorverwezen naar het forum. U kunt slechts een gedeelte van het forum zien. Om alles te zien en zelf berichten te kunnen plaatsen dient u zich te registreren. Dit doet u door op ‘registreren’ te drukken.</p>
<p>Registreren is geheel gratis en vrijblijvend.</p>
<p> </p>
<p>Wij wensen u veel plezier op de site en het forum. Bij vragen of opmerkingen kunt u contact op nemen met een beheerder.</p>
<p> </p>
<p>Namens de beheerders van het Volièreforum.<br class="cleaner" />
</p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- end of main -->
<div id="templatemo_footer">
<div class="col_3">
<h5>Populaire onderwerpen</h5>
<div class="rp_box">
<div class="date">Datum</div>
<p>Under construction</p>
<div class="cleaner"></div>
</div>
<div class="rp_box">
<div class="date">Datum</div>
Under construction
<div class="cleaner"></div>
</div>
<div class="rp_box">
<div class="date">Datum</div>
Under construction
<div class="cleaner"></div>
</div>
</div>
<div class="col_3">
<h5>Twitter</h5>
<ul class="twitter_post">
<li>Bericht <a href="#">http://link</a></li>
<li>Berich <a href="#">http://link</a></li>
<li>Berich <a href="#">http://link</a></li>
</ul>
</div>
<div class="col_3 col_l">
<h5>Over ons</h5>
<p><em>De beheerdes van dit forum hebben allemaal als hobby het houden of kweken van vogels, net als de meeste leden. Het is dan ook niet zo dat wij automatisch meer kennis of ervaring hebben. </em></p>
<p><em>Naast het forum hebben wij tegenwoordig een Twitter- en Facebook pagina. Om contact te houden met elkaar is het leuk om hier even een kijkje te nemen.</em></p>
<div class="footer_social_button">
<a href="images/facebook-32x32.png"><img src="images/facebook-32x32.png" title="facebook" alt="facebook" /> </a><a href="http://www.twitter.com/voliereforum"><img src="images/twitter-32x32.png" title="twitter" alt="twitter" /></a></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of footer -->
</div>
<div id="templatemo_cr_bar_wrapper">
<div id="templatemo_cr_bar">
Copyright © 2012 Volièreforum</div>
</div>
</body>
</html>
Onderdelen van de template worden zo weergegeven (voorbeeldje):
Code:
<div id="templatemo_wrapper">
Eigen afbeeldingen afbeeldingen zo:
Code:
<div class="col_4"><a href="http://voliereforum.nl/forum/viewforum.php?f=89"><img src="images/voeding.png" width="215" height="140" /></a>
<h3 class="fp_h3">Voeding en verzoring</h3>
Wat moet ik aanpassen om ook de template bestanden zichtbaar te krijgen op mijn site?
Laatst bewerkt: