Webdesign Index du Forum

Webdesign
Créations multimédias

 FAQFAQ   RechercherRechercher   MembresMembres   GroupesGroupes   BLOG Webdesign : Créations multimédias  Geoffrey Couppey - Portfolio  S’enregistrerS’enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

CSS en HTM?

 
Poster un nouveau sujet   Répondre au sujet    Webdesign Index du Forum ->
Programmation : Langages
-> CSS
Sujet précédent :: Sujet suivant  
Auteur Message
Sandalphon


Hors ligne

Inscrit le: 19 Déc 2009
Messages: 4
Date de naissance: 09/04/1982
Féminin

MessagePosté le: Ven 1 Jan - 13:45 (2010)    Sujet du message: CSS en HTM? Répondre en citant

Bon alors j'ai peut-être mal regardé mais en fait....j'ai pas compris comment convertir une feuille de style CSS en HTML!  Crying or Very sad
Parce que voilà, j'aurais aimé faire un blog sur FC2 , ayant trouvé de superbes thèmes qui sont installables sur ce site et le problème et bien c'est qu'une fois qu'on a mis notre feuille de style CSS, il faut changer le HTML du thème de base choisit pour le remplacer par celui du thème de la feuille de style CSS....et je n'ai pas compris comment il fallait faire! Crying or Very sad

Voici ma feuille de style:

Code:



@charset "Shift_Jis";

/*---- F001 -----*/

* {
    margin: 0;
    padding: 0;
}

html, body {
    scrollbar-track-color: #2E2E2E;
    scrollbar-face-color: #000;
    scrollbar-shadow-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-arrow-color: #887A6F;
}

    * html {
        overflow-x: hidden;
        overflow-y: auto;
    }

body {
    line-height: 1.5;
    color: #DDD;
    font-size: 65%;
    font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
    background: #000 url('flower051_r.jpg') repeat-y fixed top left;
}

a {
    text-decoration: none;
}

a:link {
    color: #B09A89;
}

a:visited {
    color: #B09A89;
}

a:hover {
    color: #DDD;
    text-decoration: underline;
}

a:active {
    color: #DDD;
}

h1 {
    color: #887A6F;
    font-size: 140%;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
}
    h1 a:link {color: #887A6F;}
    h1 a:visited {color: #887A6F;}

h2 {
    font-size: 100%;
    font-weight: normal;
}

h3 {
    color: #887A6F;
    font-size: 100%;
    text-align: right;
    background: url('dot001.gif') repeat-x left bottom;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:3px
}

h4, h5, h6 {
    font-size: 100%;
}

p {
    margin: 0 0 1em 0;
}

br {
    letter-spacing: normal;
}

em {
    color: #80A0A7;
    font-style: normal;
    text-decoration: underline;
}

strong {
    color: #80A0A7;
    font-weight: bold;
}

big {
    font-size: 131%;
}

small {
    font-size: 10px;
}

ins {
    text-decoration: underline;
}

del {
    color: #666;
}

b {
    font-weight: bold;
}

i {
    font-style: oblique;
}

address, cite {
    font-style: normal;
}

code {
    font-family: monospace;
}

table {
    margin: 0 0 1em 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: #211F1E;
}

th, td {
    padding: 2px 5px;
    border: 1px solid #6F645B;
}

hr {
    display: none;
}
    .line {
        margin-top: 30px;
    }

    .clears {
        clear: both;
        padding: 0 0 1em 0;
    }

img, img a {
    border: 0px none;
}

    .img_right {
        float: right;
        margin: 0 0 0 10px;
        padding: 5px;
        border: 1px solid #6F645B;
        background: #211F1E;
    }

    .img_left {
        float: left;
        margin: 0 10px 0 0;
        padding: 5px;
        border: 1px solid #6F645B;
        background: #211F1E;
    }

blockquote {
    margin: 0 0 1em 30px;
    padding: 5px;
    border: 1px solid #6F645B;
    background: #211F1E;
}

input, select, textarea {
    margin: 2px 0;
    width: 50%;
    border: 1px solid #5E5F4E;
    color: #DDD;
    font-size: 100%;
    font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
    background: #211F1E;
}

textarea {
    width: 90%;
}

input.button {
    width: 90px;
    vertical-align: middle;
}

div#out {
    margin: 50px auto 0 0;
    padding: 0 20px 0 20px;
    width: 415px;
}

div#header {
    padding: 20px 0 0 5px;
}

div.write {
    margin: 15px 10px;
}

