Domeinhouder voor verschillende domeinnamen
Gepost op 15 februari 2010 om 14:00u, door hiranthi | 4 reacties | reageren
loading...
Als je - net als ik - veel verschillende domeinnamen hebt geregistreerd waar je (nog) niks mee doet, dan hebben die over het algemeen een domeinhouder van het bedrijf waar je de domeinnaam hebt geregistreerd. Het kan, in veel gevallen, veel interessanter zijn als je een eigen domeinhouder hebt voor die domeinnamen, zodat eventuele geïnteresseerden (in die domeinnaam) weten waar ze moeten zijn. Óf gewoon om te proberen wat extra inkomsten te genereren met behulp van advertenties die je op die domeinnamen zet.
In deze post ga ik uitleggen hoe je zelf zo'n domeinhouder kunt maken en eventueel domeinnaam-specifieke inhoud kunt laten zien.
De domeinhouder
Als eerste moeten we bedenken hoe we de pagina eruit willen laten zien, ofwel: het ontwerp van de paginahouder-pagina
Hier onder het ontwerp van de domeinhouder van illutic WebDesign.
In deze tutorial zal ik de gegevens van mijn eigen domeinhouder (zoals CSS, HTML) gebruiken en dus uitkomen op bovenstaand ontwerp in HTML.
De code
Nadat het ontwerp is gemaakt moet deze worden omgezet naar (x)HTML/CSS.
HTML
<!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>Domeinhouder</title>
<link rel="stylesheet" type="text/css" href="reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="container">
<div id="logo"><a href="http://www.illutic-webdesign.nl"><strong>illutic WebDesign</strong></a></div>
<div id="content">
De domeinnaam <strong>domeinnaam.nl</strong> is geregistreerd door<a href="http://www.illutic-webdesign.nl">illutic WebDesign</a>.
<small><strong>Interesse in deze domeinnaam?</strong>Neem dan contact op via <a href="mailto:domein@adres.nl">domein@adres.nl</a></small>
<div id="banner">
<!-- banner code -->
</div>
</div>
</div>
</body>
</html>CSS
Onderstaande CSS is de inhoud van style.css:
@charset "utf-8"; /* CSS Document */ html body { background:#efefef url('body_bg.jpg') 0 0 repeat-x; font-size:1em; line-height:1.2em; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000; } a { color:#000; } a:hover { color:#09c; } p { margin:0 0 30px; } small { font-size:.8em; } #container { width:500px; display:block; margin:150px auto 20px; } /* logo */ #logo { width:100%; display:block; } #logo a { width:204px; height:52px; display:block; margin:0 auto; background:url('logo.gif') 0 0 no-repeat; } #logo a strong { text-indent:-9999px; font-size:0; } /* content */ #content { width:460px; padding:30px 20px; margin:30px 0 0; display:block; background-color:#fff; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; } /* banner */ #banner { width:100%; display:block; padding:10px 0 0; }
PHP toevoegingen
Om de pagina wat dynamischer te maken voegen we wat PHP codes toe. Als eerste voegen we de volgende code boven alle HTML toe (dus boven de doctype):
<?php if ( substr ( $_SERVER['HTTP_HOST'], 0, 3 ) === 'www' ) { $domeinnaam = substr( $_SERVER['HTTP_HOST'], 4 ); } else { $domeinnaam = $_SERVER['HTTP_HOST']; } ?>
Bovenstaande code zorgt ervoor dat $domeinnaam met de domeinnaam wordt gevuld. Als de domeinnaam inclusief www wordt opgevraagd, dan wordt dit stukje eraf geknipt (om zo voor elke domeinnaam hetzelfde formaat domeinnaam weer te geven).
De volgende code voeg je dan toe op de plek waar je de domeinnaam weergegeven wilt hebben, zoals in mijn geval op de plek van 'domeinnaam.nl':
<?php echo $domeinnaam; ?>
Extra mogelijkheid
Als je voor bepaalde domeinnamen een extra bericht wilt weergeven kun je dit op de volgende manier doen:
<?php if ( strstr( $_SERVER['HTTP_HOST'], 'string' ) ) { ?> <!-- tekst alleen voor deze domeinnaam --> <?php } ?>
Het woord string verander je naar een woord dat in de domeinnamen voorkomt (bijvoorbeeld 'design'). De tekst in die if wordt dan alleen weergegeven bij domeinnamen die het woord 'design' bevatten.
Je kunt het eventueel ook zo doen:
<?php switch ( $domeinnaam ) { case 'domeinnaam.nl': ?> <!-- dit wordt alleen weergegeven voor domeinnaam.nl --> <?php break; case 'domein2.nl': ?> <!-- dit wordt alleen weergegeven voor domein2.nl --> <?php break; default: ?> <!-- dit wordt standaard weergegeven voor alle domeinnamen, behalve bij de cases hierboven --> <?php break; } ?>
Live demo
Een live demo van mijn domeinhouder van illutic WebDesign kun je bekijken via www.paginanietgevonden.nl ![]()












Mooi webscript. Wat je ook kunt doen is om het domein te parkeren bij een derde partij (dit is vooral aan te raden wanneer je nog bezoekers ontvangt). Zo kun je je domein parkeren bij Google Adsense for domains en nog wel meer bedrijven. Verder is het een erg mooi script en je blog ziet er ook mooi uit (layout en kleuren)
Thomas´s laatste blog ..Verantwoord geld lenen
Als je de break onder een case in een switch block weg laat dan gaat de default ook nog af, en elke andere case die matched met je switch.
Zeker handige tip, alleen in chrome zie je naast het logo heel klein de link naar de site in beeld komen.
Handige tip en bruikbaar script. Dank voor het delen hiervan. Ga ik zeker gebruiken
Groetjes,
Eric
Eric Verberne´s laatste blog ..SterrenGala Bingo voor het Aidsfonds