Problème avec installation d'une Typographie.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec installation d'une Typographie.

Message par Offrande le Dim 6 Jan 2013 - 18:05

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 :
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(http://img11.hostingpics.net/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(http://img11.hostingpics.net/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("http://img11.hostingpics.net/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("http://img11.hostingpics.net/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 I love you


Dernière édition par Offrande le Sam 19 Jan 2013 - 21:16, édité 1 fois

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Matriochka le Dim 6 Jan 2013 - 18:10

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 :
Code:
<span class="P">P</span>remière lettre

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Offrande le Dim 6 Jan 2013 - 19:10

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.

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Matriochka le Dim 6 Jan 2013 - 20:02

Et bien, tu as mis ceci dans ton CSS :
Code:
/* - - - -- - - - POLICE TYPO SUR PARAGRAPHE -  - - - */
.P {
font-family: 'Stalemate', cursive;
}
 
/* Fin du Code */
À quoi fait-il référence sur ton forum ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Offrande le Mer 9 Jan 2013 - 3:01

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 I love you

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Matriochka le Mer 9 Jan 2013 - 13:34

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 :
Code:
<span class="P">P</span>remière lettre

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Offrande le Mer 9 Jan 2013 - 21:24

Merci beaucoup j'ai donc retiré le point
mais sa ne me met pas la première lettre : /

Image du texte


Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Matriochka le Jeu 10 Jan 2013 - 13:18

Peux-tu m’envoyer le code HTML que tu as mis là ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Offrande le Lun 14 Jan 2013 - 2:08

Il est en haut du sujet, tous le script y est Smile

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

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Matriochka le Lun 14 Jan 2013 - 8:54

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
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec installation d'une Typographie.

Message par Offrande le Sam 19 Jan 2013 - 21:16

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 I love you

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum