CSS Dynamiques - Page 1

1

Le 01/03/2007 à 12:28

Ça serait bien si on pouvait faire des CSS dynamiques pour les blogs ^^

2

Le 01/03/2007 à 12:34

comme sur blogs/blog.php?id=53 ?
suffit de faire un php qui génère une css ^^

3

Le 01/03/2007 à 13:09

oué, mais j'obtiens toujours un css vide comme ça :/
en fait, j'aurais aimé pouvoir faire un css en fonction de la largeur d'écran, vu que le 800*600 existe toujours -.-

il faut peut être que tu spécifies le bon type mime, c'est text/stylesheet il me semble

pour la css en fonction de la largeur de l'écran, tu peux pas faire ça justement avec les options que propose le "langage" css 2 ?

5

Le 01/03/2007 à 13:34

En farfouillant 30 secondes sur Google, je suis tombé sur une page qui disait qu'on ne pouvait déterminer la résolution d'écran que par javascript. D'où ce code de porc. (Clic droit enregistrer sous)

M'enfin je vais regarder du côté de CSS 2...

6

Le 01/03/2007 à 13:38

regarde les propriétés du genre min-height, max-width etc...

sinon pour ton code de porc je pense que ça marche quand le navigateur considère le lien comme une page web (et donc il interprète le js et fait la redirection (c'est bien comme aç que tu fais ?)) mais ça marchera pas pour un fichier (css, image, etc)

7

Le 01/03/2007 à 13:44

oui, je fais une redirection :

<?php

if(!isset($_GET['r']))
{
echo "<script language=\"JavaScript\">
<!--
document.location=\"$PHP_SELF?r=1&Largeur=\"+screen.width+\"&Hauteur=\"+screen.height;
//-->
</script>";
}
else
{
$a = $_GET['Largeur'];
// Code à afficher en cas de détection de la résolution d'affichage
     if ($a >= 1024)
	{
	header("Content-type: text/css");
              echo "BODY
{

etc

Je vais voir en rajoutant un stylesheet...

8

Le 01/03/2007 à 13:45

min-height, max-height... ne marchent pas sous IE.
Pkoi avoir besoin de la taille, je pige pas generalement avec les % ca suffit largement

http://rgaucher.info (blog:tech)
FuckTheSpam! ~ spam@fuckthespam.com

9

Le 01/03/2007 à 13:47

Par contre, certaines actions jS, ça serait génial (genre pour faire des boites qui se développent...)

10

Le 01/03/2007 à 13:53

ta redirection ne peut pas marcher, le navigateur n'interprertara pas le javascript s'il s'attend à recevoir une css

Nil> faudrait creer des balises qui génèrent des boitent qui se developpent

11

Le 01/03/2007 à 14:42

boargh de toute facon, on peut mettre du javascript dans le CSS

Si tu veux vraiment faire qqch tu peux le faire

http://rgaucher.info (blog:tech)
FuckTheSpam! ~ spam@fuckthespam.com

12

Le 01/03/2007 à 14:46

Yoshi Noir (./3) :
en fait, j'aurais aimé pouvoir faire un css en fonction de la largeur d'écran, vu que le 800*600 existe toujours -.-

?? pkoi passer par du code côté serveur ??
tu fais ton test en Javascript, et en fonction tu inclus la feuille de style qui va bien, genre :

<script js>
if (taille==...)
  document.write("<link type='text/css' rel='stylesheet' href='http://.../1.css' /");
else if ...
  document.write("<link type='text/css' rel='stylesheet' href='http://.../2.css' /");
else
  ...
</script js>

13

Le 01/03/2007 à 14:47

nEUrOO (./11) :
boargh de toute facon, on peut mettre du javascript dans le CSS
Si tu veux vraiment faire qqch tu peux le faire

ça fonctionne qu'avec IE non ?

14

Le 01/03/2007 à 14:49

Netscape 8 aussi

http://rgaucher.info (blog:tech)
FuckTheSpam! ~ spam@fuckthespam.com

15

Le 01/03/2007 à 14:54

Pen² >

ce serait donc un code dans ce genre ?

<html>
<head>
<script language="JavaScript">
if (screen.width >= 1024)
document.write("<link type='text/css' rel='stylesheet' href='http://gilou82.free.fr/Vrac/styles22.css' /");
else if (screen.width == 800)
document.write("<link type='text/css' rel='stylesheet' href='http://gilou82.free.fr/Vrac/styles23.css' /");
</script>
</head>
</html>

paske si c'est ça, ça marche pas des masses :/