Texte en diagonale sans image
Fermé
CandyFana
Messages postés
23
Date d'inscription
lundi 22 octobre 2007
Statut
Membre
Dernière intervention
3 juillet 2012
-
23 avril 2010 à 08:30
goruki Messages postés 62 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 15 mars 2016 - 31 oct. 2013 à 13:10
goruki Messages postés 62 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 15 mars 2016 - 31 oct. 2013 à 13:10
A voir également:
- Texte en diagonale sans image
- Image iso - Guide
- Mettre un texte en majuscule - Guide
- Transcription audio en texte word gratuit - Guide
- Acronis true image - Télécharger - Sauvegarde
- Si cellule contient texte alors ✓ - Forum Excel
9 réponses
SyPiC
Messages postés
154
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
29 novembre 2013
19
Modifié par SyPiC le 23/04/2010 à 08:48
Modifié par SyPiC le 23/04/2010 à 08:48
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.
Pacorabanix
Messages postés
3248
Date d'inscription
jeudi 23 août 2007
Statut
Membre
Dernière intervention
19 mai 2013
660
23 avril 2010 à 08:34
23 avril 2010 à 08:34
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 ?
bast64
Messages postés
43
Date d'inscription
lundi 18 janvier 2010
Statut
Membre
Dernière intervention
17 mai 2010
3
Modifié par bast64 le 23/04/2010 à 08:56
Modifié par bast64 le 23/04/2010 à 08:56
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
Pacorabanix
Messages postés
3248
Date d'inscription
jeudi 23 août 2007
Statut
Membre
Dernière intervention
19 mai 2013
660
23 avril 2010 à 08:58
23 avril 2010 à 08:58
wouah ! c'est standard ça ? excellent d'avoir implémenté ça si c'est le cas.
SyPiC
Messages postés
154
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
29 novembre 2013
19
23 avril 2010 à 09:08
23 avril 2010 à 09:08
justement c'est pas très standard, comme il l'a dis, pas tout les navigateurs peuvent le lire mais renseigne toi et si jamais, crée un css alternatif ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
CandyFana
Messages postés
23
Date d'inscription
lundi 22 octobre 2007
Statut
Membre
Dernière intervention
3 juillet 2012
23 avril 2010 à 09:08
23 avril 2010 à 09:08
Merci bast 64 je vais voir cela.. mais comme beaucoup ne pourront pas le lire.. cela sera surement refusé.. :-)
SyPiC
Messages postés
154
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
29 novembre 2013
19
23 avril 2010 à 09:31
23 avril 2010 à 09:31
Si tu fais ca bien, tu fais un CSS alternatif et tu fais en fonction de chaque navigateurs si il peut lire ou pas, alors tu agi en conséquence en chargeant un autre CSS...
creadiff
Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
57
24 avril 2010 à 03:43
24 avril 2010 à 03:43
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.
creadiff
Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
57
Modifié par creadiff le 5/04/2011 à 02:11
Modifié par creadiff le 5/04/2011 à 02:11
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).
SyPiC
Messages postés
154
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
29 novembre 2013
19
22 mars 2013 à 08:57
22 mars 2013 à 08:57
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
goruki
Messages postés
62
Date d'inscription
mercredi 2 septembre 2009
Statut
Membre
Dernière intervention
15 mars 2016
22
31 oct. 2013 à 13:10
31 oct. 2013 à 13:10
Sinon, tu as la réponse ici :)
https://www.css3maker.com/text-rotation.html
https://www.css3maker.com/text-rotation.html
CandyFana
Messages postés
23
Date d'inscription
lundi 22 octobre 2007
Statut
Membre
Dernière intervention
3 juillet 2012
23 avril 2010 à 09:02
23 avril 2010 à 09:02
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.
jisisv
Messages postés
3645
Date d'inscription
dimanche 18 mars 2001
Statut
Modérateur
Dernière intervention
15 janvier 2017
934
Modifié par jisisv le 5/04/2011 à 06:06
Modifié par jisisv le 5/04/2011 à 06:06
Flash est une HORREUR pour les mals voyants.
En général le contenu des sites Flash est nul.
En général le contenu des sites Flash est nul.
SyPiC
Messages postés
154
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
29 novembre 2013
19
12 juin 2012 à 12:35
12 juin 2012 à 12:35
Oui!
