Texte en diagonale sans image
CandyFana
Messages postés
23
Date d'inscription
Statut
Membre
Dernière intervention
-
goruki Messages postés 62 Date d'inscription Statut Membre Dernière intervention -
goruki Messages postés 62 Date d'inscription Statut Membre Dernière intervention -
Bonjour.. etant webmaster..
Cela fait déja longtemps que je me casse la tête car je voudrais pouvoir mettre du texte sur un site web, mais tout le pavé de texte, par exemple avec une rotation de 5 degrés vers la gauche.
www.bodysolid-europe.com
Ici je l'ai fait pour le texte blanc sur le parechemin, mais c'est une image !
Hors je me fais toujours taper sur les doigts, car évidement, une image n'est pas lue par les robots de référencement.
J'ai beau avoir mis le texte ailleurs aussi, en transparent, cela ne peut pas ! !
Depuis les CSS on a un peu plus de lattitude mais sinon, si tu veux un peu de changements : il faut toujours passer par une image.
Est-il possible ? Existe-til un code CSS ou autre qui permettrait par exemple de mettre mon texte blanc dans un calque bien positionné au dessus du parechemin rouge et de faire une rotation de ce calque par exemple de 5 ou 10 degrés vers la gauche. ?
Ou est-ce encore trop tot ?
Si quelqu'un a une idée ? Car le soucis est que ce texte doit être en toute lettre dans la page web normallement, afin que les robots puissent y accéder.
Merci
Cela fait déja longtemps que je me casse la tête car je voudrais pouvoir mettre du texte sur un site web, mais tout le pavé de texte, par exemple avec une rotation de 5 degrés vers la gauche.
www.bodysolid-europe.com
Ici je l'ai fait pour le texte blanc sur le parechemin, mais c'est une image !
Hors je me fais toujours taper sur les doigts, car évidement, une image n'est pas lue par les robots de référencement.
J'ai beau avoir mis le texte ailleurs aussi, en transparent, cela ne peut pas ! !
Depuis les CSS on a un peu plus de lattitude mais sinon, si tu veux un peu de changements : il faut toujours passer par une image.
Est-il possible ? Existe-til un code CSS ou autre qui permettrait par exemple de mettre mon texte blanc dans un calque bien positionné au dessus du parechemin rouge et de faire une rotation de ce calque par exemple de 5 ou 10 degrés vers la gauche. ?
Ou est-ce encore trop tot ?
Si quelqu'un a une idée ? Car le soucis est que ce texte doit être en toute lettre dans la page web normallement, afin que les robots puissent y accéder.
Merci
A voir également:
- Texte en diagonale sans image
- Transcription audio en texte word gratuit - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Extraire texte d'une image - Guide
- Image iso - Guide
- Excel cellule couleur si condition texte - Guide
9 réponses
Tu peux aussi sinon mettre tout ce texte dans les métadonnées de la page...
Je ne me rappelle plus par coeur la balise qui le permet, ca dois être un truc comme <meta[.?.]> ou je sais pas trop mais j'ai trouvé peut être quelque chose la dedans: https://www.commentcamarche.net/contents/500-balises-meta-meta-tags
Que dire à un imbécile pour le faire réfléchir?
67.
Je ne me rappelle plus par coeur la balise qui le permet, ca dois être un truc comme <meta[.?.]> ou je sais pas trop mais j'ai trouvé peut être quelque chose la dedans: https://www.commentcamarche.net/contents/500-balises-meta-meta-tags
Que dire à un imbécile pour le faire réfléchir?
67.
Bonjour.
Pour faire une rotation de texte, on peut le faire en jquery.
code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Rotation texte</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="js-rotation/jquery.min.js" type="text/javascript"></script>
<script src="js-rotation/jquery.transform-0.8.0.min.js"></script>
<style type="text/css">
body{
background-color: #000000;
}
#content{
position: absolute;
top: 10px;
left:100px;
}
.Texte1{
color: #FFC65A;
font-family: 'ARIAL', Tahoma, Helvetica;
}
</style>
</head>
<body>
<div id="content" style="position: absolute; top: 250px; left: 340px;">
<div class="Texte1" style='font-size: 75px;'>Bonjour!</div>
</div>
<script type="text/javascript">
$(function() {
$(".Texte1").animate({'rotate':'-20deg'},0);
});
</script>
</body>
</html>
fin de code
Pour trouver les plugins:
http://tympanus.net/codrops/2010/10/18/custom-animation-banner/
Choisir le nombre de degrés après rotate. Si vous voulez une animation de rotation, changer le zéro en 1000 (en millisecondes).
Voilà, j'espère que j'aurais aidé.
Bonne journée.
Pour faire une rotation de texte, on peut le faire en jquery.
code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Rotation texte</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="js-rotation/jquery.min.js" type="text/javascript"></script>
<script src="js-rotation/jquery.transform-0.8.0.min.js"></script>
<style type="text/css">
body{
background-color: #000000;
}
#content{
position: absolute;
top: 10px;
left:100px;
}
.Texte1{
color: #FFC65A;
font-family: 'ARIAL', Tahoma, Helvetica;
}
</style>
</head>
<body>
<div id="content" style="position: absolute; top: 250px; left: 340px;">
<div class="Texte1" style='font-size: 75px;'>Bonjour!</div>
</div>
<script type="text/javascript">
$(function() {
$(".Texte1").animate({'rotate':'-20deg'},0);
});
</script>
</body>
</html>
fin de code
Pour trouver les plugins:
http://tympanus.net/codrops/2010/10/18/custom-animation-banner/
Choisir le nombre de degrés après rotate. Si vous voulez une animation de rotation, changer le zéro en 1000 (en millisecondes).
Voilà, j'espère que j'aurais aidé.
Bonne journée.
non ce n'est pas possible, amho, je peux me tromper, mais je n'ai jamais vu ça et je n'imagine pas trop ça possible avec du html. En flash ou comme ça bien sûr, ou alors avec du javascript peut-être, mais le problème reste le même pour toi je pense.
par contre une image avec le texte que tu souhaites en description/légende de l'image ça ne va pas pour les robots dont tu parles ?
par contre une image avec le texte que tu souhaites en description/légende de l'image ça ne va pas pour les robots dont tu parles ?
tu peut faire ça en CSS3, mais tous les navigateurs ne l'acceptent pas.
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
https://www.alsacreations.com/article/lire/947-osez-creer-site-html5-css3.html
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
https://www.alsacreations.com/article/lire/947-osez-creer-site-html5-css3.html
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci bast 64 je vais voir cela.. mais comme beaucoup ne pourront pas le lire.. cela sera surement refusé.. :-)
C'est possible, sur quasiment tous les navigateurs...
- grâce à SVG sous Firefox, Safari, Opera, Chrome, etc.
- en passant VML sous Internet Explorer
Ce sont des langages de balisages, basés sur XML, qui permettent l'affichage de dessins vectoriels de façon très simple.
Il suffit de tester côté serveur (en PHP) si on a affaire à Internet Explorer ou à un navigateur W3C, puis d'envoyer le code correspondant.
- grâce à SVG sous Firefox, Safari, Opera, Chrome, etc.
- en passant VML sous Internet Explorer
Ce sont des langages de balisages, basés sur XML, qui permettent l'affichage de dessins vectoriels de façon très simple.
Il suffit de tester côté serveur (en PHP) si on a affaire à Internet Explorer ou à un navigateur W3C, puis d'envoyer le code correspondant.
La librairie javascript RaphaelJS permet de faire du dessin vectoriel sur la plupart des navigateurs (IE, FF, Safari, Chrome)... elle permet entre autres de créer un texte incliné (voir http://raphaeljs.com).
Cela existe maintenant en CSS3 il faut mettre une rotation sur la div qui contient le texte grâce à transform. Un exemple montre bien comment le faire ici:
https://developer.mozilla.org/fr/docs/Web/CSS/transform
https://developer.mozilla.org/fr/docs/Web/CSS/transform
Non, dans les meta tags on a déjà un autre texte...
Ce qui me dérange, c'est que sur la net cela devient la guerre..
Au point où tu es obligé d'aller coller dans tes descriptions, les mots clés que les gens tapent habituellement. ou de payer très très cher un référencement.
Moi je suis contre ce genre de procédés et je trouve que chacun doit décrire son produit au mieux, mais comme certains comiques le font; les autres gens honnêtes, eux y sont obligés !
Rien de pire que de taper : barbecue et de tomber sur un site qui vend des films porno avec une scene devant un barbecue. Pire tomber sur des sites n'ayant strictement rien avoir mais ayant payé pour que les gens soient redirigé vers eux au moindre mot clefs connu. Dans 10 ans, on ne retrouvera plus rien, puisque seuls quelques uns qui payent et trichent obtiennent le trafic.
Mais c'est ca le net maintenant ! snif..
Alors comme je me refuse à ce genre de trucs et que je veux que les gens qui cliquent sur nos sites, y viennent parce que c'est ce qu'ils cherchent; Je dois pouvoir rendre accessible le plus possible le texte honnête qui décris qui et quoi et comment.. :-)
Mais le texte sur une page web, bhein tu dois rester dans les polices de caractères que tout le monde a; tu n'est même pas sur de comment le texte va apparaitre à 100 % etc etc..
GRRRR avant de bosser sur les animations flash html5 et musique intégrée, ils feraient bien d'évoluer un peu sur les bases : le texte.. lol
Ce qui me dérange, c'est que sur la net cela devient la guerre..
Au point où tu es obligé d'aller coller dans tes descriptions, les mots clés que les gens tapent habituellement. ou de payer très très cher un référencement.
Moi je suis contre ce genre de procédés et je trouve que chacun doit décrire son produit au mieux, mais comme certains comiques le font; les autres gens honnêtes, eux y sont obligés !
Rien de pire que de taper : barbecue et de tomber sur un site qui vend des films porno avec une scene devant un barbecue. Pire tomber sur des sites n'ayant strictement rien avoir mais ayant payé pour que les gens soient redirigé vers eux au moindre mot clefs connu. Dans 10 ans, on ne retrouvera plus rien, puisque seuls quelques uns qui payent et trichent obtiennent le trafic.
Mais c'est ca le net maintenant ! snif..
Alors comme je me refuse à ce genre de trucs et que je veux que les gens qui cliquent sur nos sites, y viennent parce que c'est ce qu'ils cherchent; Je dois pouvoir rendre accessible le plus possible le texte honnête qui décris qui et quoi et comment.. :-)
Mais le texte sur une page web, bhein tu dois rester dans les polices de caractères que tout le monde a; tu n'est même pas sur de comment le texte va apparaitre à 100 % etc etc..
GRRRR avant de bosser sur les animations flash html5 et musique intégrée, ils feraient bien d'évoluer un peu sur les bases : le texte.. lol
>GRRRR avant de bosser sur les animations flash html5 et musique intégrée, ils feraient bien >d'évoluer un peu sur les bases : le texte.. lol
Internet c'est fait pour le plus grand nombre au détriment du choix et de la variété et c'est bien mieux ainsi. Imaginee si ton site n'as que 30% des internautes qui peuvent le voir :s
En effet je conseillerais flash vu que celui ci est lu par les robots dans la plupart des cas
Quitte à mettre le texte en caché dans la page mais par expérience si tu utilises des textarea(voire en données externes chargées dans la page) et que tu vectorise pas le texte a de grand chance d'être lu par les robots et permet de nombreuses fantaisies de l'intégration de la police que tu veut à l'animation par interpolation ou les filtres d'effets que tu configures comme tu veut en actionscript.
Internet c'est fait pour le plus grand nombre au détriment du choix et de la variété et c'est bien mieux ainsi. Imaginee si ton site n'as que 30% des internautes qui peuvent le voir :s
En effet je conseillerais flash vu que celui ci est lu par les robots dans la plupart des cas
Quitte à mettre le texte en caché dans la page mais par expérience si tu utilises des textarea(voire en données externes chargées dans la page) et que tu vectorise pas le texte a de grand chance d'être lu par les robots et permet de nombreuses fantaisies de l'intégration de la police que tu veut à l'animation par interpolation ou les filtres d'effets que tu configures comme tu veut en actionscript.