div.write ul, div.write ol {
    margin: 0 0 1em 15px;
}

div.write ul li {
    list-style: circle inside;
}

div.write ol li {
    list-style: decimal;
    margin: 0 0 0 20px;
}

div.write ul.parallel {
    margin: 0;
}

ul.parallel li {
    display: inline;
    list-style: none;
}

ul.parallel li img {
    margin:0 2px 3px 0;
}

dl {
    margin: 0 0 1em 0;
}

dt {    }

dd {
    margin: 0 0 5px 15px;
}

dl.parallel dt {
    width: 120px;
    line-height: 1.6;
}

dl.parallel dd {
    margin: -1.6em 0 5px 120px;
    padding: 0 0 0 15px;
}

p.info {
    height: 80px;
    overflow: auto;
    border: 0px none;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:0; padding-right:10px; padding-top:2px; padding-bottom:0
}

.deco {
    line-height: 22px;
    background: url('line001.gif') left top;
}

img.deco {
    padding: 5px;
    border: 1px solid #6F645B;
    background: #211F1E;
}

.page_navi li {
    list-style: none;
    margin: 0 20px;
    text-align: right;
}

div#menu {
    margin: 10px 1px 0 0;
}

div#menu p {
    margin: 5px 0 20px 0;
}

div#menu li {
    list-style: none;
    border-bottom: 1px solid #323232;
}

div#menu li a {
    display: block;
    padding-left: 3px;
    border-left: 3px solid #000;
    color: #CCC;
    text-decoration: none;
}

div#menu li a:hover {
    border-left: 3px solid #887A6F;
}

div#footer {
    margin: 30px auto 5px auto;
    text-align: center;
}

div#footer li {
    display: inline;
    list-style: none;
    padding-left: 10px;
}

#copy{
    position: absolute;
    bottom: 20px;
    left: 5px;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
}

#entrance {
    margin: 50px auto 0 auto;
    width: 60%;
}




Si vous pouviez m'expliquer ce que je dois modifier/rectifier pour que cela devienne du HTML ...... X)

Par avance, merci beaucoup! =)

(et bonne année! ^^ )


Revenir en haut
Publicité






MessagePosté le: Ven 1 Jan - 13:45 (2010)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Geoffrey Couppey
Administrateur

Hors ligne

Inscrit le: 22 Sep 2008
Messages: 347
Localisation: Basse Normandie / Manche
Date de naissance: 12/04/1988
Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Sam 2 Jan - 23:24 (2010)    Sujet du message: CSS en HTM? Répondre en citant

Bonjour et bonne année Sandalphon Wink ,

pour répondre à votre question, je vais vous expliqué que c'est impossible car le html et le css sont deux langage différents. Le html sert à construire la page internet et le css à la mettre en forme autrement dit à lui donner un style ou encore à la rendre plus jolie.

Le css sert à mettre en place le design d'une page web, mais celui-ci ne peut fonctionner sans html d'où surement votre question de vouloir transformer votre css en html.

Je pense dans votre cas pour change de thème de télécharger d'autre css.

Pour cela j'aurais besoin de plus d'informations s'il vous plais.

Le code que vous nous avez fournis plus haut c'est le nouveau thème ou l'ancien thème?

Vous l'avez téléchargé sur le site de thème?

Pour associer le html et les css, nous avons besoin de définir un lien entre les deux. Ce lien se définit dans la page html entre les balises html suivantes :
 
Code:
 <head>
      [b]<LINK rel="stylesheet" type="text/css" href="votrestyle.css">[/b]
</head>


Autrement dit, si vous voulez changer le style de votre page il vous suffit ici dans votre cas de changer simplement le chemin de votre feuille de style.

Pour changer le chemin de votre feuille css il suffit de modifier la partie href="votreancienstyle.css" par le chemin de votre nouvelle feuille de style. Cela peut être href="css/votrenouveaustyle". Pour le savoir, il suffit de connaître l'arborescence de votre site autrement dis, savoir comment sont ranger vos fichiers.

J'espère que m'a réponse pourra vous aider. Si vous ne comprenez pas une partie, n'hésitez pas à le dire, je m'expliquerai autrement.
_________________

<a href="http://www.geoffreycouppey.fr">www.geoffreycouppey.fr</a>


Revenir en haut
Visiter le site web du posteur Skype
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 02:54 (2017)    Sujet du message: CSS en HTM?

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Webdesign Index du Forum ->
Programmation : Langages
-> CSS
Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  

Index | Creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com