Site verbetering

Status
Niet open voor verdere reacties.
Bij teveel vragen in een post worden de antwoorden kort, maar al je vragen zijn wel beantwoord :cool:

RE: Als ik een php wil uploaden zegt die ongeldig bestand
Een php bestand werkt op iedere webserver die actief is. Upload je het naar (een submap van) htdocs of www?

RE: jsfiddle vind ik echt een naar programma
Je bent vrij het te gebruiken :) Veel mensen gebruiken jsfiddle voor het makkelijk testen en delen van kleine stukjes html, css, javascript.

RE: deze post van jouw (de laatste) vind ik nogal onduidelijk
Google even als je iets niet direct begrijpt. De W3schools try it yourself button kan behulpzaam zijn.

RE: zip werkt ook niet want mag maar 100 kb
Soms onhandig, maar deze vraag stelde je aan Helpmij ga ik vanuit.
 
Laatst bewerkt:
@Bron: ok, ik heb er nog even naar gekeken en nu 3 uur verder is het een en ander mij gelukt.
De quote werkt goed, alleen vroeg ik mij af hoe krijg ik de hele quote naar links?
Edit: opeens na wat rommelen gaat die quote splitsen in verschillende delen, huh?

De foto's zijn ook gelukt op 1 na, de foto bovenaan de site, die krijg ik niet netjes rechts iets meer in het midden en dan in die div.

Het menu moet ik inderdaad nog eens een keer naar gaan kijken, duurde ook maar 6 maanden voordat ik dit had:shocked:
En het menu krijgt nu ook een dotted lijn eronder net zoals de links in content.php hoe haal je dit weg?

Ik zat eens te kijken op wat sites en zie dat ze veel gebruikmaken van <article> en dan daarin <h1> <p> dit maakt de hele pagina ook een stuk overzichtelijker vind ik ipv al die <div> met al die sub <div> en id's of classes.
Dus ik ben wat gaan rommelen maar ik kom er niet uit. Nu heb ik ook fiddle geprobeerd, alleen aangezien ik 2 csssjes gebruik omdat content.php wordt geladen via een php script in index.php leek mij dit makkelijker. Dus een hoop van wat je ziet werkt ook niet zoals het wel op de echte site werkt.

Dus hier een fiddle, content: http://codepen.io/anon/pen/pyoevO
Dit is de index: http://codepen.io/anon/pen/eZYvYx?editors=1100

Kun je een voorbeeld voor mij maken en even uitleggen wat je hebt gedaan en waarom.
Ik wil dus alle divs etc.. veranderen naar simpele <articles> of is dit niet verstandig of kan dit niet? (mijn probleem nu is dus de layout die krijg ik niet zo strak als dat die was, ook moet de datum er nog in komen rechts)
Edit: ondertussen ben ik al iets verder hierin, krijg alleen die datum niet aan de linker kant erin en tussen de header en tekst zit een lege ruimte...


Zie mijn site voor hoe het nu werkt.
 
Laatst bewerkt:
RE: hoe krijg ik de hele quote naar links?
Met margin-left en margin-right kun je de breedte bepalen. in dit geval dus margin-left: 0%;

RE: na wat rommelen gaat die quote splitsen
Dan weer terug naar de oorspronkelijke die wel goed is

RE: foto's zijn ook gelukt op 1 na, de foto bovenaan de site
Welke, bedoel je... het logo?

RE: gebruikmaken van <article> en dan daarin <h1> <p>
Prima. Echter, als een <article> een kop heeft die uit meerdere elementen bestaat dan moet in het <article> een <header> staan als kop. Als de kop slechts één element heeft (bijvoorbeeld alleen een h1) dan kun je de <header> in het <article> weglaten. Het is sowieso verstandig om overal op de website <p> (paragraaf) te gebruiken voor een tekst zodat je de tekst beter kan stylen.

RE: met al die sub <div> en id's of classes
Dit is dé manier om je website structuur te geven, in te delen, en te stylen!
div's blijf je nodig hebben! header, article, footer, aside, enzovoort zijn ook voor de structuur maar deze hebben een betekenis en mag je niet zomaar overal neerzetten omdat je het dan makkelijk vindt lezen.

RE: stylesheets in de head van de pagina
Om verschillen tussen browsers weg te halen wordt altijd bij websites als eerste stylesheet een normalizer geladen.
Kopieer deze css https://raw.githubusercontent.com/necolas/normalize.css/master/normalize.css en plak het in een bestand normalize.css
De eerste stylesheet in de head wordt dan <link rel="stylesheet" href="css/normalize.css" />

RE: voorbeeld code
De code op eZYvYx is niet goed gebruikt. In settings hoort een en ander te staan in plaats van in je html
Noot: In plaats van de php content kun je gewoon wat onzin tekst op deze plek zetten (google even op Lorem Ipsum generator)

RE: het menu krijgt nu een dotted lijn eronder
Zoek in al je stylesheets naar dotted, in je css krijgen alle linkje (en munu knoppen) een dotted lijn.
a:link, a:visited { color: #2f5388; text-decoration: none; border-bottom: 1px dotted #a4caf3; }

RE: Zie mijn site voor hoe het nu werkt
Waar? Op http://gast0510.cmshost.nl/ zie ik geen verandering.

En verder
- af en toe je code leesbaar maken met een Formatter voor html/css http://www.cleancss.com/css-beautify/
- Je zou de css eens kunnen reorganiseren. Er staan nu dubbels in die elkaar beinvloeden.
- Je kunt dit doen: huidige index.php hernoemen in oudindex.php en dan een nieuwe index.php online zetten met de nieuwe html/css.
 
Laatst bewerkt:
margin-left: 0%; werkt niet

ik kan niet meer terug omdat ik na een dag dit pas zag en het oude werk is al weg.

ik bedoel niet het logo maar die driehoek daaronder in het midden.

Dus, hoe krijg ik dit nu netjes?
<article>
<h1>Testing article css</h1>
<p>This i a test. sdfjbsdjkfbsdfjbf
<br>isdfnksnfksd</p>
</article>

RE: stylesheets in de head van de pagina ??? heb ik dat gezegd? snap niet wat je hier nu mee wil.

Lorem Ipsum generator ??? ik kan je echt niet meer volgen, ben je soms dronken op deze zaterdag?

over die dotted lijn, dat klopt, ik wil 2 soorten links op de site + nog een 3e (in mijn menu)
die 2 moeten totaal anders en die 3 ook, maar nu heb ik die 2 werkend alleen beinvloed 1 daarvan mijn menu.
Maar ik snap niet hoe ik dit oplos.

dat is ook mijn oude site, check mijn huidige (in mijn handtekening)

- Je zou de css eens kunnen reorganiseren. Er staan nu dubbels in die elkaar beinvloeden.
waar???
 
Haha, (nog) niet dronken hoor. Vergeet die stylesheet en lorem ipsem maar. Het waren antwoorden op je vragen maar ik ging te snel denk ik.

De blockquote van #8 heb ik in een apart bestandje getest en margin-left werkt wel. Vermoedelijk heb je last van css op een andere plek in je stylesheet(s).

Ik mis de laatste html/css op http://gast0510.cmshost.nl Lastig zo.

De code hieronder kan niet in combinatie met een datum. Daarvoor zijn div's of span's nodig (div en span zijn beide lege elementen zonder functie, bedoeld voor structuur in je pagina). Met een script kan het ook maar ik vermoed dat dit een stap te ver is.
Code:
<article>
  <h1>Testing article css</h1>
  <p>This i a test. sdfjbsdjkfbsdfjbf
  <br>isdfnksnfksd</p>
</article>

Geen dotted line in menu is misschien dit (geen help voor menu)
Code:
.ddsmoothmenu ul a,
.ddsmoothmenu ul a:link,
.ddsmoothmenu ul a:visited,
.ddsmoothmobile ul a,
.ddsmoothmobile ul a:link,
.ddsmoothmobile ul a:visited {
   border: 0;
}

RE: (css) Er staan nu dubbels in die elkaar beinvloeden. waar???
Ik zag een dubbel in verschillende stylesheets, ik weet niet meer waar. Maar dat is aan jouw :) Foutzoeken is met dubbels heeeeel lastig.
 
Laatst bewerkt:
waar gebruik je in mijn voorbeeldje dan nu op een correcte manier div en span?

super menu border is weg.

nu zit ik alleen nog met die foto boven onder mijn header, in dat grote witte vak.

en op de index met die vuist, die moet netjes in die div blijven.
 
waarom worden er berichten verwijderd.
Dat is niet de bedoeling bij ons.
Deze site is er om gehele antwoorden cq reacties te laten zien.
Zo wordt het verhaal zeer onvolledig.
 
@puppie. Helemaal mee eens. Mijn berichten zijn verwijderd omdat er ineens 6 berichten van mij boven elkaar stonden. De samenhang was weg omdat de vragen weggehaald waren. Antwoorden op verdwenen vragen heb ik weggehaald. Berichten van mij met code en uitleg heb ik laten staan. Bij andere topics kun je zien dat ik nooit berichten verwijder.

@gast0510. Ik heb nog een vraagje open staan
Ik mis de laatste html/css op http://gast0510.cmshost.nl Lastig zo (ik bedoel lastig om te helpen)
ay_screenshot.jpg
 
Ja sorry mijn fout.

wat bedoel je met je mist css?
Die site daar moet je niet eens meer naar kijken, dat is de oude, die vermelde ik maar even om iets te vergelijken maar dat was al vrij snel overbodig.
Mijn site is: www.the-resistance.tk ;)
 
@bron: nu zit ik alleen nog met die foto boven onder mijn header, in dat grote witte vak.
en op de index met die vuist, die moet netjes in die div blijven.
en hoe gebruik ik de <div> en <span> op content.php op de correcte manier om een standaard artikel te creëren?

blockquote krijg ik echt niet naar links en on-gesplitst.

RE: stylesheets in de head van de pagina
Om verschillen tussen browsers weg te halen wordt altijd bij websites als eerste stylesheet een normalizer geladen.
Kopieer deze css https://raw.githubusercontent.com/ne.../normalize.css en plak het in een bestand normalize.css
De eerste stylesheet in de head wordt dan <link rel="stylesheet" href="css/normalize.css" />
Ik snap niet wat je bedoelt hiermee.
------
Dan heb ik het volgende nog dat ik niet werkend krijg:
3. Als je naar contact pagina gaat met een klein scherm dan zie je een horizontale balk in message, ook dat wil ik niet en ik wil dat het gewoon netjes in het midden blijft staan.
4. Dan wil ik graag dat het menu in het midden blijft staan, zodra ik iets toevoeg of het bijvoorbeeld FORUM verwijder dan blijft alles zo staan en is het niet meer gecentreerd, hoe doe je dit automatisch in css?

Zou ik op index.php <article> moeten gebruiken voor mijn content of is gewoon <main> ?
 
Laatst bewerkt:
Probeer dit eens uit de bijlage. Voor smartphone zit er Slicknav bij. De send-mail paigna heb je al.

Suc6.
 

Bijlagen

  • resistance.zip
    35,5 KB · Weergaven: 32
Goed bezig vriend :thumb:

Ik zit wel met het een en ander aan vragen.
Waar is dit voor?
HTML:
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	font: normal 11px sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

body {
	line-height: 1.428;

Ik zie deze in je nieuwe css staan maar is die nog geldig? en waar hoort die bij dan..
HTML:
.clearfix:before,
.clearfix:after  {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

Deze gebruiken we toch niet meer nu?
HTML:
.left_quote {
	float: left;
	margin-left: 0;
}

.right_quote {
	float: right;
	margin-right: 15px;
}

.center {
	display: inline-block;
    margin: 0 auto;
}

Kun je mij precies uitleggen wat normalize.css doet.

ik zie dat in het submenu onderaan, de hoekjes bij hover vierkant zijn hoe maak ik die weer rond?

de datum in de header waarom is en blijft die zo raar eruit zien, de lettertype krijg ik niet zoals het vroeger was.

en waarom is de rechter en linker kant niet naast elkaar.

Dit is mijn nieuwe code:

PHP:
<section id="middlecontainer">

	<article>
		<header>
			<h1>What we do / Bio</h1>
		</header>
		<p>
			<img id="center" src="/images/eye.jpg" alt="The all-seeying eye of the Illuminati." />
			Right now i'm working on the layout of the website, it is a hard thing to do, i tell you that.
			<br />
			<br />
			And i am building this page: <a href="index.php?page=****h">The ****h</a>
			<br />
			<br />
			<br />
			<a href="index.php?page=intro">Learn more</a>
		</p>
	</article>

</section> <!-- middle container -->

<section id="leftcontainer">

	<article>
		<header>
			<h1>Work in progress</h1>
			<h2>Posted: 7 februari 2016</h2>
		</header>
		<p>
			Hi people. It hase been a while sinds i worked on this website, progress is so verry slow, i am sorry for this. There was a little problem that came on my path that i had to first figure out, this understanding is still being ponderd upon and could be
			a decision in closing this website. For now i will proceed with this website, only some major changes will be made regarding what i would tell and how i would write it. So i ask you to have a little more patience with me, i will be posting what i
			have learned in a short time! I have made a start as you can see (The ****h!)
			<br />
			<br /> If you have any questions or would like to help me you can email me at rebel@the-resistance.tk. Or you could send me a email through the website, i have it finally working!
			<br /> Edit: i am thinking of changing host so make sure that you bookmark: www.the-resistance.tk and not the link that it redirects you to!!!
		</p>
	</article>

	<article>
		<header>
			<h1>UN Agenda 2030: Sustainable Development</h1>
			<h2>Posted: 8 november 2015</h2>
		</header>
		<p>
			A blueprint to enslave humanity trough a ONE WORLD- government (UN), religion (spirituality), currency (digital chip) and army (NATO). Also called the New World Order. This is Agenda 21 on steroids! Which pope Francis announced to the world during his
			visit in America last September.
			<br />
			<br /> Futher information will be coming.
			<br />
			<br />
			<br />
			<a href="index.php?page=roids">Read more..</a>
		</p>
	</article>

	<article>
		<header>
			<h1>Under construction..</h1>
			<h2>Posted: 1 may 2015</h2>
		</header>
		<p>
			This website is still being developed, so come back every once in a while. Don't forget to bookmark this page! (make sure your link is www.the-resistance.tk)
			<br />
			<br /> The music below is what really motivates me about all of this stuff, just wanted to share this with you.
			<br />
			<br />
			<audio src="freedom.mp3" controls></audio>
		</p>
	</article>

	<article>
		<header>
			<h1>Short introduction</h1>
			<h2>
				Posted: 15 april 2015
			</h2>
		</header>
		<p>
			Hi, my name will be Rebel here and i live in Holland. English is not my birth language also i'm kinda dyslectic, so if you notice some letters missing or entire words spelled wrong let me know and i will correct it right away.
			<br />
			<br /> The reason for this site is that i have been studying some heavy material sinds 2008. Everything started with a couple of life questions and all of those questions only let to more questions. After 7 years of doing some obsessive research on allot
			of different topics almost all questions have been answerd. The more i learned the more is saw what was really happening in the world. The picture and message below says it all.
			<br />
			<br /> There is a invisible war going on and you do not know anything about it! It is a war that is right infront of your nose and you do not even see it. The only thing that you can see is the world that hase been pulled over your ears.
			<br />
			<br />
			<img width="350" src="http://www.thesleuthjournal.com/wp-content/uploads/2014/11/plugged-in-to-television-tv-mind-control-brain-washing-unplug.jpg" alt="We are beïng brainwashed trough our mind control TV-set." />
			<br /> I have found some really important stuff that the world needs to know. I can no longer shut my mouth! There is allot to tell to you and this can not be done in a few weeks. So please be patient with me. I will tell you all that i know in great detail,
			even some things that i found out by myself that you can not find anywhere on the web. These things must become public right away! This information becomes more and more critical with every day passing, your own survival literally depends on it! All
			will be explained and supported with real solid evidence.
			<br />
			<br /> Before there will be any real import information placed upon this website, i first want to finish the design. When that is finished i will introduce myself some more and explain my reasons for this website. This is a must read before continuing with
			all the other stuff because you need to know the basics first in order to graduate to the higher levels of knowledge.
			<br />
			<br /> A working contact form will be made a soon as possible, if you are seeing one right now it probably wont work yet. When it is done i will place a message on this main page so you guys can send me stuff or just leave a message.
			<br />
			<br /> I think it is really importent for us to work together to produce all the information on this site, because i alone can not research everything that is out there. So i'm making this a shared project, of the people, by the people, for the people'.
			If you think you have some valuable stuff dont hesitate to send it to me! Don't worry, i will keep your privacy to myself! I'm the only one who hase access to this site and nobody else is working for me, nor i for anyone else. Together we can make
			this site the best, most effective and updated site that anyone can find on the web, with the most accurate and importent knowledge that we all need to know. This can only be done by working as a team, united as one we can stand tall!
			<br />
			<br /> ~Rebel
			<br />
			<div style="text-align:center">
				<img class="center" src="images/fist.gif" alt="Join the fist!" />
				<br />
				<b>Join the fist!</b>
			</div>
		</p>
	</article>

	<article>
		<header>
			<h1>Testing</h1>
			<h2><s>4 march 2015</s> | Updated: 27 februari 2016</h2>
		</header>
		<p>
			Testing some quote layout.
			<br /> What do you think?
			<blockquote>
				<p><b>Quote</b>:</p>
				<q>All ****h goes through three stages.
				First it is ridiculed, then it is violently opposed and finally it is accepted as self-evident.</q>
				<p>— Schoepenhouer</p>
			</blockquote>
			Great it works!
		</p>
	</article>

</section> <!-- left container -->

<aside id="rightcontainer">

	<article>
		<header>
			<h1>Latest News / Updates</h1>
		</header>
		<p>
			<b>26 februari 2016</b>
			<br /> Fixing the broken menu that was caused by the new design.
			<br />
			<br />
			<b>24 februari 2016</b>
			<br /> Fixing some css code for better viewing on smartphones and tablets. And redesigning the layout.
		</p>
	</article>

	<article>
		<header>
			<h1>Website statistics</h1>
		</header>
		<p>
			Online viewers: <script src="stats/online.php"></script>
			<br /> Total visitors: <?php $bestand = "stats/visits.php"; if(!is_file($bestand)) { $fp = fopen($bestand, 'a'); fwrite($fp, "<?\\n//"); fclose($fp); chmod($bestand, 0666); } $con = file_get_contents($bestand); $st = substr_count($con, ";"); if(strpos($con, $_SERVER['REMOTE_ADDR']) === FALSE) { $fp = fopen($bestand, 'a'); fwrite($fp, $_SERVER['REMOTE_ADDR'].";"); fclose($fp); $st++; } unset($con); echo "" . $st; ?>
			<br />
			<br />
			<?php echo "Last modified: ".date( "j F Y", getlastmod() ); ?>
		</p>
	</article>

	<article>
		<header>
			<h1>Donate & Support</h1>
		</header>
		<p>
			Please consider contributing to our cause. With your donation we can improve the size and development of this website. Click the PayPal logo below to donate.
			<br />
			<br />
			<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GF64WWQHWL39G" onclick="javascript:window.open('https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GF64WWQHWL39G','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img width="60px" src="/images/paypal.png" alt="Click here to donate!" /></a>
		</p>
	</article>

	<article>
		<header>
			<h1>Sponsors</h1>
		</header>
		<p>
			None this far.
		</p>
	</article>

	<article>
		<header>
			<h1>Next vision: 2020</h1>
		</header>
		<p>
			<script>
				today = new Date();
				BigDay = new Date("January 1, 2020");
				msPerDay = 24 * 5000000;
				timeLeft = (BigDay.getTime() - today.getTime());
				e_daysLeft = timeLeft / msPerDay;
				daysLeft = Math.floor(e_daysLeft);
				e_hrsLeft = (e_daysLeft - daysLeft) * 24;
				document.write("<b>" + daysLeft + " </b>days till ...");
			</script>
			<br />
			<br />
			<br />
			<a href="index.php?page=countdown">Read more</a>
		</p>
	</article>

</aside> <!-- right container -->

css:
PHP:
/*** fonts ***/

@font-face {
	font-family: 'Segoe UI';
	src: url('segoeui.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Light';
	src: url('segoeuil.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Bold';
	src: url('segoeuib.ttf');
	font-weight: normal;
	font-style: normal;
}

/*** costum vertical scrollbar ***/

::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/*** default ***/

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
	height: 100%;
	background-color: #213D65;
	color: #2f5388;
	font-size: 13px;
	font-family: 'Segoe UI';
	line-height: 1.428;
}
  
a:link, a:visited {
	text-decoration: none;
	border-bottom: none;
}

.center {
	display: inline-block;
    margin: 0 auto;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/*** quotes ***/

blockquote {
	display: block;
	width: 85%;
	margin: 10px 15px 20px 25px;
	padding: 12px 10px 10px 12px;
	border: 1px dotted #A4CAF3;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background: #FCFDFF;
}
	q {
		width: 90%;
		margin: 0 auto;
		quotes: "\201C" "\201D";
		color: #213D65;
		padding: 10px 15px 12px 15px;
	}

/*** audio ***/	
	
.audio-player {
	position: relative;
	width: 100%;
	margin: 15px auto 10px auto;
}

.audio-player audio {
	width: 99%;
	max-width: 100%;
	height: 50px;
	margin: 0;
	outline: none;
}

/*** container ***/

#container {
	min-height: 100%;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	overflow: hidden;
}
	@media (min-width: 768px) {
		#container {
			width: 750px;
		}
	}
	@media (min-width: 992px) {
		#container {
			width: 970px;
		}
	}
	@media (min-width: 1150px) {
		#container {
			width: 1125px;
		}
}
#container > *:before,
#container > *:after {
	display: table;
	content: " ";
}
#container > *:after {
	clear: both;
}

/*** header ***/

#header, #menu, #footer {
	margin-bottom: 20px;
}
  #logo {
	width: 280px;
	margin: 0 auto;
  }
	@media (min-width: 768px) {
	  #logo {
		width: 395px;
	  }
	}
	#logo img {
	  display: block;
	  max-width: 100%;
	  height: auto;
	}

/*** menu ***/

#menu * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#menu {
	display: none;
	width: 100%;
	text-align: center;
	background-color: #2F5388;
	border: 1px solid #2B4A7B;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #1D1E23;
}
	@media (min-width: 768px) {
		#menu {
			display: block;
		}
	}

/*** content ***/

article {
	position: relative;
	width: 100%;
    min-height: 100px;
	margin-bottom: 20px;
	padding: 0 15px 20px 25px;
	background-color: #FFF;
	color: #2F5388;
	border-style: solid;
    border-color: #2B4A7B;
    border-width: 1px;
	border-radius: 0 0 5px 5px;
	box-shadow: 2px 2px 5px #1D1E23;
}
	article header {
		position: relative;
		margin: -5px -15px 25px -25px;
		padding: 7px 15px 8px 25px;
		background-color: #2F5388;
		border: 1px solid #2B4A7B;
		border-width: 1px 1px 0 1px;
		border-radius: 5px 5px 0 0;
	}
		article header h1 {
			display: block;
			margin-top: 0;
			margin-bottom: 0;
			font-size: 16px;
			color: #FFF;
			font-family: "Segoe UI Bold";
		}
		article header h2 {
			display: block;
			margin-top: 10px;
			margin-bottom: 10px;
			color: #FFF;
			font-size: 11px;
			font-family: "Segoe UI";
		}
		@media (min-width: 992px) {
			article header h1 {
				padding-right: 200px;
			}
			article header h2 {
				position: absolute;
				top: 0;
				right: 0;
				width: 180px;
				margin-top: 0;
				margin-bottom: 0;
				padding: 9px 15px 0 0;
				text-align: right;
			}
		}
	p {
		margin: 0 0 20px 0;
	}
		img {
			vertical-align: middle;
			display: block;
			max-width: 100%;
			height: auto;
		}

/*** footer ***/

#footer {
	padding: 4px 0;
	background-color: #2F5388;
	border: 1px solid #2B4A7B;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #1D1E23;
}
	#footleft,
	#footright,
	#footright a {
		padding: 0;
		font-size: 12px;
		color: #a4caf3;
	}
	#footleft {
		float: left;
		width: 17%;
		padding-left: 1%;
	}
	#footleft img {
		width: 37px;
		margin: 0 auto;
	}
	#footright {
		float: left;
		width: 81%;
		padding-right: 1%;
		padding-top: 12px;
	}

De footer img staat er ook niet helemaal in.

De img bovenaan krijg ik nog steeds niet aan de rechterkant naast de tekst.

En de quote wil niet lukken: - naam <<<< dit staat te veel naar links.
En het hele veld van de hele quote moet ook verder naar links tegen de tekst aan verticaal.
 
Laatst bewerkt:
RE: box-sizing: border-box
Breedte en Hoogte zijn dan inclusief padding/border, exclusief margin
http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

RE: -webkit-tap-highlight-color
Specifiek voor webkit browsers. Bevestiging dat linkje is aangeklikt bij een tap.
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color

RE: line-height: 1.428
Optimale regelhoogte bij font-size:14px

RE: Ik zie deze in je nieuwe css staan maar is die nog geldig?
Alle css in de stylesheet is nodig. Clearfix is een universele hulp class voor als in een div float'ed elementen zitten.

RE: Deze gebruiken we toch niet meer nu?
.left_quote, .right_quote kun je weghalen als je deze nergens in pagina's gebruikt.
.center is (net als .right en .left) universeel te gebruiken. Wijzig even in:
Code:
.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.right {
	float: right !important;
}
.left {
	float: left !important;
}

RE: Kun je mij precies uitleggen wat normalize.css doet?
Eigenlijk heel simpel. Elke website begint met een normalize. De normalize css haalt de verschillen weg die er tussen browsers zijn (brwosers renderen dan consistent). Voor uitleg van elke regel, zie https://github.com/necolas/normalize.css/blob/master/normalize.css

RE: de hoekjes bij hover zijn vierkant hoe maak ik die weer rond?
In style3-slicknav.css zet je helemaal onderaan, dus onder #slicknav li:hover
Code:
#slicknav ul > li:last-child:hover {
	border-radius: 0 0 4px 4px;
}

RE: de datum in de header waarom is en blijft die zo raar eruit zien
Lettertype is nu de Helvetica-familie voor goede leesbaarheid. Het lettertype 'Segoe UI' dat je voorheen had lijkt behoorlijk op Helvetica, maar 'Segoe UI' heeft minder mogelijheden.
Bij "article.post header h6" zie je font-size:12px met margin-top:5px . Deze twee kun je wijzigen als je een grotere letter wilt. Mijn advies: haal het laden van font-family 'Segoe UI' uit je css omdat je deze niet cross-browser in je css hebt staan én je hebt hierdoor performance verlies.

RE: waarom is de rechter en linker kant niet naast elkaar
Wat bedoel je hiermee?

RE: Dit is mijn nieuwe code:
Ik heb het niet doorgenomen. Wel zie ik de font-family 'Segoe UI' die eruit zou moeten vind ik. De keuze is aan jou. Zie antwoord hierboven bij 'datum'.

RE: De footer img staat er ook niet helemaal in
Bij mij staat de img wel goed. Wat heb je veranderd in de footer? Het contact plaatje heb ik weggehaald omdat dit in deze layout niet goed weergegeven kan worden. Ik heb er een linkje van gemaakt.

RE: De img bovenaan krijg ik nog steeds niet aan de rechterkant naast de tekst.
Gebruik <img class="right" ...> en zet deze css direct onder article{}
Code:
article:before,
article:after  {
	display: table;
	content: " ";
}
article:after {
	clear: both;
}
article img {
	margin-top: 8px;
	margin-bottom: 8px;
}

RE: En de quote wil niet lukken.
Ik begrijp niet helemaal hoe je het wilt, welke naam?
De blockquote kun je in ieder geval op volle breedte zetten met deze wijziging
Code:
.blockquote {
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 12px 10px 10px 80px;
	....
	background: #eef url("../images/blockquote.png") no-repeat 15px 15px;

Have fun.
 
Laatst bewerkt:
Ik bedoel dat rechter en linker content niet naast elkaar staat als ik jouw css in mijn index.css stop.
 
Ik begrijp uit je vraag waarom de blokken in de linker kolom niet even hoog zijn als de blokken in de rechter kolom. Dit kan niet! Je weet namelijk niet wat de resolutie is van het apparaat waarop je website wordt weergegeven. De huidige responsive website past zichzelf aan de resolutie van het apparaat aan. Dan is de weergave altijd netjes op alle apparaten.

Stel dat je met vaste height de blokken even hoog gaat maken dan kan dit er leuk uit zien op een PC maar het is een vreselijke layout op tablete en smartphone.

Gebruik om deze reden ook zo weinig mogelijk <br /> midden in stukken tekst. Het beste kan je <p>...</p> gebruiken en in plaats van <br /> gebruik je gewoon een nieuwe <p>...</p> . Als je <br /> gebruikt kijk dan even in je browser of de tekst op alle breedtes netjes wordt weergegeven.

Noot: de css die ik je gaf hoort bij mijn index/content/aside. Als je deze bij een andere index gebruikt werkt het niet goed.

Have fun.
 
Laatst bewerkt:
Ja dat begrijp ik, daarom heb ik alles zo aangepast, nu heb ik al jouw css behalve die van het menu in 1 css gezet.
Maar als je naar mijn site gaat zie je dat de content en aside niet naast elkaar staan maar onder elkaar.

Ik denk dat het te maken heeft met het includen van de 2 losse pagina's. ik wil dit namelijk niet, ik wil gewoon links en rechts op de startpagina alleen hebben staan, daarom heb ik de php include van mijn oude site gebruikt en de content en aside samen weer in content.php gezet en alles css staat gewoon in 1 bestandje nu.

Edit: ik was iets vergeten zie ik, nu staat het naast elkaar alleen nog niet zoals het eerst was. de rechterkant de headers staan ook heel raar.
ik denk dat dit niet in de css zo is geregeld omdat ze apart werden ge-include, niet waar? Hoe pas ik dit nu aan?
 
Laatst bewerkt:
Alle bestanden in mijn zip horen bij elkaar! Je kunt niet een beetje van het oude, een beetje van het nieuwe en dan wat dingen op andere plekken zetten want dan krijg je spaghetti. Je hebt van mij een goed werkende layout die op elke PC, tablet en smartphone werkt.

RE: nu heb ik al jouw css behalve die van het menu in 1 css gezet
Css bestanden kun je beter gescheiden houden. Eventueel pas als je helemaal klaar bent samenvoegen.

RE: content en aside niet naast elkaar
In mijn html/css komen content en aside op een smartphone onder elkaar en op tablet en pc naast elkaar.

RE: Ik denk dat het te maken heeft met het includen van de 2 losse pagina's.
Het heeft hier niet mee te maken. Een include zet gewoon de code uit het externe bestand er tussen.

RE: ik wil gewoon links en rechts op de startpagina alleen hebben staan
Is mij niet eerder opgevallen, maar dit kan met css worden gedaan.

RE: Hoe pas ik dit nu aan?
Geen idee, voor mij is het nu spaghetti geworden.
 
Ik heb er niet echt spaghetti van gemaakt hoor.
Ik heb gewoon 2 css bestandjes van jouw costum en structure onder elkaar geplakt.
En ik heb content samen met aside onder elkaar geplakt.
Als laatste heb ik op de index gewoon de php code eruit gehaald omdat die aside en content appart include, nu als 1 geheel/1 pagina zoals ik dat eerst had.

Naast dit heb ik gewoon wat lettertype, padding etc aangepast.

Als je nu naar http://theresistance.heliohost.org/ toe ga dan zie je dat het bijna op de oude layout van mijn site lijkt que font, padding etc..
Alleen de margin tussen rechts en links is niet goed en de rechterkant (aside) die header valt heel raar, dat is wat ik niet begrijp.

1 ding wat ik echt totaal niet kan wijzigen of begrijpen is de lettertype van de datum in content header. hij lijkt wel dik gedrukt en vaag, op mijn oude layout was die duidelijker en toch anders terwijl de code's allemaal hetzelfde zijn, lettertype, grootte.

Spaghetti? valt wel mee toch?
Zie zelf maar: (3 bestandjes)

CSS:
HTML:
/*** fonts ***/

@font-face {
	font-family: 'Segoe UI';
	src: url('segoeui.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Light';
	src: url('segoeuil.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Bold';
	src: url('segoeuib.ttf');
	font-weight: normal;
	font-style: normal;
}

/*** costum vertical scrollbar ***/

::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/*** default ***/

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
	height: 100%;
	background-color: #213D65;
	color: #2f5388;
	font-size: 13px;
	font-family: 'Segoe UI';
}

.clearfix:before,
.clearfix:after  {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}

.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.right {
	float: right !important;
}
.left {
	float: left !important;
}

/*** links ***/

a:link, a:visited {
  color: #2F5388;
  text-decoration: none;
  border-bottom: 1px dotted #A4CAF3;
}
a:hover, a:active {
  color: #A4CAF3;
  text-decoration: none;
  -moz-transition:color .2s ease-out;
  -webkit-transition:color .2s ease-out;
  transition:color .2s ease-out;
}

/*** ????????????????????????????? ***/

ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/*** quotes ***/

blockquote {
	display: block;
	width: 90%;
	margin: 10px 10px 10px 0px;
	padding: 15px 15px 0px 18px;
	border: 1px dotted #A4CAF3;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background: #FCFDFF;
}
	q {
		width: 90%;
		margin: 0 auto;
		quotes: "\201C" "\201D";
		color: #213D65;
	}

/*** audio ***/	
	
.audio-player {
	position: relative;
	width: 100%;
	margin: 15px auto 10px auto;
}

.audio-player audio {
	width: 99%;
	max-width: 100%;
	height: 50px;
	margin: 0;
	outline: none;
}

/*** container ***/

#container {
	min-height: 100%;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	overflow: hidden;
}
	@media (min-width: 768px) {
		#container {
			width: 750px;
		}
	}
	@media (min-width: 992px) {
		#container {
			width: 970px;
		}
	}
	@media (min-width: 1150px) {
		#container {
			width: 1125px;
		}
}
#container > *:before,
#container > *:after {
	display: table;
	content: " ";
}
#container > *:after {
	clear: both;
}

