Archief - INFO: De complete webmaster gids

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

Dece

Legacy Member
Enkele afspraken ivm deze gids: :
  • Zeveren in deze topic is niet toegelaten en je reply zal derhalve gedelete worden
  • Verbeteringen,comments, nieuwe url's,... mag je altijd posten
  • als we met zn allen deze thread onderhouden, en spamvrij houden dan hebben we een mooie sticky, zowel voor beginners als voor gevorderden
  • zoals u ziet zit hier veel werk in, nl +-12 uur! Verpest dit werk niet door spammen,advertising,... Dit zal "beloond" worden met een warning of temp ban
  • GEEN warez! doe je dit toch => perm ban
B

BART_SIMPSON416

Legacy Member
RSS reader in php naar aanleiding van dat je nu het nieuws op telenet games kan ophalen met uit een rss document. En ja voor je er maar opkomt.
Ik heb eerst eens andere php rss readers bestudeert voor ik dit maakte.

PHP: 
<?php
error_reporting(E_ALL | E_STRICT);

/*RSS URL hier ingeven*/
$rss_url = "https://www.beyondgaming.be";
/*------------------*/

$rss_source = fopen($rss_url, "r");
if(!$rss_source)die("Dit is geen geldig rss bestand");
$rss = fread($rss_source, 999999);
$searchfile = eregi("<item>(.*)</item>", $rss ,$regs);
$items = explode("<item>", $regs[1]);
$getal = count($items);
for($i=1 ; $i<=$getal-1 ;$i++)
{
ereg("<title>(.*)</title>",$items[$i], $title);
ereg("<link>(.*)</link>",$items[$i], $links);
ereg("<description>(.*)</description>",$items[$i], $desc);
ereg("<category>(.*)</category>",$items[$i], $cat);
ereg("<pubDate>(.*)</pubDate>",$items[$i], $date);
ereg("<author>(.*)</author>",$items[$i], $author);
echo "<table width='80%' border='1'>";
echo "<tr><td><b><a href ='$links[1]'\>$title[1]</a></td></tr>";
echo "<tr><td>$desc[1]</td></tr>";
echo "<tr><td>categorie: $cat[1]</td></tr>";
echo "<tr><td>gepost op: $date[1]</td></tr>";
echo "<tr><td>gepost door: $author[1]</td></tr>";
echo "</table><br />";
}
echo "niews opgehaald van <a href='$rss_url'>$rss_url";
fclose($rss_source);
?>

note: neen php werkt niet op pandora dus vergeet maar dat deze script werkt op pandora.
b

bRahms

Legacy Member
INFO: Hoe correct slicen (flexibele layout)
DarkBone zei:
Omdat ik merkte dat er de laatste tijd steeds meer threads opduiken over hoe je correct sliced, richt ik deze thread op. Ik heb me deze avond bezig gehouden met het maken van een afbeelding die poogt te illustreren hoe je correct een layout moet opdelen zodat deze flexibel wordt. Dit wil zeggen dat ze mee beweegt/groeit met de grootte van je inhoud.

De meesten gebruiken namelijk 1 grote afbeelding of verschillende afbeeldingen van een vaste grootte om een kader te vormen rond hun inhoud. Dit is echter fout. Om een flexibele layout te krijgen ben je verplicht met herhalende elementen te werken. De onderstaande afbeelding probeert dit te illustreren:

http://www.webcoder.be/lode/_lessons/slicen01.jpg

Hopende dat er mensen zijn die er wat aan hebben groet ik u :)

