Y a-t-il un moyen de faire une page Web de laquelle on peut modifier uniquement les CSS affichent une page entièrement différente lors de la visualisation par un utilisateur? P>
7 Réponses :
Si je pense que je reçois ce que vous dites, utilisez les requêtes multimédias p>
Oh, cool, donc ça peut être fait! Seriez-vous capable d'aller plus en détail sur la manière dont les requêtes de médias pouvaient accomplir cela?
Les requêtes des médias chargeront différents styles CSS en fonction des éléments tels que la taille de l'écran ou si vous le regardez sur un écran et l'impression.
Oh .. Non, ce n'est pas ce que je demandais. Je veux simuler une page de redirection de la page dans CSS.
fait CSSZengarden.com Faites ce que vous pensez? P>
Eh bien, je ne suis pas tout à fait sûr s'il peut faire ce que je cherche. Fondamentalement, je cherche quelque chose de similaire à une redirection (par exemple, superposant Google sur la page de style, ou échangeant dans un HTML totalement différent). Est-ce faisable? J'ai pu le faire avec une image en définissant le contenu du corps égal à l'URL (chemin d'image), mais à part cela, je suis un peu perdu.
Les feuilles de style en cascade affectent uniquement le style de la page. À ma compréhension, ils ne fournissent aucune fonctionnalité pour changer le comportement em> ou localisation em> de la page. P>
Cela dit, vous pouvez modifier complètement l'apparence d'une page bien conçue avec CSS. Voir http://csszengarden.com/ comme exemple d'un site pouvant changer de manière spectaculaire en manipulant uniquement CSS. p>
Eh bien, je ne suis pas tout à fait sûr que cela puisse faire ce que je cherche (ou si ce que je cherche à faire est possible). Fondamentalement, je cherche quelque chose de similaire à une redirection (par exemple, superposant Google sur la page de style, ou échangeant dans un HTML totalement différent). Est-ce faisable? J'ai pu le faire avec une image en définissant le contenu du corps égal à l'URL (chemin d'image), mais à part cela, je suis un peu perdu.
Si votre page contient un élément
CSS peut également affecter le contenu d'une page B> à l'aide de contenu code> ou :: avant code> et :: après code>.
p>
Ancienne réponse: Strong> J'ai utilisé quelque chose comme celui-ci sur un site qui n'a fourni aucun script de serveur. Tout ce que je devais changer était la classe sur <style type="text/css">
body div { display: none; }
body.blue div.blue { display: block; }
body.red div.red { display: block; }
</style>
<body class="blue">
<div class="blue">Blue content!</div>
<div class="red">Red content!</div>
<div class="blue red">Content for both!</div>
</body>
Peut-il être appliqué à mon problème? Fondamentalement, je cherche quelque chose de similaire à une redirection (par exemple, superposant Google sur la page de style, ou échangeant dans un HTML totalement différent). Est-ce faisable? J'ai pu le faire avec une image en définissant le contenu du corps égal à l'URL (chemin d'image), mais à part cela, je suis un peu perdu.
CSS est pour le style, pas script. Mon exemple est plutôt limité et ne fait que ce que ça fait. :)
Hm. Eh bien, j'ai vu quelqu'un implémenter (dans ces contraintes) une sorte de superposition de la page complète qui, lorsqu'elle est cliquée, redirigée vers une URL différente. Je ne suppose pas qu'il y a une meilleure méthode que celle-là?
@ BUU700: Je pense que vous essayez d'utiliser le mauvais outil pour ce que vous voulez faire.
Je ne suis pas sûr de comprendre. Comme indiqué dans le texte principal, c'est le seul outil.
@ BUU700: Mise à jour de ma réponse. Est-ce ce que vous êtes après?
Vous voudrez peut-être réfléchir attentivement à propos de ce que vous essayez de réaliser. Si vos intentions sont de cacher certaines informations de l'utilisateur, en fonction de leur état, vous ne cachez rien. Bien sûr que CSS peut aider à ne pas afficher un élément, mais il est toujours dans la source de la page.
Vous pouvez charger de manière conditionnellement CSS en fonction du type de navigateur / périphérique, l'utilisateur final rapporte-vous, mais en dehors de cela, vous aurez besoin d'une sorte. de la logique commerciale sous-jacente dans votre page / application. P>
J'utilise un cadre Web appelé Django (www.djangoproject.com) qui me donne la possibilité de faire ce que vous voulez faire. Un exemple pourrait ressembler à ceci (dans le langage de balisage de modèle de Django): P>
{% if request.user.is_staff %} DISPLAY COOL DIV HERE {% else %} NOTHING TO SEE HERE {% endif %}
Désolé, je n'aurais pas dû être peu clair; vient de modifier le titre de clarté. De toute façon que vous savez d'atteindre le même effet qu'un redirect dans CSS?
Vous ne pouvez pas faire cela avec CSS seul.
Vous pouvez le faire en utilisant JavaScript et CSS ensemble, mais cela ne sonne pas comme une bonne idée. Voici un exemple de la façon dont vous pourriez le faire. P> et quelque part en dessous, vous avez
Vous pouvez ajouter du contenu avec CSS, mais il est sévèrement limité et non pris en charge dans certains navigateurs. L'ajout d'éléments (qui est nécessaire pour afficher une «superposition») est beaucoup plus compliqué et généralement mal vu, mais il reste possible (dans certains navigateurs). Vous devez manipuler le contenu voir Cette question pour plus d'informations. p>
Pour atteindre votre superposition ou votre effet de redirection, vous devez utiliser Content code> CSS. p>
Contenu code> pour ajouter JavaScript vous permettrait de rediriger ou d'un élément capable de montrer d'autres contenus, comme un iframe. P >
Je ne peux pas réussir à le faire avec CSS. Cependant, vous pouvez le faire avec HTML:
code>.