/*** middle, left, right container ***/

#middlecontainer {
    width: 100%;
    margin-bottom: 20px;
    min-height: 60px;
    background-color: #fff;
	border-radius: 6px 6px 6px 6px;
}

#leftcontainer,
#rightcontainer {
	position: relative;
	float: left;
	min-height: 1px;
}

#leftcontainer {
	width: 100%;
}
#rightcontainer {
	width: 100%;
}

@media (min-width: 768px) {
	#leftcontainer {
		width: 58%;
		margin-right: 2%;
	}
	#rightcontainer {
		width: 38%;
		margin-left: 2%;
	}
}

@media (min-width: 992px) {
	#leftcontainer {
		width: 68%;
		margin-right: 2%;
	}
	#rightcontainer {
		width: 28%;
		margin-left: 2%;
	}
}

#middlecontainer > *:first-child,
#leftcontainer > *:first-child,
#rightcontainer > *:first-child {
	margin-top: 0;
}

/*** header ***/

#header {
	margin-bottom: 10px;
}
  #logo {
	width: 280px;
	margin: 0 auto;
  }
	@media (min-width: 768px) {
	  #logo {
		width: 395px;
	  }
	}
	#logo img {
	  display: block;
	  max-width: 100%;
	  height: auto;
	}

/*** menu ***/

#menu * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#menu {
	display: none;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	background-color: #2F5388;
	border: 1px solid #2B4A7B;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #1D1E23;
}
	@media (min-width: 768px) {
		#menu {
			display: block;
		}
	}

/*** content ***/

article {
	position: relative;
	width: 100%;
    min-height: 100px;
	margin-bottom: 20px;
	padding: 0 15px 20px 25px;
	background-color: #FFF;
	border: 1px solid #2B4A7B;
	border-radius: 0 0 5px 5px;
	box-shadow: 2px 2px 5px #1D1E23;
}
article:before,
article:after  {
	display: table;
	content: " ";
}
article:after {
	clear: both;
}
article img {
	margin-top: 8px;
	margin-bottom: 8px;
}
	article header {
		position: relative;
		margin: -5px -15px 25px -25px;
		padding: 7px 15px 8px 25px;
		background-color: #2F5388;
		border: 1px solid #2B4A7B;
		border-width: 1px 1px 0 1px;
		border-radius: 5px 5px 0 0;
	}
		article header h1 {
			display: block;
			margin: 0 0 0 0;
			font-size: 16px;
			color: #FFF;
			font-family: "Segoe UI Bold";
		}
		article header h2 {
			display: block;
			margin: 10px 0 10px 0;
			color: #FFF;
			font-size: 11px;
			font-family: "Segoe UI";
		}
		@media (min-width: 992px) {
			article header h1 {
				padding-right: 200px;
			}
			article header h2 {
				position: absolute;
				top: 0;
				right: 0;
				width: 180px;
				margin-top: 0;
				margin-bottom: 0;
				padding: 9px 15px 0 0;
				text-align: right;
			}
		}
	p {
		margin: 0 0 20px 0;
	}

/*** footer ***/

#footer {
	margin-bottom: 20px;
	background-color: #2F5388;
	border: 1px solid #2B4A7B;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #1D1E23;
}
	#footleft,
	#footright {
		font-size: 12px;
		color: #a4caf3;
	}
	#footleft {
		float: left;
		width: 17%;
		padding-left: 7%;
	}
	#footleft img {
		width: 37px;
		margin: 0 auto;
		padding-top: 7px;
	}
	#footright {
		float: left;
		width: 81%;
		padding-right: 1%;
		padding-top: 17px;
	}

INDEX.PHP
PHP:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="HandheldFriendly" content="True" />

	<title>The Resistance - Free your mind with the ****h.</title>
	<!-- <base href="http://www.the-resistance.tk/"> -->
	<meta name="keywords" content="The Resistance, .tk, Illuminati, NWO, New World Order, Conspiracy, ****h, Health, Ayurveda, GMO, Death, Disease, Hoax, Freemasons, Elite, 911, False Flags, Lies, Spirituality, Cultivation, New Age Movement, World Trade Center, Twin Towers, History, Pease, Buddhism, Religion" />
	<meta name="description" content="Do you want to know the ****h about everything? How the elite/illuminati control you? How to become really healthy and at peace? Start reading this!" />
	<meta name="revisit-after" content="2 hours" />

	<meta property="og:title" content="Do you want to know the ****h about everything? How the elite/illuminati control you? How to become really healthy and at peace? Start reading this!" />
	<meta property="og:description" content="The Resistance, .tk, Illuminati, NWO, New World Order, Conspiracy, ****h, Health, Ayurveda, GMO, Death, Disease, Hoax, Freemasons, Elite, 911, False Flags, Lies, Spirituality, Cultivation, New Age Movement, World Trade Center, Twin Towers, History, Pease, Buddhism, Religion" />
	<meta property="og:site_name" content="The Resistance" />

	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="stylesheet" href="css/style0-normalize.css" />
	<link rel="stylesheet" href="css/style3-slicknav.css" />
	<link rel="stylesheet" href="css/index.css" />

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="scripts/jquery.slicknav.custom.min.js"></script>
	<script src="scripts/main.js"></script>

</head>

<body>
	<div id="container">

		<header id="header">
			<div id="logo">
				<img src="images/header.gif" alt="The Resistance logo." />
			</div>
		</header>

		<nav id="menu">
			<ul id="slicknav">
				<li><a href="index.php">Home</a></li>
				<li><a href="index.php?page=about">About</a></li>
				<li><a href="index.php?page=****h">The ****h!</a></li>
				<li><span>Categories</span>
						<ul>
							<li><span>Health</span>
								<ul>
									<li><a href="index.php?page=ayurveda">Empty..</a></li>
								</ul>
							</li>
							<li><span>Self cultivation</span>
								<ul>
									<li><a href="index.php?page=newage">Empty..</a></li>
								</ul>
							</li>
							<li><span>Conspiracies</span>
								<ul>
									<li><a href="index.php?page=****hmovement">Empty..</a></li>
								</ul>
							</li>
							<li><a href="index.php?page=breatharianism">Philosophy & Society</a></li>
						</ul>
				</li>
				<li><a href="index.php?page=forum">Forum</a>
					<ul>
						<li><a href="index.php?page=ayurveda">Empty..</a></li>
						<li><a href="index.php?page=ayurveda">Empty..</a></li>
					</ul>
				</li>
				<li><a href="index.php?page=mail">Contact</a></li>
			</ul>
		</nav>      

		<main id="content">
			<?php
			if (!isset($_GET['page'])) {
				include('content.php');
			}
			else {
				$page = 'page/'.$_GET['page'].'.php';
				if (file_exists($page)) {
					include($page);
				}
				else {
					include ('404.php');
				}
			}
			?>
		</main>

		<footer id="footer">
			<div id="footleft">
					<img src="images/footer.gif" alt="Join the fist!" />
			</div>
			<div id="footright">
				Design by Rebel, 2014-2016
				<br />
				All information on this site may be quoted and shared.
			</div>
		</footer>

	</div> <!-- container -->

</body>
</html>

CONTENT.PHP
PHP:
<section id="middlecontainer">

	<article>
		<header>
			<h1>What we do / Bio</h1>
		</header>
		<img class="right" width="170px" src="images/eye.jpg" alt="The all-seeying eye of the Illuminati." />
		<p>Right now i'm working on the layout of the website, it is a hard thing to do, i tell you that.</p>
		<p>And i am building this page: <a href="index.php?page=****h">The ****h</a></p>
		<p><a href="index.php?page=intro">Learn more</a></p>
	</article>

</section> <!-- middle container -->

<section id="leftcontainer">

	<article>
		<header>
			<h1>Work in progress</h1>
			<h2>Posted: 7 februari 2016</h2>
		</header>
		<p>Hi people. It hase been a while sinds i worked on this website, progress is so verry slow, i am sorry for this. There was a little problem that came on my path that i had to first figure out, this understanding is still being ponderd upon and could be a decision in closing this website. For now i will proceed with this website, only some major changes will be made regarding what i would tell and how i would write it. So i ask you to have a little more patience with me, i will be posting what i have learned in a short time! I have made a start as you can see (The ****h!)</p>
		<p>If you have any questions or would like to help me you can email me at rebel@the-resistance.tk. Or you could send me a email through the website, i have it finally working!</p>
		<p>Edit: i am thinking of changing host so make sure that you bookmark: www.the-resistance.tk and not the link that it redirects you to!!!</p>
	</article>

	<article>
		<header>
			<h1>UN Agenda 2030: Sustainable Development</h1>
			<h2>Posted: 8 november 2015</h2>
		</header>
		<p>A blueprint to enslave humanity trough a ONE WORLD- government (UN), religion (spirituality), currency (digital chip) and army (NATO). Also called the New World Order. This is Agenda 21 on steroids! Which pope Francis announced to the world during his visit in America last September.</p>
		<p>Futher information will be coming.</p>
		<p><a href="index.php?page=roids">Read more</a></p>
	</article>

	<article>
		<header>
			<h1>Under construction..</h1>
			<h2>Posted: 1 may 2015</h2>
		</header>
		<p>This website is still being developed, so come back every once in a while. Don't forget to bookmark this page! (make sure your link is www.the-resistance.tk)</p>
		<p>The music below is what really motivates me about all of this stuff, just wanted to share this with you.</p>
		<p><audio src="freedom.mp3" controls></audio></p>
	</article>

	<article>
		<header>
			<h1>Short introduction</h1>
			<h2>Posted: 15 april 2015</h2>
		</header>
		<p>Hi, my name will be Rebel here and i live in Holland. English is not my birth language also i'm kinda dyslectic, so if you notice some letters missing or entire words spelled wrong let me know and i will correct it right away.</p>
		<p>The reason for this site is that i have been studying some heavy material sinds 2008. Everything started with a couple of life questions and all of those questions only let to more questions. After 7 years of doing some obsessive research on allot of different topics almost all questions have been answerd. The more i learned the more is saw what was really happening in the world. The picture and message below says it all.</p>
		<p>There is a invisible war going on and you do not know anything about it! It is a war that is right infront of your nose and you do not even see it. The only thing that you can see is the world that hase been pulled over your ears.</p>
		<p><img width="350" src="http://www.thesleuthjournal.com/wp-content/uploads/2014/11/plugged-in-to-television-tv-mind-control-brain-washing-unplug.jpg" alt="We are beïng brainwashed trough our mind control TV-set." /></p>
		<p>I have found some really important stuff that the world needs to know. I can no longer shut my mouth! There is allot to tell to you and this can not be done in a few weeks. So please be patient with me. I will tell you all that i know in great detail, even some things that i found out by myself that you can not find anywhere on the web. These things must become public right away! This information becomes more and more critical with every day passing, your own survival literally depends on it! All will be explained and supported with real solid evidence.</p>
		<p>Before there will be any real import information placed upon this website, i first want to finish the design. When that is finished i will introduce myself some more and explain my reasons for this website. This is a must read before continuing with all the other stuff because you need to know the basics first in order to graduate to the higher levels of knowledge.</p>
		<p>A working contact form will be made a soon as possible, if you are seeing one right now it probably wont work yet. When it is done i will place a message on this main page so you guys can send me stuff or just leave a message.</p>
		<p>I think it is really importent for us to work together to produce all the information on this site, because i alone can not research everything that is out there. So i'm making this a shared project, of the people, by the people, for the people'.</p>
		<p>If you think you have some valuable stuff dont hesitate to send it to me! Don't worry, i will keep your privacy to myself! I'm the only one who hase access to this site and nobody else is working for me, nor i for anyone else. Together we can make this site the best, most effective and updated site that anyone can find on the web, with the most accurate and importent knowledge that we all need to know. This can only be done by working as a team, united as one we can stand tall!</p>
		<p>~Rebel</p>
		<div style="text-align:center">
			<img class="center" src="images/fist.gif" alt="Join the fist!" />
			<b>Join the fist!</b>
		</div>
	</article>

	<article>
		<header>
			<h1>Testing</h1>
			<h2><s>4 march 2015</s> | Updated: 27 februari 2016</h2>
		</header>
		<p>
			Testing some quote layout.
			<br /> What do you think?
			<blockquote>
				<q>All ****h goes through three stages.
				First it is ridiculed, then it is violently opposed and finally it is accepted as self-evident.</q>
				<br /><br />
				<p>—Schoepenhouer</p>
			</blockquote>
			Great it works!
		</p>
	</article>

