Problème avec installation d'une Typographie.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec installation d'une Typographie.
Bonjour,
J'ai découvert Ce tutoriel de FDF, je l'ai trouver génial et j'ai donc essayer d'installer une police : Stalemate .
- J'ai voulut l'installer seulement sur la première lettre des textes (Paragraphe) avec l’attribue : .P
Mais rien ne marche. Voici mes codes :
Le Script créer sur toute les pages :
Puis, mon CSS :
et pour finir le code dans Overall_header. :
Voila le CSS ENTIER de mon forum au besoins :
J'ai découvert Ce tutoriel de FDF, je l'ai trouver génial et j'ai donc essayer d'installer une police : Stalemate .
- J'ai voulut l'installer seulement sur la première lettre des textes (Paragraphe) avec l’attribue : .P
Mais rien ne marche. Voici mes codes :
Le Script créer sur toute les pages :
- Code:
WebFontConfig = {
google: { families: [ 'Stalematel::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
Puis, mon CSS :
- Code:
/* - - - -- - - - POLICE TYPO SUR PARAGRAPHE - - - - */
.P {
font-family: 'Stalemate', cursive;
}
/* Fin du Code */
et pour finir le code dans Overall_header. :
- Code:
<link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'>
Voila le CSS ENTIER de mon forum au besoins :
- Spoiler:
- /* -------- - - - - - - -- - - - - - -- - - --- SOUS FORUM EN LISTE ---- - - - - -- - - - - - - - - ------ */
/* PARTIE DE GAUCHE */
.tfa_description{
width: 400px;
margin: 3px;
padding: 0px;
float: left;
}
/* PARAGRAPHE DE LA PARTIE DE GAUCHE */
.tfa_description p{
background-image: url(https://2img.net/r/hpimg11/pics/362351fonddescriptionscatgories.png);
border: 0px solid #55003c;
margin: auto;
padding: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
}
/* PARTIE DE DROITE */
.sous_forum_droite {
width: 35%;
float: right;
margin: 0;
padding: 0;
}
/* LISTE DE LA PARTIE DE DROITE */
.sous_forum_droite ul {
background-image: url(https://2img.net/r/hpimg11/pics/412434fond03.png);
border: 0px solid #000000;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
width: 90%;
margin: auto;
padding: 5px;
}
/* ÉLÉMENT LI DE LA PARTIE DE DROITE */
.sous_forum_droite li {
display: list-item;
list-style-image: url();
list-style-position:inside;
margin: 0;
padding: 0;
}
/* CONFIGURATION DES LIENS DE LA LISTE */
.sous_forum_droite a {
font: 10px Time;
text-decoration: none;
}
/* CONFIGURATION DES LIENS DE LA LISTE AU SURVOL */
.sous_forum_droite a:hover{
color:#FFFFFF;
text-decoration: none;
}
/*- - - - - - - - - - - JUSTIFY TEXTE - -- - - - - - - - - - - - - - - - - - - - - - - - - */
/* Justifier le texte */
.postbody, td.row1 span.gensmall
{ text-align: justify;
display: block;
margin-left: 10%;
margin-right: 5%;
}
td.row1.over span.gensmall
{ text-align: justify;
}
/* Fin du code */
/* - - - - - - - - - - - - - - MODIFICATION STYLE CATÈGORIES - - - - - - - - - - - - - - - */
span a.forumlink {
color:#000000; /* couleur du texte */
letter-spacing: 3px; /* espacement de lettre */
text-align:center; /* alignement du texte */
font-size:12px; /* taille du texte */
}
span a.forumlink:hover {
color: #FFFFFF; /* couleur du texte au survol */
letter-spacing: 2px; /* espacement du texte au survol */
}
.gauche{
background-image: url("https://2img.net/r/hpimg11/pics/412434fond03.png"); /* adresse de l'image de fond */
padding:5px; /* marge intérieure */
border:1px solid #FFFFFF; /* largeur de la bordure son style sa couleur */
-moz-border-radius:15px; /* coins arrondis*/
-webkit-border-radius:15px; /* coins arrondis*/
border-radius:15px; /* coins arrondis*/
-moz-box-shadow:0px 0px 10px #FFFFFF; /* ombre portée */
-webkit-box-shadow:0px 0px 10px #FFFFFF; /* ombre portée */
box-shadow:0px 0px 10px #FFFFFF; /* ombre portée */
}
.droite{
background-image: url("https://2img.net/r/hpimg11/pics/900102mere.jpg"); /* adresse de l'image de fond */
padding:5px; /* marge intérieure */
border:1px solid #FFFFFF; /*largeur de la bordure son style sa couleur */
-moz-border-radius:15px; /* coins arrondis*/
-webkit-border-radius:15px; /* coins arrondis*/
border-radius:15px; /* coins arrondis*/
-moz-box-shadow:0px 0px 10px #FFFFFF; /* ombre portée */
-webkit-box-shadow:0px 0px 10px #FFFFFF; /* ombre portée */
box-shadow:0px 0px 10px #FFFFFF; /* ombre portée */
}
/* Fin du code */
/* - - - - - - - - - - - - - TRANSITION SUR TEXTE CATÈGORIES ET NOM - - - - - - - -- - */
/* TITRE CATÉGORIE */
.secondarytitle, .secondarytitle h2 {
font: 12px Time new roman;
color: #000000;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
/* -TITRE CATÉGORIE AU SURVOL */
.secondarytitle:hover, .secondarytitle h2:hover {
font-size: 12px;
margin-left: 50px;
color: #FFFFFF;
}
/* TITRE FORUM */
.forumlink {
font: 12px Time new roman;
color: #000000;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE FORUM AU SURVOL */
.forumlink:hover{
font-size: 12px;
margin-left: 50px;
color: #FFFFFF;
}
/* Fin du code */
/* - - - - - - - - - - - - - - - - - FICHE DE PRÉSENTATION - - - - - - - - - - - - - - - - */
.prenom {
margin-top:125px;
height: 20px;
background-color: #9E8479;
opacity:0.5;
font-size: 30px;
text-align: center;
letter-spacing: 2px;
font-family: georgia;
font-style:bolder ;
text-shadow: 1px 0px 5px #ffffff;
text-decoration: blink;
}
/* Fin du code */
/* - - - - - - - - - - - - - - - - RETIRE LE SOULIGNAGE DES LIENS - - - - - - - - - - - */
a { text-decoration: none; }
a:hover{
text-decoration: none !important;
color : #code_couleur;
}
/* Fin du Code */
/* - - - - - - - - - - - - - - LIENS EN PETITES MAJUSCULES - - - - - - - - - - - - - - - - */
a {
font-variant: small-caps;
}
/* Fin du code */
/* - - - - - - - - - - - -- - - - - - - - - - POLICE TIPO SUR PARAGRAPHE - - - - - - - - - - - - - - - */
.P {
font-family: 'Stalemate', cursive;
}
/* Fin du Code */
Je vous remercie de vôtre aide
Dernière édition par Offrande le Sam 19 Jan 2013 - 21:16, édité 1 fois
Re: Problème avec installation d'une Typographie.
Bonsoir,
J’ai testé tes codes et je n’ai aucun souci, la police fonctionne très bien.
Comment te débrouilles-tu pour insérer la première lettre à un paragraphe, après ? Il faut utiliser ceci :
J’ai testé tes codes et je n’ai aucun souci, la police fonctionne très bien.
Comment te débrouilles-tu pour insérer la première lettre à un paragraphe, après ? Il faut utiliser ceci :
- Code:
<span class="P">P</span>remière lettre
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec installation d'une Typographie.
Je ne comprend pas vraiment ce que tu as écrit, je suis désolé. Que doit-je faire avec le code que tu m'as donner?
Merci pour t'as réponse.
Merci pour t'as réponse.
Re: Problème avec installation d'une Typographie.
Et bien, tu as mis ceci dans ton CSS :
- Code:
/* - - - -- - - - POLICE TYPO SUR PARAGRAPHE - - - - */
.P {
font-family: 'Stalemate', cursive;
}
/* Fin du Code */
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec installation d'une Typographie.
Le .P c'est l’élément Paragraphe,
car je souhaite mettre la Tipo' seulement sur la première lettre des textes dans les message .
Merci de t'as réponse
car je souhaite mettre la Tipo' seulement sur la première lettre des textes dans les message .
Merci de t'as réponse
Re: Problème avec installation d'une Typographie.
Ah, tu parles de la balise P ? Mais à ce moment, il faut retirer le point devant le nom de ton élément, dans ton CSS. À partir du moment où tu écris .quelquechose, ça signifie que ton élément a une class.
http://www.bernardquevillier.fr/toposnew/parag.htm
Si tu veux garder le point dans ton CSS, alors il faut utiliser comme je t’ai montré en haut :
http://www.bernardquevillier.fr/toposnew/parag.htm
Si tu veux garder le point dans ton CSS, alors il faut utiliser comme je t’ai montré en haut :
- Code:
<span class="P">P</span>remière lettre
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec installation d'une Typographie.
Merci beaucoup j'ai donc retiré le point
mais sa ne me met pas la première lettre : /
Image du texte
mais sa ne me met pas la première lettre : /
Image du texte
Re: Problème avec installation d'une Typographie.
Peux-tu m’envoyer le code HTML que tu as mis là ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec installation d'une Typographie.
Il est en haut du sujet, tous le script y est
par contre j'ai pus remarquer sur ma page d'accueil la tipo" mais je ne sais pas ce qu'elle fait là : /
Lien vers l'accueil de mon forum
par contre j'ai pus remarquer sur ma page d'accueil la tipo" mais je ne sais pas ce qu'elle fait là : /
Lien vers l'accueil de mon forum
Re: Problème avec installation d'une Typographie.
Il est sur ta page d'accueil car tu as mis tes descriptions de forum sous balises p (paragraphe). Et inversement, dans ton message, tu n'as pas mis sous balise p…
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec installation d'une Typographie.
Oki,
donc je me suis bien embrouiller les pinceaux .
En ce moment je commence à étudier le html et le css
car en faite je ne faisait que recopier des codes css pour "customiser mon forum.
Donc là je suis repartis à 0 ! J'ai effacer tous les script et tout les CSS .
Je vais tenter de refaire tous cela correctement !
Je retient bien les informations que tu m'as donner , merci beaucoup.
Je me permet de mettre ce sujet en résolus .
Bonne continuation
donc je me suis bien embrouiller les pinceaux .
En ce moment je commence à étudier le html et le css
car en faite je ne faisait que recopier des codes css pour "customiser mon forum.
Donc là je suis repartis à 0 ! J'ai effacer tous les script et tout les CSS .
Je vais tenter de refaire tous cela correctement !
Je retient bien les informations que tu m'as donner , merci beaucoup.
Je me permet de mettre ce sujet en résolus .
Bonne continuation
Sujets similaires
» Problème avec l'installation des tags
» Problème avec l'installation d'un nouveau fond de page sur mon Forum.
» Problème d'installation du calendrier
» Problème d'installation de script
» Problème d'installation des polices d'écritures.
» Problème avec l'installation d'un nouveau fond de page sur mon Forum.
» Problème d'installation du calendrier
» Problème d'installation de script
» Problème d'installation des polices d'écritures.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum