Exemple page 2 articles: ************************ BODY TITLE_BANNER MENUTOPLEFT MENUBOTTOMLEFT CALENDRIER LINKCATEGORYGROUP CATEGORYGROUP recherche -------------------------------------------------------------- DATE_HEAD (date article) HEADER (encradrement titre article) CONTENT BLOSXOMSTORY (article 1) FOOTER -------------------------------------------------------------- DATE_HEAD (date article) HEADER (encradrement titre article) CONTENT BLOSXOMSTORY (article 2) FOOTER (date du jour) -------------------------------------------------------------- HEADER (encadrement avec archives) ABOUT FOOTER ( hr) FOOT_BANNER /BODY Couleurs: *********
.:SUITE:.
f2f2f9 3366cc A0A0A0 f100ff AAAAAA 444444 EEEEEE purple red blue FFFFFF #FFF : blanc (bg.body,bg.blosxomCommentForm,bg.about,bg.about_title,bg.footer) #purple: violet (txt.body.p) #red : rouge (brd.body, brd.title_banner, brd.foot_banner, brd.footer, link.hover(about,linkcategorygroup,linkmenutop,linkmenutop), txt.blosxomCalendar.a(link,visited,hover) txt.title_banner.h1, txt.body.h5) #blue : bleu (txt.blosxomCommentForm) #f2f2f9: gris-violet-clair (bg.blosxomComments, bg.header, bg.header_title, bg.body.h3, bg.menutopleft, bg.menubottomleft) #3366cc: +/-bleu (txt.header,brdr.header, txt.header_date, txt.footer, txt.body.h1, txt.body.h3, brdr.menutopleft, brdr.menubottomleft, txt.categorygroup, txt.linkcategorygroup(link,visited) [hover=red], txt.linkmenutop,txt.linkmenutop(link,visited) [hover=red], txt.linkmenuyellow,txt.linkmenuyellow(link,visited) [hover=red]) #A0A0A0: gris +/-foncé (txt.about_title,,txt.about(link,visited) [hover=red], #1f00ff: bleu brillant (txt.header_title, txt.menutopleft.h1, txt.menubottomleft.h1) #AAA : gris plus foncé que A0A0A0 (txt.about) #444 : gris foncé moyen (txt.body, txt.body.table, txt.body.td) #EEE : gris clair (brdr.about) body { text-indent: 0em; text-align: left; line-height: 1.4em; letter-spacing:0.05em; color: #444; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-right: 60px; margin-left: 265px; border-left: 1px solid red; padding: 0px; background-color: #FFF; position: relative; top: 0px;} p { color:purple; } h1 { color: #3366cc; } h2 { margin-left:5%; color:#3366cc; } h3 { color: #3366cc; background-color: #f2f2f9; text-indent:50px; } h5 { margin-left:5%; color:red; } /* date haut de page */ table {border-style: dashed; border-width: 1px; border-color:#444; border-collapse: collapse;} td {border-style: dashed; border-width: 1px; border-color:#444; padding:1em; } div#title_banner { padding:0px; background-color:white; width=100%; margin-left:-265px; margin-right:-60px; border-bottom:1px solid red; } div#title_banner h1 { color:red; margin-left:5%; } div#title_banner table { border-width:0px; padding:0px; } div#title_banner table tr { border-width:0px; padding:0px; } div#title_banner table td { border-width:0px; padding:0px; } div#foot_banner { padding:0px; background-color:white; width=100%; margin-left:0px; margin-right:-60px; border-bottom:1px solid red; } div#about { width: 90%; border-style: solid; color: #AAA; margin-left: 5%; font-size: 0.8em; line-height: 1.8em; border-color: #EEE; border-style: solid; border-width: 0px; background-color: #FFF; } div#about ul {list-style-position:inside; margin:5px; padding:0; list-style-type:none;} div#about a:link { color: #3366cc; text-decoration: none; } div#about a:visited { color: #3366cc; text-decoration: none; } div#about a:hover { color: red; text-decoration: none; background-position: 1% 50%; background-image: url(/~denis/blog/images/arrow_menu-yellow.png); background-repeat: no-repeat; padding-left: 20px } div#menutopleft { width: 240px; border-style: solid; border-width: 1px; border-color: #3366cc; text-indent: 0em; text-align: left; font-size: 1.1em; color: navy; background-color: #f2f2f9; background-image: url(/~denis/blog/images/navigation.png); background-repeat: no-repeat; background-position: 120px 40px; top: 100px; /*19*/ height: 12em; padding-left: 10px; position: fixed; left: 10px } div#menutopleft h1 { text-align:left; text-indent: 0em; line-height: 1; font-size: 1.1em; color: #1f00ff; font-weight:bold; } div#menubottomleft { width: 240px; border-style: solid; border-width: 1px; border-color: #3366cc; text-indent: 0em; text-align: left; font-size: 0.9em; color: black; background-color: #f2f2f9; top: 25em; height: 250px; padding-left: 10px; position: fixed; overflow: auto; left: 10px } div#menubottomleft h1{ text-align:left; text-indent: 0em; line-height: 1; font-size: 1.1em; color: #1f00ff; font-weight:bold; } .content { width: 76%; border-style: dashed; border-color: black; border-width: 0px; background-color: white; font-size: 1em; text-align:justify; padding-left:7%; padding-right:7%; margin-right: auto; margin-left: auto; } .footer { width: 90%; padding-left: 5%; border-style: dashed; border-color: red; border-width: 0px; font-size: 0.9em; color: #3366cc; background-color: #FFF; } .blosxomComments { margin-left: 10%; margin-right: 10%; font-size: 0.9em; background-color: #f2f2f9; } .blosxomCommentForm { color:blue; background-color:#FFF;} .header { width: 90%; border-style: solid; color: #3366cc; margin-left: 5%; font-size: 1em; border-color: #3366cc; border-style: solid; border-width: 1px; background-color: #f2f2f9; } .header h1 { color: #1f00ff; font-size: 1em; font-weight: bold; text-indent:1em; background-color: #f2f2f9; } .header_date { color:black; font-size:0.6em; font-weight:normal; } .index {border-width: 0px; padding:0; padding: 0 2em;} .index tr {border-width: 0px; padding:0; padding: 0 2em;} .index td {border-width: 0px; padding:0; padding: 0 2em;} .categorygroup { font-size: 1.2em; margin-left:10px; line-height: 1.5em; color: #3366cc; } .linkcategorygroup a:link { color: #3366cc; text-decoration: none;} .linkcategorygroup a:visited { color: #3366cc; text-decoration: none;} .linkcategorygroup a:hover { color: red;; text-decoration: none; background-color:yellow; } /* background-position: 1% 50%; background-image: url(/~denis/blog/images/arrow_menu-blue.png); background-repeat: no-repeat; padding-left: 20px } */ .linkmenutop { color: #3366cc; text-decoration: none; } .linkmenutop a:link { color: #3366cc; text-decoration: none; } .linkmenutop a:visited { color: #3366cc; text-decoration: none; } .linkmenutop a:hover { color: red; ; text-decoration: none; background-position: 1% 50%; background-image: url(/~denis/blog/images/arrow_menu-red.png); background-repeat: no-repeat; padding-left: 20px } .linkmenuyellow { color: #3366cc; text-decoration: none; } .linkmenuyellow a:link { color: #3366cc; text-decoration: none; } .linkmenuyellow a:visited { color: #3366cc; text-decoration: none; } .linkmenuyellow a:hover { color: red; text-decoration: none; background-position: 1% 50%; background-image: url(/~denis/blog/images/arrow_menu-yellow.png); background-repeat: no-repeat; padding-left: 20px } .ulmenu { padding: 0; margin: 0; list-style-type: none; } .blosxomCalendar {font-size:1.1em; margin-left:30px; border-width:0px; border-collapse: separate; letter-spacing:0em;} .blosxomCalendar td {font-size:1.1em; padding:0px; border-width:0px;} .blosxomCalendar p {font-size:1.1em; padding:100px; border-width:0px;} .blosxomCalendar a:link { color: red; } .blosxomCalendar a:visited { color: red; } .blosxomCalendar a:hover { color: red; font-weight: bold; font-size:1.2em; } div#tagcloud { text-decoration:none; color: #3366cc; text-align: right;margin-right:5px;} div#tagcloud a:link { text-decoration:none; color: #3366cc; } div#tagcloud a:visited { text-decoration:none; color: #3366cc; } div#tagcloud a:hover { text-decoration:none; color: red; } .smallestTag { font-size: 10px; } .smallTag { font-size: 11px; } .mediumTag { font-size: 12px; } .bigTag { font-size: 13px; } .biggestTag { font-size: 14px; } .hugeTag { font-size: 15px; } .hugestTag { font-size: 16px; } .mostHugeTag { font-size: 17px; }
permanent link | /WebLog | Commentaires (0) | Tags: Maintenance,WebLog
