Posez votre question Signaler

Css Dynamique

Thefullmoonlyze 19Messages postés 7 novembre 2010Date d'inscription 9 mai 2011Dernière intervention - Dernière réponse le 9 déc. 2010 à 00:49
Bonjour cher membre de la Communauté ,
Je suis confroté a un petit problemes et je souhaite solliciter votre aide .
J'aimerais savoir si il etait possible de faire en sorte que le css s'adapte a la demande de l'utilisateur . SI oui ? Comment et avec quel language serait-il possible de le faire ? Avez-vous des exemple de scrip ?
Par exemple >> Google propose maitenant de modifier l'image de fond . Je souhaiterais faire de meme . avec des images predefini .
Je vous remercie tous pour votre ( futur ) aide .
Lire la suite 

Css Dynamique »

Suggestions
Plus
12 réponses
Réponse
+0
moins plus
arthezius 2624Messages postés 15 mai 2008Date d'inscription 16 mai 2012Dernière intervention 7 déc. 2010 à 05:10
Plusieurs manière de procéder.
Soit tu places le CSS directement sur la balise. 

echo'<body style="background:url('.$data['background'].');">
[...]
</body>';


Soit celui-ci est simplement placé entre les balises <style></style> : 
echo'<style type="text/css">
body{background:url('.$data['background'].');}
[...]
</style>';


Soit tu utilises un fichier css mais qui est en généré en PHP. 
<link href="style.css" rel="stylesheet" type="text/css" />

Fichier: 
<?php
//Requête SQL
$sql='SELECT ...';
[...]
echo'body{background:url('.$data['background'].');}
[...]';
?>

Partant de ces exemple, tu pourra adapter ça a ton site.
Je t'ai mis sur la voie... :)

Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Thefullmoonlyze 19Messages postés 7 novembre 2010Date d'inscription 9 mai 2011Dernière intervention 8 déc. 2010 à 19:31
Hello arthezius ,

Je te suis tres reconnaisant de bien vouloir , m'aider . Mais etant un debutant . J'ai du mal a comprendre .

Malgré tout tes conseils me sont precieux , et j'ai commencer , d'abord j'ai choisie de mettre le css dans un fichier css a part ( et donc je me sert de ca : <link href="style.css" rel="stylesheet" type="text/css" /> )

Mais pour l'image de fond , j'ai choisie d'attribuer un attribu style a la balise Body<body style="background:url('http://www.google.fr/images/nav_logo29.png');">

Et c'est a partir de ce moment la que je ne comprend plus et j'en suis toujours a la meme question , comment faire en sorte que la demande de l'utilisateur soit "enrengistré" et que le fond change . Sachant que je ne possede que quelques faible base en php

Merci beaucoup de ton aide
A bientot

 Ajouter un commentaire
arthezius- 8 déc. 2010 à 19:52
Si ton background est défini directement sur la balise <body> c'est encore plus simple.

Il te suffit de faire ça comme ça: 
<?php
echo'<body style="background:url(';
if(isset($_SESSION['login']))
	{
	// Requête permettant de récupérer les données du membre et donc le background qu'il choisit
	// Je pars du principe que $data['background'] contient l'url de l'image choisi par le membre
	echo $data['background'];
	}
else {echo'http://www.google.fr/images/nav_logo29.png';}
echo');">';
?>
Thefullmoonlyze- 8 déc. 2010 à 22:03
J'ai encore un peu de mal a tous saisir . J'en suis vraiment desolé . Comment donner un valeur a la variable data ?
Ajouter un commentaire
Réponse
-1
moins plus
ammmmmine 339Messages postés 22 février 2010Date d'inscription 21 avril 2012Dernière intervention 8 déc. 2010 à 19:56
arthezius, je crois que tu peux faire plus simple avec javascript (en plus, tu n'aura meme pas a utiliser le serveur !!!).
Ex:

*fichier page.html :
<head><script type="text/javascript" src="jvscript.js"></script> </head>
<body>
<div>lien de l'image de fond :<input id="lien" type="text" />
</div>
</body>
*fichier jvscript.js :

window.onload = function()
{
focus();
var lien = document.getElementById("lien");
lien.onblur = bgurl();
}

function bgurl()
{
body.style.background("url("+lien.value+")");
}

apres t'enregistre dans un cookie (il sera sauvegardé sur ton pc), ou sur le serveur (en utilisant php).

 Ajouter un commentaire
Afficher les 7 commentaires
Thefullmoonlyze- 8 déc. 2010 à 22:02
Je tombe sur un page qui m'indique le lien de l'image , puis rien en se passe quand j'entre un lien dans le formulaire , j'ai essayer de rajouter un bouton "submit" mais rien non plus
ammmmmine- 8 déc. 2010 à 22:20
je l'ai modifié teste et dit moi si c'est ca ? , et au fait quand tu mettra ton lien, met le sous la forme: http://trucmachin/azerty.jpg (ou png)

et quand tu aura fini de mettre le lien de l'image appuie ailleurs que dans la case pour voir si l'image s'affiche :p
terryboggart - 9 déc. 2010 à 00:49
Le principe c'est que soit javascript soit php vont écrire le css à ta place donc en mettant une variable (qui peut être changée par un sélecteur) tu peut changer le css: soit le css externe à charger(page .css) ou directement la ligne du style que tu veut changer.
Ajouter un commentaire
Posez votre question
Ce document intitulé « Css Dynamique » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?