Opmerking:
deze methode is voornamelijk gericht op een tabellayout, een uitleg over hoe je hetzelfde effect bereikt volgens de nieuwe 'standaard' (namelijk div's en css) zou te ingewikkeld worden omdat het al een bepaalde voorkennis van CSS vereist.

Bovenstaande methode zorgt trouwens voor flexibiliteit in beide richtingen (zowel horizontaal als verticaal). Meestal is enkel verticale flexibiliteit voldoende en volstaan bijgevolg 4 images, dit is al iets simpeler te implementeren door middel van DIV's en CSS.


*EDIT*

Als je een stap voor stap tutorial zoekt voor het maken van een layout volgens de nieuwste methodes en standaarden:

Les 1
Les 2
Les 3
Les 4
Les 5
Les 6
Les 7
Les 8
Klik om te vergroten...
Z

Zero Grav

Legacy Member
Ik weet ni of het echt goed werkt, volgens het voorbeeld (de 404 error pagina van deviantart) wel maja.

dus:
PHP: 
<style type="text/css">
/*
Alpha PNG support for IE
Self-removing expression trick from: http://dean.edwards.name/my/misbehaviors/
OnAfterPrint doesn't seem worth the trouble; PNGs will look buggy after printing
because IE has buggy PNG support.
\*/
* html img/**/ {
filter:expression(
	this.napalmLoaded
	? "" :
	(
	 this.src.substr(this.src.length-4)==".png"
	 ?
	 (
	 (!this.complete)
	 ? "" :
	 this.runtimeStyle.filter=
	 ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
	 (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
	 String(this.napalmLoaded=true).substr(0,0)+
	 (this.src="http://s.deviantart.com/styles/blank.png").substr(0,0)
	 )
	 :
	 this.runtimeStyle.filter=""
	)
);
}
</style>

zou er normaal voor moeten zorgen dat uw png's ook in IE transp zijn, nu ge moet een afbeeldingske opgeven waarmee hij transparante gebieden moet vervangen zo te zien, gewoon die afbeelding van deviantart opslaan zal wel genoeg zijn.

hun afbeelding: http://s.deviantart.com/static/fella-error.png
hun errorpagina: http://www.deviantart.com/browse/web

---------------------------------------------------------------------------

http://milov.nl/forum/1/262

hier een manier om uw scrollbars weg te werken. Goed voor de menskes die te lui zijn om fatsoenlijk te werken aan hun site en daardoor een horizontale scrollbar hebben.

---------------------------------------------------------------------------

Een initiatief van de bij ons bekende Black Night (aka BN-Koekje)
=> www.hostzoeker.net

Mensen kunnen zelfs reviews toevoegen, alle informatie over de hostings is te vinden op één site.
Is nog maar net gestart en dus nog niet heel uitvoerig/correct maar voor de uitbreiding van de site kunnen de bezoekers zelf zorgen natuurlijk. :)

---------------------------------------------------------------------------------

Ik was bezig met het organiseren van mijn favorieten en van het één kwam het ander.
'k Heb alle favorieten met een relatie tot webdevelopment samengezet op een paginaatje: http://users.skynet.be/fa018641/bookmarks/

Dit zijn allemaal links die op het één of andere moment toch wel een interessante betekenis voor mij gehad hebben, ik hoop dat dat bij anderen ook het geval kan zijn.
A

AcIdR3IgN

Legacy Member
Beste mensen,

misschien zijn er velen onder jullie die geïntereseerd zijn in een goeie hosting voor uw website, maar willen ook niet al te veel geld betalen om dit te doen.

Een goeie vriend van mij is begonnen met het hosten van websites, met php en mysql support (en nog wat).
Als jullie meer informatie willen, kan je altijd mailen naar:
[email protected]
(Be sure to mention me: Ryan) zodat je zeker van zijn voordelen kan genieten. (kzallet zo zeggen, mensen die mij 'kennen' krijgen dan een goeie vermindering).
D

DarkBone

Legacy Member
Question: How can I do the equivalent of <table cellspacing="0" cellpadding="0" border="0">
Answer: For cellpadding, simply use the 'padding' property of the table cells.

CSS2 specifies two models for table cell borders [1]:

1. In the separated borders model - 'table{border-collapse:separate;}' - each cell has it's own border, and the space between the borders (cellspacing) is specified using the 'border-spacing' property [2].

2. The collapsed borders model - 'table{border-collapse:collapse;}' - collapses the borders on each cell into a single border between the cells, so there is no such thing as cellspacing at all, and the 'border-spacing' property is ignored. According to CSS2 this should be the default.

IE5: defaults to the 'separated borders model', but doesn't understand 'border-spacing', so some fixed amount of cellspacing is always present. This can be got rid of by using the 'collapsed borders model' instead.

Mozilla: hasn't quite implemented the collapsed borders model yet, so it defaults to the saparated borders model, but 'border-spacing:0;' will get rid of the cellspacing.

Opera5: implements both models, and 'border-spacing' correctly.

So something like the following would do:
table {
border-collapse:collapse;
border-spacing:0;
border: 0;
}

td {
padding:0;
border:0 none;
}
E

Erlend

Legacy Member
Meer en meer mensen wagen een poging in de CSS wereld.
Niet iedereen is even happig zulke dingen te leren via het net.

Momenteel zijn er twee prachtboeken te vinden in de beter boekhandel.



  1. The Zen of Css design ; Niet enkel het maken van CSS-layouts leer je hier maar ook veel zaken die met het grafische te maken hebben ; typografie, kleuren, structuren, leesbaarheid, foto's ... . Je dient wel reeds een kleine basis CSS en Xhtml onder de knie te hebben. Dit boek , geschreven door de makers van Csszengarden.com, is van uitgeverij New Riders, Voices that matter
  2. More Eric Meyer on CSS ; ook een prachtboek, alweer het maken van CSS-layouts, diept enorm in op Xhtml en Css meer specifiek ook hacks. Je leert ook een layout maken voor csszengarden.com. Alweer een uitgave van New Riders, Voices that matter
t

tikketim

Legacy Member
Ben nog een leuke site tegengekomen met allerhande artikels in over webdesign (helemaal nederlands)

http://www.naarvoren.nl

NAAR VOREN is een onafhankelijke Nederlandse site die artikelen publiceert voor mensen die professioneel aan het web werken. Als aanvulling op de Lijst en als klein neefje van A List Apart. Wij willen dat het web nog beter wordt en hopen dat NAAR VOREN daarbij kan helpen. Want internet ontwikkelt zich nog iedere dag.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan