Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Website alle dagen een andere kleur

keverineke - 19/01/2011 14:47
Lid		Hello, ik zoek een script waarmee je website alle dagen een ander kleur heeft. Bv voor alle dagen van de week dezelfde header maar in een andere kleur... en dit ook voor al de rest, backgroundimage, tekstvak, buttons,... Iemand een idee?

18 antwoorden

Gesponsorde links

Ontani - 19/01/2011 15:01 (laatste wijziging 19/01/2011 15:01)
-1		Via PHP: date("N") geeft een getal van 1 tot 7 waarvan 1 : Maandag, 7 : Zondag. Via Javascript: today.getDay(); geeft een getal van 0 tot 6 waarvan: 0 : Zondag, 1 : Maandag, 6 : Zaterdag. Maar dat natuurlijk Google je ook kunnen vertellen.
Bedankt door: keverineke

koosax - 19/01/2011 15:44
Lid		Met php kan je elke dag een andere CSS aanroepen: php code - Bekijk de code zonder highlighting - Klap code in <?php $dag = date("w"); print "<link rel=\"stylesheet\" href=\"$dag.css\" type=\"text/css\" />"; ?> <?php $dag = date("w"); print "<link rel=\"stylesheet\" href=\"$dag.css\" type=\"text/css\" />"; ?> 0 is dan zondag en 6 zaterdag.
Bedankt door: keverineke

anseel - 19/01/2011 15:56
Nieuw lid		http://www.anouksweb.nl/php/miniscripts.phphier kan je ze ook vinden, op de website vindt je nog veel zo'n leuke scripts
Bedankt door: keverineke

keverineke - 19/01/2011 20:59

Lid

Hoe moet dat dan voor alle dagen een andere css te hebben?

Is dat dan zo:

php code - Bekijk de code zonder highlighting - Klap code in

<?php

$maandag = date("w");
print "<link rel=\"stylesheet\" href=\"$maandag.css\" type=\"text/css\" />";

$dinsdag = date("w");
print "<link rel=\"stylesheet\" href=\"$dinsdag.css\" type=\"text/css\" />";

...

?>

<?php
 
$maandag = date("w");
print "<link rel=\"stylesheet\" href=\"$maandag.css\" type=\"text/css\" />";
 
$dinsdag = date("w");
print "<link rel=\"stylesheet\" href=\"$dinsdag.css\" type=\"text/css\" />";
 
...
 
?>

vinTage - 19/01/2011 21:08

Nieuw lid

Niet zo moeilijk doen

php code - Bekijk de code zonder highlighting - Klap code in

<?php
$bgkleur = array("red", "green", "black", "white", "yellow", "pink", "orange");
?>

<body bgcolor="<?=$bgkleur[date("w")]?>">

<?php
$bgkleur = array("red", "green", "black", "white", "yellow", "pink", "orange");
?>
 
<body bgcolor="<?=$bgkleur[date("w")]?>">

Er zijn nog mooiere manieren, maar dit is het makkelijkst voor jou denk ik..

Bedankt door: keverineke

keverineke - 19/01/2011 21:30 (laatste wijziging 19/01/2011 21:32)
Lid		Ik zit niet met een bg kleur ik zit met een afb en daar bij moet de header, menu (buttons), tekstvak (top, midd, end) en de footer ook veranderen van kleur, dus het blijven identiek dezelfde afbeeldingen maar ze varenderen juist van kleur... Daarom wil ik werken met 1 CSS per dag, zo kan ik de css voor te tekst style noemen die blijft altijd hetzelfde en alle afbeeldingen in apparte documenten bv voor maandag de gele afbeeldingen in /content_maandag.css voor dinsdag de groene afb in /content_dinsdag.css en zo wordt voor elke dag de gepaste css opgevraagd... Is mijn voorbeeld dan goed?

vinTage - 19/01/2011 21:34
Nieuw lid		ipv de kleurtjes die ik deed, maak je daar paden van voor je verschillende css files he...en ipv in de body als kleurtagje, echo je de value gewoon in je css link...
Bedankt door: keverineke

koosax - 20/01/2011 11:27
Lid		keverineke schreef: Hoe moet dat dan voor alle dagen een andere css te hebben? Is dat dan zo: [..code..] Ik neem aan dat je kleuren, header enz... met een CSS bestand wilt veranderen. Met het stukje php wat ik in mijn eerdere post heb gezet roept het script elke dag een andere css aan. Op maandag 1.css, dinsdag 2.css enz... Je hoeft het script dus niet voor elke dag te herhalen. Je hebt gewoon 7 verschillende css bestanden die je aanroept.
Bedankt door: keverineke

valles10 - 20/01/2011 12:08
HTML interesse		als je naar je in je css reffer een attribuut media="screen" zet. Kan je je css van in je style.css renamen naar style.php. Zo kan je dan de code van Vintage integreren. Zo heb je maar 1 stijlbestand nodig.
Bedankt door: keverineke

keverineke - 20/01/2011 18:40
Lid		Voor elke dag een andere css is het dus ( $dag = date("w"); ...) En als ik nu wil dat hij een andere kleur heeft elke keer je refresht? Dat zou misschien verwarrend zijn want als je dan navigeert is het altijd een andere kleur... maar misschien dat hij om de 5 min veranderd van css ofzo... ???

koosax - 20/01/2011 19:48
Lid		Een website die om de 5 minuten van style veranderd is niet echt aan te raden. Elke dag een andere kleurstelling kan nog maar ga het niet overdrijven. Want een goede website heeft 1 mooie overzichtelijke stijl en geen 12 verschillende stijlen per uur

