De opvolger van MijnMaffia is er.
Maak mijn spel!
 
 

Spel-eigenaar login

Vergeten? Inloggen
MijnMaffia.nl
200.268
1.129.988
151
 
 
MaMafia.fr
57.281
404.698
154
MeineMafia.de
74.229
398.767
97
MojeMafie.cz
27.529
274.379
51
MafiaCreator.ro
22.149
241.951
20
MojaMafia.pl
53.544
352.174
20
MafiaCreator.com
66.549
223.874
11
MinMaffia.se
15.025
60.512
7
MafyaKur.com
49.010
287.516
6
MiMafia.com
12.366
33.674
5
MoyaMafia.ru
2.718
5.071
0
MinMafia.no
6.707
30.395
0
 

Guide: Eigen (hulp) website maken.

Landviz10/Mrt | 12:23 


MafiozoCrimez
109 leden

Om een eigen website te maken moet je ten eerste een (goed) progamma nodig. Aanbevolen progamma’s zijn:

-Kladblok (zit standaard op iedere computer)
-Evrsoft First Page 2006

Vervolgens heb je een start nodig, gebruik daarvoor heel standaard:

<html>
<head>
<title>Untitled</title>
</head>

<body>


</body>
</html>.

Door dit te gebruiken staat er bovenaan in de tekstbalk “Untitled”. Om een tekst te plaatsen zet je tussen <body> en </body> een stukje tekst neer. Om de opmaak ervan te verbeteren gebruik je:

<i>Tekst</i> = Tekst
<b>Tekst</b> = Tekst
<u>Tekst</u> = Tekst

In HTML wordt niet zomaar gedacht aan wat je intypt, type je in:
D (enter) I (enter) t (enter) (enter) I (enter) s (enter) (enter) l (enter) e (enter) u (enter) k

Dan is het resultaat: DItIsleuk
Gebruik voor enter dus <br>(= 1 enter)
Hetzelfde geld voor spaties:

H O I D I T I S M I J N W E B S I T E

Resultaat: H O I D I T I S M I J N W E B S I T E
Gebruik dus voor herhaling van een spatie de code    (= 3x spatie).

Dan gaan we nu naar de inrichting van jouw website, met als voorbeeld een website die ik heb gemaakt.



Deze website bestaat grotendeels uit tabellen, ik zal voor de duidelijkheid alle kleuren weghalen.



Je kan dus zien dat het eigenlijk een hele makkelijke website is, hij bestaat puur uit tabellen en geen andere HTML scripts.

Om tabbelen te maken heb je een standaard nodig,

<table border=”1”>
<tr>
<td>Rij 1 kolom 1</td>
<td>Rij 1 kolom 2</td>
<td>Rij 1 kolom 3</td>
</tr>
<tr>
<td>Rij 2 kolom 1</td>
<td>Rij 2 kolom 2</td>
<td>Rij 2 kolom 3</td>
</tr>
<tr>
<td>Rij 3 kolom 1</td>
<td>Rij 3 kolom 2</td>
<td>Rij 3 kolom 3</td>
</tr>
</table>

Nu is het resultaat:



Om zoals ik heb een veld voor de header te maken moet je het stukje van de rij waar je de header wilt hebben. Ik gebruik hiervoor rij 1.

<tr>
<td>Rij 1 kolom 1</td>
<td>Rij 1 kolom 2</td>
<td>Rij 1 kolom 3</td>
</tr>

Nu moet je er van maken:

<tr>
<td colspan=”3”>Header</td>
</tr>

Nu is het resultaat:



Je kan het natuurlijk ook anders doen,

<tr>
<td colspan=”2”>Header</td>
<td>Rij 1 kolom 2</td>
</tr>

Resultaat:



Even terug naar de kleuren, om de tabel een achtergrond kleur te geven heb je het stukje <table border=”1”> nodig, maak daarvan
<table border="1" BGCOLOR="#929292">

Het resultaat is dan:



Hierbij is de achtergrondkleur #929292, deze kleur kan je in alles wijzigen. Let op! Enkel in CSS wordt het ook geaccepteerd om bv. 000 of fff te gebruiken in plaats van 000000 en ffffff.
Nu wil ik in de eerste 2 rijen alle cellen samenvoegen.

<tr>
<td>Rij 1 kolom 1</td>
<td>Rij 1 kolom 2</td>
<td>Rij 1 kolom 3</td>
</tr>
<tr>
<td>Rij 2 kolom 1</td>
<td>Rij 2 kolom 2</td>
<td>Rij 2 kolom 3</td>
</tr>

Wordt:

<tr>
<tr>
<td colspan=”3”>Header</td>
</tr>
<tr>
<td colspan=”3”>Topmenu</td>
</tr>
</tr>

Resultaat:



Nu heb je opzich een heel standard website. Om de breedte aan te passen heb je het openingststuk van de tabel nodig. In dit geval:
<table border="1" BGCOLOR="#929292"> Nu moet je weer wat aanpassingen ermee doen, <table border="1" BGCOLOR="#929292" width="700"> Door dit te doen is de breedte aangepast.



Nu wil ik een echte header in mijn site. Hiervoor heb je nodig het stukje waar je de header wil hebben.

<tr>
<td colspan=”3”>Header</td>
</tr>

En daar maak je van:

<tr>
<td colspan=”3”><img src=”Afbeelding link”</td>
</tr>

Resultaat:



Dan gaan we nu verder naar het topmenu.

<tr>
<td colspan=”3”>Topmenu</td>
</tr>

Ik ga er wat links in plaatsen,