</section> <!-- left container -->

<aside id="rightcontainer">

	<article>
		<header>
			<h1>Latest News / Updates</h1>
		</header>
		<p><b>26 februari 2016</b>
		<br />Fixing the broken menu that was caused by the new design.</p>
		<p><b>24 februari 2016</b>
		<br />Fixing some css code for better viewing on smartphones and tablets. And redesigning the layout.</p>
	</article>

	<article>
		<header>
			<h1>Website statistics</h1>
		</header>
		<p>Online viewers: <script src="stats/online.php"></script>
		<br />Total visitors: <?php $bestand = "stats/visits.php"; if(!is_file($bestand)) { $fp = fopen($bestand, 'a'); fwrite($fp, "<?\\n//"); fclose($fp); chmod($bestand, 0666); } $con = file_get_contents($bestand); $st = substr_count($con, ";"); if(strpos($con, $_SERVER['REMOTE_ADDR']) === FALSE) { $fp = fopen($bestand, 'a'); fwrite($fp, $_SERVER['REMOTE_ADDR'].";"); fclose($fp); $st++; } unset($con); echo "" . $st; ?></p>
		<p><?php echo "Last modified: ".date( "j F Y", getlastmod() ); ?></p>
	</article>

	<article>
		<header>
			<h1>Donate & Support</h1>
		</header>
		<p>Please consider contributing to our cause. With your donation we can improve the size and development of this website. Click the PayPal logo below to donate.</p>
		<p><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GF64WWQHWL39G" onclick="javascript:window.open('https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GF64WWQHWL39G','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img width="60px" src="images/paypal.png" alt="Click here to donate!" /></a></p>
	</article>

	<article>
		<header>
			<h1>Sponsors</h1>
		</header>
		<p>None so far.</p>
	</article>

	<article>
		<header>
			<h1>Next vision: 2020</h1>
		</header>
		<p><script>
			today = new Date();
			BigDay = new Date("January 1, 2020");
			msPerDay = 24 * 5000000;
			timeLeft = (BigDay.getTime() - today.getTime());
			e_daysLeft = timeLeft / msPerDay;
			daysLeft = Math.floor(e_daysLeft);
			e_hrsLeft = (e_daysLeft - daysLeft) * 24;
			document.write("<b>" + daysLeft + " </b>days till ...");
		</script></p>
		<p><a href="index.php?page=countdown">Read more</a></p>
	</article>

</aside> <!-- right container -->
 
Laatst bewerkt:
RE: Ik heb gewoon 2 css bestandjes van jouw costum en structure onder elkaar geplakt.
Prima, structure als eerste en daarna custom, dan is het geen probleem

RE: En ik heb content samen met aside onder elkaar geplakt ..... op de index de php code eruit gehaald
Je moet dan in elke pagina ook de aside structuur blijven controleren. Het is gebruikelijk zulke dingen apart te zetten.

RE: rechterkant (aside) die header valt heel raar
Volgens mij heb je van h6 nu h2 gemaakt. In de css is de datum op h6 gebaseerd.

RE: wijzigen van lettertype van de datum in content header
article.post header h6 { font-family: ..... } als je in de html er weer h6 van maakt bij de datum

RE: font-face
Je fonts zijn niet cross-browser. Als ze op je pc goed lijken dan is dit niet het geval op een oudere- of andere browser of op een iPhone/iPad of Android. Wil je met font-face werken dan heb je per font 5 bestanden nodig (eot, woff2, woff, ttf, svg). In jouw geval dus 15 bestanden.
Code:
@font-face {
	font-family: 'Segoe UI';
	src: url('segoeui.eot');  /* ie9 compat modes */
	src: url('segoeui.eot?#iefix') format('embedded-opentype'),  /*ie8*/
	     url('segoeui.woff2') format('woff2'),  /*newest modern browsers */
	     url('segoeui.woff') format('woff'),  /* modern browsers */
	     url('segoeui.ttf') format('truetype'),  /* safari, android, ios */
	     url('segoeui.svg#SegoeUI') format('svg');  /* legacy ios */
}
Wil je minder bestanden, dan zou ik minimaal woff2, woff en ttf gebruiken.
font-weight en font-style zet je niet bij font-face, maar bij de elementen waar je het nodig hebt.

RE: performance
Alle scripts had ik boven </body> gezet. Daar horen ze in verband met performance. Je hebt ze verplaatst...

RE: Page not found
In mijn index heb je een echte 404. In de index die je nu gebruikt niet.

RE: revisit-after 2 hours
Heeft totaal geen nut, zet maar op 2 days (of langer).

RE: je stylesheets
De stylesheet voor het menu moet als laatste worden geladen.

RE: het menu
Kopieer mijn menu in de html. Er zitten nu fouten in.

RE: al die code in je berichten
Liever niet, je berichten zijn niet handig leesbaar. Op je website doe ik Ctrl-I en dan heb ik alle code ook.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan