Texte 3D en pur css3 
Autor: Andrea M.
Besucht 2088,
Followers 1,
Geteilt 0
Bonsoir,
autre petite question ce soir, un peu à part car elle ne concerne par forcément que website.
Vous pouvez voir ce dont je parle à cette adresse (temporairement): http://websitex5-studio.com/accueil-boutique.html
Le problème se situe au niveau du css, et notamment des liens qui me changent automatiquement le design de mes textes.
Je me demandais si une propriété css pouvais annuler la modification en violet/bleu souligné lors de la mise en place d'un lien; ou si ce n'était pas website qui créait cela?
Merci pour vos éventuelles lumières!
P.S: dans la preview de website, le css3 ne fonctionne pas
Gepostet am
Bonsoir,
En fait, votre code CSS ne traite qu'une partie de la mise en forme (la partie 3D). De ce fait, les liens de votre classe three-d héritent de la mise en forme des liens qui est définie justement dans WebSite X5 en partie 4.
Pour vérifier, vous pourriez éventuellement voir dans les Styles de cette partie si la mise en forme des liens provient bien de là. Si oui, j'imagine que vous n'aurez pas que des liens blancs sans soulignement. Donc, le mieux serait de compléter votre classe.
Autor
Bonjour,
justement les paramètres ajoutés dans website en partie 4 ne correspondent pas au soulignement violet.
Si j'ajoute une classe à mon code pour indiquer le comportement en cas de lien, il devrait être identique partout, sous n'importe quel navigateur? Si oui, quel type de classe devrais-ce être ?
Merci pour votre aide en tout cas!
Bonjour,
Il s'agit de compléter votre classe "three-d" avec la gestion des liens (entités "a"). Exemple : a:link {color:#FFFFFF} pour la couleur.
Autor
Ah, je ne m'en sors pas.
Prenons mon code en exemple si vous le voulez bien.
Dans la partie html:
<div id="three-d">
<h2><a href="www.websitex5-studio.com">avec lien</a></h2>
</div>
Dans la partie css:
#three-d h2 {
color: #fff;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
font: 50px 'Anjelika Rose';
}
J'ai testé ceci, sans réussite:
a:link { color: blue; } a:visited { color: red; }
Une petite correction à faire?
Autor
Et comme vous avez l'air calé en css, puis-je me permettre une question subsidiaire?
Que ce soit pour la v9 ou la v10 beta, pensez-vous qu'il soit possible de personnaliser l'aspect des widget préconçus, style livre d'or?
Merci
Bonjour,
Je ferais plutôt ça (mais ce n'est qu'une façon de faire et qui répond uniquement à ma façon de coder. D'autres plus hortodoxes existent heureusement. Consultez un site sur les CSS) :
<three-d><a href="www.websitex5-studio.com" style="text-decoration: none; color: #fff;">avec lien</a></three-d>
En outre, j'installerais le style dans le header afin de ne pas avoir à le préciser au moins une fois dans chaque page (en cas de modification, une seule intervention dans le header suffit à tout modifier) :
<styletype="text/css">
three-d {color: #fff; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font: 50px 'Anjelika Rose';}
</style>
Et cela donne ça :
Quant à modifier les styles des widgets : certains styles peuvent être appliqués directement inline lorsque le code est affiché dans la fenêtre du widget.
Pour les autres directement gérés par WebSite X5, en théorie tout est possible. Par contre, cela vous contraint à éditer la feuille de style à chaque publication éventuelle.
Autor
Merci énormément pour votre aide. Je n'avais effectivement pas pensé à utiliser le header.
Merci encore