Modifier feuille de style CSS

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Experter, 31 Août 2010.

  1. Experter
    Experter WRInaute discret
    Inscrit:
    2 Janvier 2008
    Messages:
    112
    J'aime reçus:
    0
    Salut ,

    Etant encore un petit amateur en CSS , je vous demande de l'aide ,

    J'utilise actuellement un template xhtml + css , j'ai arrivé a tout modifier , sauf pour corp du site , c'est à dire la place à laquelle je vais écrire du texte ect...
    Le probléme que mon théme utilise du CSS et l'écriture c'est automatiquement en gris et toute petite <p>Mon Texte</p>
    Je veut savoir si possible d'ajouter une nouvelle ligne dans le fichier CSS pour mettre genre

    nomdefocntion{
    font:24px Tw Cen MT Condensed, Harrow, Myriad Pro, Arial;
    color:#6B6B6B;
    font-weight:100;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    }

    Puis dans mon fichier html , au corp du texte je met <nomdefocntion>Mon Texte</nomdefocntion> aulieu de <p>Mon Texte</p>
    Est ce que c'est faisable ?

    Dans cette page je vais mettre des liens , et je veut mettre ce style dans le fichier CSS

    <table style="width: 808px; height: 532px;" border="0" cellspacing="1">
    <tbody>
    <tr>
    <td><br>
    </td>
    </tr>
    <tr align="center">
    <td
    style="vertical-align: top; background-color: rgb(255, 204, 51);"><span
    style="text-decoration: underline;"></span><big
    style="font-family: Arial Black;"><a style="font-weight: bold;"
    target="_blank" href="http://www.monsite.com/page.html">nom de la page</a></big></td>
    </tr>

    Est ce que c'est possible ?
    Merci à vous
    Bonne journée
     
  2. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Oui c'est tout à fait réalisable. Il faut donner une classe à ton paragraphe. Par exemple :
    Code:
    <p class="rouge">Mon texte en rouge et souligné</p>
    Code:
    .rouge {
    	color: #FF000;
    	text-decoration: underline;
    }

    Même principe : affecte une classe à ton lien. Tu peux également englober le tout dans un div, et affecter un style directement au div. Donc les éléments enfants de ce div prendront le style appliqué au div.

    Code:
    <a href="#" title="" class="exemple">Mon lien en gras, Arial et souligné</a>
    Code:
    .exemple{
    	font-weight: bold;
    	font-family: Arial Black;
    	text-decoration: underline;
    }
     
  3. Experter
    Experter WRInaute discret
    Inscrit:
    2 Janvier 2008
    Messages:
    112
    J'aime reçus:
    0
    Salut ,

    Un grand merci de votre aide , ça me fait vraiment un grand plaisir et je suis vraiment désolé si je pose des questions un peu débiles ,

    Bon , voila le fichier css que j'utilise actuellement ( c'est un template gratuit , enlevez stylesheet/style.css pour retrouver le site )
    http://www.free-css.com/assets/files/free-css-templates/preview/page11 ... /style.css

    Bon la balise P affecte beaucoup d'autres écritures , mais moi je veut changer l'écriture pour une page précise ,
    Donc je ne veut pas modifier p{ mais plutot créer une nouvelle genre p2{

    Bon , si je comprends bien , je dois ajouter un nouveau style dans /* Text Style Start Here */ dans ce genre là

    .h2222{
    font:24px Tw Cen MT Condensed, Harrow, Myriad Pro, Arial;
    color:#6B6B6B;
    font-weight:100;
    text-transform:uppercase;
    margin:0px;
    padding:0px;

    Et puis dans mon fichier index.html , pour que je met ce style j'écrit cela <p class=".h2222">mon texte</p> ?
    Mais cela sera appliqué a quel class ? car la classe dans laquelle je vais écrire du texte c'est <div class="workzone-left">

    Encore désolé si je pose des questions débiles et je vous en remercie de votre aide et de votre générosité

    Merci à vous
    Bonne journée
     
  4. GUITEL
    GUITEL WRInaute impliqué
    Inscrit:
    8 Juin 2007
    Messages:
    840
    J'aime reçus:
    0
    <p class="h2222">mon texte</p> pas besoin du (.) devant le h2222

    A la class h2222


    Il n'y a aucunes question débiles !! :wink:
     
  5. Experter
    Experter WRInaute discret
    Inscrit:
    2 Janvier 2008
    Messages:
    112
    J'aime reçus:
    0
    Salut ,

    Un grand merci à vous , tout est à présent clair pour ça ,

    Mais j'ai un autre petit problème , quand je met un lien , les styles s'enlèvent !

    <p class="h22">mon texte</p> ==> tout marche parfaitement , et j'ai le style d'écriture voulu

    <p class="h22"><a href="www.site.com">mon texte</a></p> ==> tout revient comme avant et comme ci j'ai pas mis le style h22

    Y'a t'il une solution pour ça ? car je veut mettre des liens avec le texte et pas seulement des textes

    Merci à vous
     
  6. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Il faut affecter un style à ton lien ! Et comme ton lien est englobé dans un paragraphe qui porte le nom de classe "h22", il suffit de faire :

    Code:
    .h22 a {		/* On affecte un style à l'élément "a" (un lien) appartenant à "h22" */
    	color: #000;
    }
     
  7. GUITEL
    GUITEL WRInaute impliqué
    Inscrit:
    8 Juin 2007
    Messages:
    840
    J'aime reçus:
    0
    pour les liens, il faut paramétrer les différentes balise a (<a href="#">texte</a>)et les pseudo classes dans ta feuille de style

    a:link {
    font:
    etc...
    }
    a:visited {
    font:
    etc...
    }
    a:hover {
    font:
    etc...
    }
     
  8. Experter
    Experter WRInaute discret
    Inscrit:
    2 Janvier 2008
    Messages:
    112
    J'aime reçus:
    0
    Salut ,

    Vraiment un grand merci à vous , vous m'avez beaucoup aidé , je n'y serais jamais arrivé sans vous , je remercie toute votre générosité , toutes les questions que j'ai posés sont à présents plus que clair pour moi ,

    Une dernière question si vous le permettez ,

    Je veut mettre un nouveau style de ce genre
    Code:
    .blueheading22 {
    	font:16px Tw Cen MT Condensed, Harrow, Myriad Pro, Arial;
    	color:#075B8E;
    	text-transform:uppercase;
    }
    
    Mais je veut que ce style me donne un texte identique à celui là

    Code:
    <table style="width: 808px; height: 532px;" border="0" cellspacing="1">
    <tbody>
    <tr>
    <td><br>
    </td>
    </tr>
    <tr align="center">
    <td
    style="vertical-align: top; background-color: rgb(255, 204, 51);"><span
    style="text-decoration: underline;"></span><big
    style="font-family: Arial Black;"><a style="font-weight: bold;"
    target="_blank" href="http://www.monsite.com/page.html">nom de la page</a></big></td>
    </tr>
    C'est à dire un texte avec un petit fond ( background ) , pouvez vous me donner le style qui donne ça ?

    Encore un grand merci à vous
    Bonne soirée
     
  9. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Il faut englober ton contenu dans un élément div. Tu devra ensuite apporter un style précis à ce div en utilisant la propriété "background" qui permet de définir un fond (couleur, image, gestion de la répétition, du positionnement)...
     
Chargement...
Similar Threads - Modifier feuille style Forum Date
WordPress Retirer ou modifier la donnée structurée "date" avec Yoast Débuter en référencement 1 Avril 2022
Modifier le nom de la taxonomie Développement d'un site Web ou d'une appli mobile 7 Février 2022
WordPress Balise canonique sur une page impossible à modifier via Yoast Problèmes de référencement spécifiques à vos sites 28 Octobre 2021
Comment modifier le thème Chrome ? YouTube, Google Images et Google Maps 3 Juin 2021
Supprimer mon site de Similarweb ? Ou modifier les données ? Administration d'un site Web 26 Novembre 2020
WordPress Modifier les balises hn de sa homepage Wordpress Débuter en référencement 13 Novembre 2020
Comment modifier le format des URL Shopify URL Rewriting et .htaccess 7 Juin 2020
Modifier une partie de l'url page produit. Quel impact en seo ? Débuter en référencement 5 Janvier 2020
Logos des partenaires: Peut-on les modifier pour que cela soit moins moche? Administration d'un site Web 5 Décembre 2019
Comment modifier le lien dans copyright ( footer ) dans prestashop 1.7 Développement d'un site Web ou d'une appli mobile 1 Octobre 2019
Wordpress redirections et htaccess à modifier ? URL Rewriting et .htaccess 14 Janvier 2019
WordPress Comment modifier l'identité du site dans les fichiers ? Problèmes de référencement spécifiques à vos sites 23 Septembre 2018
Mysql, modifier des chaines avec différents caractères Administration d'un site Web 13 Septembre 2018
Modifier le contenu d'un bloc Développement d'un site Web ou d'une appli mobile 27 Février 2018
Comment modifier la balise Title et Hn sur wordpress ? Débuter en référencement 14 Janvier 2018
Modifier les mails sous wordpress e-commerce 9 Novembre 2017
Modifier les mails suivant les commandes e-commerce 4 Octobre 2017
Doit on modifier son site lors de la mise à jour de PHP ? Développement d'un site Web ou d'une appli mobile 3 Août 2017
Modifier le code d'un plugin de contenu similaire Développement d'un site Web ou d'une appli mobile 27 Mars 2016
modifier les url des produits Demandes d'avis et de conseils sur vos sites 11 Février 2016