> Tous les forums > Forum des Webmasters
 Blog/feuille de style/css
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
tom2
  Posté le 11/03/2006 @ 10:45 
Aller en bas de la page 
Petit astucien
Bonjour, je viens de créer un blog mais je souhaiterais en changer l'apparence mais évidemment je ne connais pâs le language alors je ne sais pas vous pourriez peut-etre m'aider en me proposant un générateur de code dans un premier temps sinon ben mon code ressemble à cela : /*fichier de structure général externe*/ @import url("/css/commonstruct1.css");/*ne pas enlever cette ligne qui permet l'evolution des css personnalisés*/ /***************************************/ /* ---------- Elements Principaux ------------- */ body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:#FFFFFF; } h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/ h2 { color: #5675A4; font-size: 15px; } h3 { color: #5675A4; font-size: 12px; } a { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */ a:hover { text-decoration:none; color:#9E9E9E} legend { color:#5675A4; padding-left:5px; padding-right:5px;} li { list-style-type:none; } img { border:0px; } /* image */ input { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */ /* ---------- Structure ------- */ /* La class main correspond à la structure global du blog /* le numéro après 'main' correspond au type de structure (1 2 ou trois colonne) */ /* Pour les stuctures avec 2 colonnes */ #main1 { text-align: left; margin: 0px auto 50px auto; } #main1 #rightnav { padding:10px; width:210px; } #main1 #leftnav { padding:10px; width:210px; } #main1 #content { padding:10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; } #main1 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; } /* Pour les stuctures avec une colonne à droite */ #main2 { text-align: left; margin: 0px auto 50px auto; } #main2 #rightnav { padding:10px; width:220px; } #main2 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; } #main2 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; } /* Pour les stuctures avec une colonne à gauche */ #main3 { text-align: left; margin: 0px auto 50px auto; } #main3 #leftnav { padding:10px; width:220px; } #main3 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; } #main3 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; } #MainTab { margin:0px; width:100%; } #MainTab td { vertical-align:top; } /* entete */ #top { padding:0px; border-bottom: 1px solid gray; background: url(/modele/2/pics/top.png) repeat-x scroll top left;} #top h1 { padding:0px; margin:0px;color:black; } .topLien{text-decoration:none;} .topLien:hover {text-decoration:none;} /* Bas de page */ #footer { clear:both; color: #333; border-top: 1px solid gray; } #footer p { margin:0px; padding: 10px; background:#ddd; } .basLien { } .basLien:hover { } .cleaner {clear:both;} /* ---------- Box ---------- */ /* correspond au block des modules */ .box { width:100%; margin-bottom:10px; } .box h2 {} .box-top { background:transparent url(/modele/2/pics/box-top-center.png) repeat-x scroll top left; } .box-left { background:transparent url(/modele/2/pics/box-middle-left.png) repeat-y scroll top left; } .box-right { background:transparent url(/modele/2/pics/box-middle-right.png) repeat-y scroll top right; } .box-bottom { background:transparent url(/modele/2/pics/box-bottom-center.png) repeat-x scroll bottom left; } .box-topLeft { background:transparent url(/modele/2/pics/box-top-left.png) no-repeat scroll top left; } .box-topRight { background:transparent url(/modele/2/pics/box-top-right.png) no-repeat scroll top right; } .box-bottomLeft { background:transparent url(/modele/2/pics/box-bottom-left.png) no-repeat scroll bottom left; } .box-bottomRight { background:url(/modele/2/pics/box-bottom-right.png) no-repeat scroll bottom right; padding:3px; } .box-content { overflow:auto; padding:0px 10px 15px 5px; color: #5675A4; } .box-content p { margin:5px 0px 5px 15px; padding:0px; } .box-content ul { margin:5px 0px 5px 15px; padding:0px; } .box-content li { list-style:square; color:#b6b6b6; margin:5px; padding:0px; } /* ---------- Recherche --- */ #Recherche { padding:0px; } #WForm { margin:0px; border:solid 1px #D8D7D7; padding:10px; background: #F3F7FC; } #WForm input { border:solid 1px #D8D7D7; font-size:100%; background:#f4f4f4; color:#5675A4; } #WForm input:hover { border:solid 1px #5675A4; background:#fff; } .RNum { font-weight:bold; } .RDesc { padding:10px; } .ROut { font-style:italic; color:#A0B8CB; } .RSize { color:#BFBFBF; } a.RTitle { text-decoration:none; color:#00275E; } a.RTitle:hover { text-decoration:none; color:#834141; } #GGResults { text-align:left; margin:0px; color:#000000; } .Result1 { padding:4px; background:#F7FAFD; } .Result2 { padding:4px; background:#FBFBFB; } .article { margin-top:10px; padding:0px; } .article p { padding:0px 0px 5px 5px; margin:0px; } .Date { width:100%; margin-right:10px;} .Option { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;} .categorieArticle {} /*categorie de l'article*/ .categorieArticle a {text-transform:lowercase;} .barreHautArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #808080; width:100%; } .listArticles { margin-top:0px; margin-bottom:10px; border:1px solid #666666; background-color:#FFFFFF;} .resumeArticle { background-color:#F9F8FA; border-top:1px solid #F4F4F4;} .titreArticle{text-decoration:none;} .titreArticle:hover {text-decoration:none;} #articleSeul {} /*style d'un article lors de l'affichage de l'article ou de ses commentaires/trackbacks*/ .GcheTexte{float:left; margin:3px;} .DrteTexte{float:right; margin:3px; } .CtreTexte{margin:3px auto; display:block;} .hitcitation {font-style:italic;text-align:justify;padding:5px 20px;background-color:#eee;} .hitencart {border:1px solid black;text-align:justify;font-weight:bold;margin:5px 0px;padding:5px 5px;} .hitimportant {font-weight:bold;color:red;font-weight:bold;font-size:120%;} .hitperso1 {font-style:italic;} .hitperso2 {font-weight:bold;} /*--------------------Commentaires---------------------------- */ .h2commentMessage {color:#3366CC;} .comment { } .comment hr { } .linkcomment {font-size:130%; color:#0099FF;} .commentMessage { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;} .commentOption {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;} #formComment label { width:70px; } #formComment input { } #formComment textarea{ } /*-------------------trackback----------------------------------*/ #addTrackback { border:1px dotted #999999; padding:5px;} .affTrackback { padding:5px; border:1px dotted #999999; margin-bottom:10px;} .affTrackback h2 {} .linkTrackback {font-size:130%; } .h2Trackback {color:#3366CC;} /*-------------------Recommander--------------------------------*/ #divRecommander {} #divRecommander span {font-size:larger;} #divRecommander legend {font-size:larger;} #divRecommander fieldset {padding:3px; margin:5px;} /*-----------------Newsletter-----------------------------------*/ #divNewsletter h2 {text-align:center; font-size:12pt;} /*-------------- Calendrier -----------------------------------*/ .calendarTop1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#5675A4; font-weight: bold; background-color:#FFFFFF} /*entete*/ .calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color:#FFFFFF; background-color:#A2B4CE;} /* Aujourd'hui */ .calendarDays1 { width:50px; height:15px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#000000; background-color: #FFFFFF; text-align:center;} .calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color:#5675A4; color:#FFFFFF;} /* lettre de la semaine */ .calendarTable1 { background-color:#F4F4F4;border:0px solid #5675A4} /* contour du calendrier */ /*------------------------Divers-----------------------------*/ .cleaner {clear:both;} /*-------------------------------Accueil album------------------------*/ #centreAccAlbum{} .AccAlbum{ text-align:center;} .thumbAccAlbum { display:inline; margin:5px;} .thumbAccAlbumimg { padding:5px 0px;} /*-----------------------Album photo--------------------------*/ #bodyAlbum{ background-color:#FFFFFF;} .topAlbum{} #generalAbum{width:100%;} .h2Album { text-align:center; font-size:12pt; } /*en tete de l'album placee en haut de la fenetre, meme que celle du blog*/ #enteteAlbum{ width:100%; border-bottom:1px solid #222222; font-size:130%;} #enteteAlbum a {} #enteteAlbum a:hover {} .nomPhotoAlbum { font-size:large;} .lienAlbum {text-decoration:none;} .lienAlbum:hover{text-decoration:underline;} /*navigation rapide precedent suivant retour*/ .quickNavAlbum{margin:0px; padding:0px; border:1px groove #666666; width:100%; text-align:center;} .quickNavAlbum a {text-decoration:none;} .quickNavAlbum a:hover {text-decoration:underline;} .precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;} .retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;} .suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;} /*miniatures de l'album*/ #centrethumbsAlbum{ } .thumbsAlbum {padding:2px; width:99%; text-align:center; margin-right:auto; margin-left:auto;} .thumbAlbum { display:inline; margin:3px;} .thumbAlbum img {} /*miniature de la photo courante*/ .thumbCouranteAlbum { display:inline; margin:3 px;}/*miniature de la photo courante*/ .thumbCouranteAlbum img { } .topLienAlbum{text-decoration:none;} .topLienAlbum:hover{} #photo{ text-align:center; } #photo img {margin: 0px auto; } .nomPhotoAlbum{ text-align:center;} #piedAlbum{ width:100%; text-align:center; margin-top:5px;} #descrAlbum {text-align:center; font-size:larger;} #menuClicDroit {position:absolute;top:0px;left:0px;z-index:500;visibility:hidden;background-color:#FFFFFF;border:1px solid #BACDF2;padding:3px;} #menuClicDroit li { list-style-type:none; margin:0px; padding:0px} #menuClicDroit ul{margin:0px;padding:0px}
Publicité
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
309,99 €Ecran ultra large LG 34 pouces 34WN650-W à 309,99 €
Valable jusqu'au 18 Mai

Amazon propose actuellement l'écran 34 pouces LG 34WN650-W à 309,99 € alors qu'on le trouve à partir de 379,99 € ailleurs. Cet écran ultra large est au format 21/9, possède une dalle IPS et offre une résolution de 2560 x 1080 pixels. Avec lui, vous pourrez bénéficier d'une plus grande immersion dans les jeux et les films. Cet écran est compatible FreeSync.


> Voir l'offre
64,99 €SSD externe portable USB 3.1 Crucial X6 500 Go à 64,99 €
Valable jusqu'au 18 Mai

Amazon fait une promotion sur le SSD externe Crucial CT500X6SSD9 500 Go qui passe à 64,99 € livré gratuitement au lieu de 75,99 €. Ce SSD externe portable offre des vitesses jusqu'à 540 Mo/s. Il se branche sur un port USB C ou A (adapteur fourni). Il est compatible PC, Mac, PS4, Xbox One, Android.


> Voir l'offre
GratuitJeu PC Prey gratuit
Valable jusqu'au 21 Mai

Epic Game Store offre actuellement le jeu PC Prey développé par les français d'Arkane Studios. Dans Prey, vous vous réveillez au cours de l'année 2032, à bord de Talos I, une station spatiale en orbite autour de la Lune. Vous êtes le sujet clé d'une expérience censée altérer l'humanité à jamais, mais la situation s'est transformée en cauchemar. Audio en français. Pegi 16.


> Voir l'offre

Sujets relatifs
feuille de style
feuille de style avec dreamweaver CS6
Début d'une feuille de style
Problème feuille de style .css
creer une feuille de style
feuille de style e css
Feuille de style CSS
Feuille de style CSS
Affichage, feuille de style et résolution
Feuille de style
Plus de sujets relatifs à Blog/feuille de style/css
 > Tous les forums > Forum Forum des Webmasters