<tr>
<td colspan=”3”> <A HREF="URL">Link titel</A><A HREF="URL">Link titel</A><A HREF="URL">Link titel</A></td>
</tr>

Resultaat:



Nu wil ik de onderste menu’s in de breedte aanpassen, het middenstuk wordt wat groten en de buitenste worden kleiner.

<tr>
<td>Rij 3 kolom 1</td>
<td>Rij 3 kolom 2</td>
<td>Rij 3 kolom 3</td>
</tr>

Wordt:

<tr>
<td width=”150px”>Rij 3 kolom 1</td>
<td width=”400px”>Rij 3 kolom 2</td>
<td width=”150px”>Rij 3 kolom 3</td>
</tr>

Resultaat:



Nu ben je al aardig op weg, nu nog de achtregrond, ikzelf vind het handig om hiervoor CSS te gebruiken. Sla je document op als “Index.html”. Open nu kladblok en plak daar:

body { background: #000 url('Afbeelding url') center top fixed no-repeat; }

Nu ga je weer naar je Index en voegt daar een kort scriptje toe:

<link href="Styleheet computer link" rel="stylesheet" type="text/css">

Je moet je CSS document in dezelfde map opslaan als je HTML document, door dit te doen hoef je enkel in de styleheet link: Bestandsnaam.css neer te zetten (Tip: sla op als styleheet.css zo kan je het makkelijk terugvinden)

Dit script plaats je op de volgende plek:

<html>
Hier in je HTML document
<head>

Nu heb je als resultaat:



Als het goed is staat je website nu aan de linkerkant, als je het zo wilt houden? Prima, ik houd je niet tegen. Als je het wel wilt veranderen is er één andere optie, in het midden.
Om dit toe te passen plaats je net na <html> de code <center> en net voor </html> plaats je </center>.

Resultaat:



Hmm, nu moet het topmenu ook wel in het midden vind ik. Je pakt het stukje van het topmenu voor je.

<tr>
<td colspan=”3”> <A HREF="URL">Link titel</A><A HREF="URL">Link titel</A><A HREF="URL">Link titel</A></td>
</tr>

En daar maak je van

<tr>
<td colspan=”3”><center> <A HREF="URL">Link titel</A><A HREF="URL">Link titel</A><A HREF="URL">Link titel</A></center></td>
</tr>

Resultaat:



Nu wil ik al echt teksten gaan toevoegen, dus pak de onderste rij erbij.

<tr>
<td>Rij 3 kolom 1</td>
<td>Rij 3 kolom 2</td>
<td>Rij 3 kolom 3</td>
</tr>

Daar maak je van:

<tr>
<td td width="150px"><center><b>Title</b></center><br>
Hier<br>
Plaats<br>
Je<br>
Links</td>
<td width="400px"><center><b>Title</b><br>
Hier plaats je de teksten voor in het middenstuk</center></td>
<td width="150px"><center><b>Title</b></center><br>
Hier<br>
Plaats<br>
Je<br>
Links</td>
</tr>

Resultaat:



Nu wil ik die lelijke randen aanpassen, dus pak de HTML van de tabel maar weer.

<table border="1" BGCOLOR="#929292" width="700">

Verander je in:

<table style="width: 700px; background-color: #929292; border: 1px solid #000000;" border="1" cellspacing="0" cellpadding="0">

Resultaat:




Laatst gewijzigd door Landviz op 2013-03-10 1:11 PM.
 

Heisenberg10/Mrt | 12:25 


MafiaTroubles
155 leden
En dit is mijnmaffia gerelateerd omdat...?
 

Skull10/Mrt | 13:07 


AngersCrime
333 leden
Ik zie hier eerlijk gezegd ook niks dat met MijnMaffia te maken heeft...
 

Robin18/Mrt | 18:11 


ItalianParadise
106 leden
Er staat ook, als je een hulpsite nodig hebt. Zou ik hem op mijn site mogen zetten? Voor een soort hostingbedrijf?
 

Landviz18/Mrt | 21:14 


MafiozoCrimez
109 leden
Robin schreef:
Er staat ook, als je een hulpsite nodig hebt. Zou ik hem op mijn site mogen zetten? Voor een soort hostingbedrijf?

Tuurlijk, als je m in een wordt document wil ontvangen kan je me een mailtje sturen...
 

Robin18/Mei | 11:35 


ItalianParadise
106 leden
Gangster schreef:
Tuurlijk, als je m in een wordt document wil ontvangen kan je me een mailtje sturen...

Ik had je een mail gestuurd, netjes ontvangen! Echt een duim omhoog voor jou en je guide!

 

NetworkOwner1/Sep | 15:43 


MaffiaSides
50 leden
Is het niet veel makkelijker om een website te maken op internet
Heb ik ook gedaan alleen dat ga ik hier niet showen ivm een ban die ik dan hoogst waarschijnlijk krijg
 

Heisenberg1/Sep | 16:19 


MafiaTroubles
155 leden
NetworkOwner schreef:
Is het niet veel makkelijker om een website te maken op internet
Heb ik ook gedaan alleen dat ga ik hier niet showen ivm een ban die ik dan hoogst waarschijnlijk krijg
Persoonlijk vind ik alles in een .html document zetten en hem offline testen wat handiger, je kunt alles bewerken in notepad++ zonder alles steeds te hoeven uploaden.

Verder is op deze manier websites vormgeven een "no no", verouderd en beperkt.

 

Jurgen1/Sep | 21:07 

Dit heeft inderdaad niets te maken met MijnMaffia.

- slotje -