Kevin - 20/01/2011 19:52
Crew Ajax/REST		Kan ook simpel met JavaScript, maar ik raad het ook af om zomaar backgrounds te wijzigen. Over wat voor site spreken we hier misschien?

keverineke - 20/01/2011 19:55 (laatste wijziging 20/01/2011 19:56)

Lid

Idd, maar het is voor een speciale site. om de 5 min is min wel veel maar om de dag gaat perfect voor deze site...

Ps is dit juist?

php code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
<link rel="stylesheet" href="/style.css" type="text/css" /> <!-- tekst style (veranderd niet...) -->
<link rel="stylesheet" href="<? $dag[date("w")] ?>" type="text/css" /> <!-- afb... header, footer,... (veranderd elke dag) -->
</head>
<body>
<?php
$dag = array("/maandag.css", "/dinsdag.css", "/woensdag.css", "/donderdag.css", "/vrijdag.css", "/zaterdag.css", "/zondag.css");
?>
</body>
</html>

<html>
<head>
<link rel="stylesheet" href="/style.css" type="text/css" /> <!-- tekst style (veranderd niet...) -->
<link rel="stylesheet" href="<? $dag[date("w")] ?>" type="text/css" /> <!-- afb... header, footer,... (veranderd elke dag) -->
</head>
<body>
<?php
$dag = array("/maandag.css", "/dinsdag.css", "/woensdag.css", "/donderdag.css", "/vrijdag.css", "/zaterdag.css", "/zondag.css");
?>
</body>
</html>

koosax - 20/01/2011 20:01 (laatste wijziging 20/01/2011 20:02)

Lid

Je kan deze code gebruiken

php code - Bekijk de code zonder highlighting - Klap code in

<?php
$dag = date("w");
?>

<html>
<head>
<link rel="stylesheet" href="/style.css" type="text/css" /> <!-- tekst style (veranderd niet...) -->
<link rel="stylesheet" href="<?php echo $dag; ?>.css" type="text/css" /> <!-- afb... header, footer,... (veranderd elke dag) -->
</head>
<body>
dfdf
</body>
</html>

<?php
$dag = date("w");
?>
 
<html>
<head>
<link rel="stylesheet" href="/style.css" type="text/css" /> <!-- tekst style (veranderd niet...) -->
<link rel="stylesheet" href="<?php echo $dag; ?>.css" type="text/css" /> <!-- afb... header, footer,... (veranderd elke dag) -->
</head>
<body>
dfdf
</body>
</html>

En dan voor 0 t/m 6 een css bestand aanmaken (elke dag een dus).

WouterJ - 20/01/2011 20:12 (laatste wijziging 20/01/2011 20:14)

HTML gevorderde

Of gewoon een stylesheet met de code die je wilt veranderen aanmaken. En die opslaan als style.php.
De code wordt dan bijv.:

php code - Bekijk de code zonder highlighting - Klap code in

<?php
  header('Content-Type: text/css');
  $colors = array('blue', 'red', 'orange', 'yellow', 'green', 'black', 'white');
  $bg = array('bg-1.gif', 'bg-2.gif', 'bg-3.gif', 'bg-4.gif', 'bg-5.gif', 'bg-6.gif', 'bg-7.gif');
  $header = array('header-1.gif', 'header-2.gif', 'header-3.gif', 'header-4.gif', 'header-5.gif', 'header-6.gif', 'header-7.gif');
  $date = date('w');
?>
body {
  background: <?php echo $bg[$date]; ?>;
  /* andere code */
}
h1 {
  color: <?php echo $colors[$date]; ?>;
  /* andere code */
}
#header {
  background: <?php echo $header[$date]; ?>;
  /* andere code */
}
/* ect. */

<?php
  header('Content-Type: text/css');
  $colors = array('blue', 'red', 'orange', 'yellow', 'green', 'black', 'white');
  $bg = array('bg-1.gif', 'bg-2.gif', 'bg-3.gif', 'bg-4.gif', 'bg-5.gif', 'bg-6.gif', 'bg-7.gif');
  $header = array('header-1.gif', 'header-2.gif', 'header-3.gif', 'header-4.gif', 'header-5.gif', 'header-6.gif', 'header-7.gif');
  $date = date('w');
?>
body {
  background: <?php echo $bg[$date]; ?>;
  /* andere code */
}
h1 {
  color: <?php echo $colors[$date]; ?>;
  /* andere code */
}
#header {
  background: <?php echo $header[$date]; ?>;
  /* andere code */
}
/* ect. */

En die dan gewoon inladen:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<link rel="stylesheet" href="style.php" />

<link rel="stylesheet" href="style.php" />

[EDIT]
In JS beginnen ze te tellen bij 0. Ik weet niet of PHP maandag als 1 ziet? Anders moet je de date + 1 doen.

Bedankt door: valles10

keverineke - 20/01/2011 20:41
Lid		Ook bij php beginnen ze met 0 voor maandag. Voila, het werkt. Jouw systeem Waldio is ook wel goed, dan hoef je geen 7 css bestanden te hebben ,maar wordt alles geregeld in 1 bestand.

valles10 - 20/01/2011 21:54
HTML interesse		Waldio schreef: Of gewoon een stylesheet met de code die je wilt veranderen aanmaken. En die opslaan als style.php. De code wordt dan bijv.: [..code..] En die dan gewoon inladen: [..code..] [EDIT] In JS beginnen ze te tellen bij 0. Ik weet niet of PHP maandag als 1 ziet? Anders moet je de date + 1 doen. Zoals ik zei dus

WouterJ - 20/01/2011 22:32
HTML gevorderde		valles10 schreef: [..quote..] Zoals ik zei dus Ik dacht dat jij het niet over de header(Content-Type: text/css); had. Anders werkt het niet.

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten