Annonce

Important : WordPress 2.6.1 est disponible en français. À lire avant la migration !
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.

Pages: 1 2

 

#1 18-07-2008 08:35:14

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

[Résolu] probleme de header

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 2.5
- Thème utilisé : freshy
- Plugins en place : AUCUN
- Nom de l'hebergeur : 000webhost
- Adresse du site : http://bloggeek.net46.net

Problème(s) rencontré(s) : enfait il faut aller voir mon site pour m'aider : http://bloggeek.net46.net

voila le probleme, si vous voyer bien, dans le header, au dessus de la barre de navigation horizontale, il y a une image tres colorée. Cette image, je voudrais de la meme couleur que la bande grise au dessus . pour cela j'ai aller dans photoshop et cette image je l'ai repeinte en gris.

mintenant je ne sais pas ou la mettre dans la feuille de style !!

la voila :

Code:

  1. /* 
  2. Theme Name: Freshy
  3. Theme URI: http://www.jide.fr
  4. Description: The jide WordPress theme : <a href="http://www.jide.fr">Jide</a>.
  5. Version: 1.0
  6. Author: Julien De Luca
  7. Author URI: http://www.jide.fr
  8. */
  9.  
  10. /*
  11. The CSS, XHTML and design is released under GPL:
  12. http://www.opensource.org/licenses/gpl-license.php
  13. */
  14.  
  15. @import "layout.css";
  16. @import "pp_album.css";
  17.  
  18.  
  19. body, html {
  20.   margin:0;
  21.   padding:0;
  22.   /*font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
  23.   font-size : 90%;
  24.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  25. }
  26.  
  27. body {
  28.   margin:0;
  29.   padding:0;
  30.   background:#7F7F7F;
  31. }
  32.  
  33. *::-moz-selection {
  34.   background-color:#FF3C00;
  35.   color:white;
  36. }
  37.  
  38. /*-----------GENERAL STYLING--------------*/
  39.  
  40. a {
  41.   color:#515151;
  42.   text-decoration:none;
  43. }
  44.  
  45. #content a {
  46.   border-bottom:1px dotted silver;
  47. }
  48.  
  49. #content a:hover {
  50.   border-bottom:1px dotted #FF3C00;
  51. }
  52.  
  53. /*------HEADER------*/
  54.  
  55. #title_image {
  56.   margin:0;
  57.   text-align:left;
  58.   display:block;
  59.   height:95px;
  60.   background:url(images/headers/head_2.jpg) center center transparent repeat-y;
  61. }
  62.  
  63. #title {
  64.   background:url(images/head_1.jpg) top #7F7F7F no-repeat;
  65.   height:76px;
  66.   margin:0;
  67.   padding:25px 25px 0 25px;
  68.   clear:both;
  69.   text-align:left;
  70. }
  71.  
  72. html>body #title {
  73.   height:51px;
  74. }
  75.  
  76. #title h1 {
  77.   padding:0;
  78.   margin:0;
  79.   font-weight:normal;
  80.   line-height:.7em;
  81.   font-size:2.1em;
  82.   letter-spacing:-.1em;
  83.   font-family:helvetica;
  84. }
  85.  
  86. #title h1 a {
  87.   color:white;
  88.   display:block;
  89. }
  90.  
  91. .description {<
  92.   color:#c9e45a;
  93. }
  94.  
  95. #content h2 {
  96.   color:#515151;
  97.   padding:0;
  98.   margin:0;
  99.   border:none;
  100.   clear:both;
  101. }
  102.  
  103. #content h2 a {
  104.   text-decoration:none;
  105.   border:none;
  106. }
  107.  
  108. #content h2 a:hover {
  109.   border-bottom:1px dotted silver;
  110. }
  111.  
  112. hr {
  113.   display:none;
  114.   clear:both;
  115. }
  116.  
  117. h3, h4 {
  118.   color:#515151;
  119.   padding:0;
  120.   margin:2em 0 0 0;
  121.   clear:both;
  122. }
  123.  
  124. input,
  125. textarea,
  126. select {
  127.   padding:4px;
  128.   border:1px solid #515151;
  129.   font-size:.9em;
  130.   line-height:1em;
  131.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  132. }
  133.  
  134. input,
  135. label {
  136.   height:auto !important;
  137.   height:2em;
  138.   width:auto;
  139.   padding:4px;
  140. }
  141.  
  142. label {
  143.   font-size:.9em;
  144. }
  145.  
  146.  
  147. #searchform input#s {
  148.   width:130px !important;
  149.   padding:4px;
  150.   border:1px solid #515151;
  151.   font-size:.9em;
  152.   line-height:1em;
  153.   text-transform:none;
  154.   color:black;
  155.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  156.   background:white;
  157. }
  158.  
  159. #sidebar input.btn,
  160. #searchform input {
  161.   width:65px !important;
  162.   width:75px;
  163. }
  164.  
  165. #searchform {
  166.   margin-top:10px !important;
  167. }
  168.  
  169. #searchform br {
  170.   display:none;
  171. }
  172.  
  173. input.btn,
  174. #searchform input,
  175. input#submit {
  176.   background:#111111;
  177.   color:#FFFFFF;
  178.   padding:4px;
  179.   border:1px outset #000000;
  180.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  181.   text-transform:uppercase;
  182. }
  183.  
  184. input[class=btn],
  185. input[type=submit]
  186. input[id=submit] {
  187.   padding:3px;
  188. }
  189.  
  190. textarea {
  191.   overflow:auto;
  192.   display:block;
  193.   width:100%;
  194. }
  195.  
  196. ul,
  197. ol {
  198.   list-style-type:none;
  199.   list-style-position:outside;
  200.   padding:0;
  201.   margin:.2em 0 .2em 0;
  202. }
  203.  
  204. ul li,
  205. ol li {
  206.   background:transparent url(images/puce.png) 2px .4em no-repeat;
  207.   padding-left:15px;
  208. }
  209.  
  210. ul ul li,
  211. ol ol li {
  212.   background:transparent url(images/bullet.gif) 0px .5em no-repeat;
  213.   padding-left:8px;
  214. }
  215.  
  216. #content ol li {
  217.   list-style-type:decimal;
  218.   list-style-position:inside;
  219.   background:transparent;
  220.   padding-left:0;
  221. }
  222. #content ol li li {
  223.   padding-left:2em;
  224. }
  225.  
  226. a img {
  227.   border: 0 none;
  228. }
  229.  
  230. form {
  231.   padding:0;
  232.   margin:0;
  233. }
  234.  
  235. pre,
  236. code {
  237.    display:block;
  238.    font: 1em 'Courier New', Courier, Fixed, monospace;
  239.    font-size : 100%;
  240.    color: #000;
  241.    background : #fff url(images/preback.jpg) no-repeat left top;
  242.    overflow : auto;
  243.    text-align:left;
  244.    border : 1px solid #99cc66; /*highlight color */
  245.    padding : 0px 20px 0 30px;
  246.    margin:1em 0 1em 0;
  247.    line-height:17px;
  248. }
  249.  
  250. .alt {
  251.   background-color:#F5F5F5 !important;
  252. }
  253.  
  254. .icon {
  255.   vertical-align:middle;
  256.   border:0;
  257. }
  258. .with_icon {
  259.   padding:2px 0 2px 0
  260. }
  261.  
  262. .navigation {
  263.   clear:both;
  264.   padding:0;
  265.   display:block;
  266. }
  267.  
  268. .alignleft {
  269.   display:block;
  270. }
  271.  
  272. .alignright {
  273.   display:block;
  274. }
  275.  
  276.  
  277. /*-------SIDEBAR---------*/
  278.  
  279. #sidebar {
  280.   font-size:.9em;
  281. }
  282.  
  283. #sidebar ul,
  284. #sidebar ol {
  285.   padding:0;
  286. }
  287.  
  288. #sidebar form,
  289. #sidebar p {
  290.   padding:0;
  291.   margin:0 0 1em 0;
  292. }
  293.  
  294. #sidebar h2 {
  295.   background:#6a6765 url(images/stripe_gray-large.gif);
  296.   padding: 8px;
  297.   margin:10px 0 10px 0;
  298.   font-size: 1em;
  299.   font-weight:normal;
  300.   text-transform:uppercase;
  301.   color:darkgray;
  302. /*  border-bottom:3px solid darkgray;*/
  303. }
  304.  
  305. html>body .ellipsis li {
  306.   clear:both;
  307. }
  308.  
  309. html>body .ellipsis li:after {
  310.   content: "...";
  311.   display:inline;
  312. }
  313.  
  314. html>body .ellipsis li span {
  315.   white-space:nowrap;
  316.   overflow:hidden;
  317.   max-width:180px;
  318.   width:auto !important;
  319.   display:inline;
  320.   float:left;
  321. }
  322.  
  323. ol.ellipsis li span {
  324.   white-space:nowrap;
  325.   text-overflow:ellipsis;
  326.   overflow:hidden;
  327.   width:190px;
  328.   display:block;
  329. }
  330.  
  331. #sidebar a{
  332.   text-decoration: none;
  333. }
  334.  
  335. #sidebar a:hover,
  336. #sidebar .current_page_item li a:hover,
  337. #sidebar .current-cat li a:hover {
  338.   color:#FF3C00;
  339. }
  340.  
  341. #sidebar .current_page_item a,
  342. #sidebar .current-cat a {
  343.   font-weight:bold;
  344.   color:#FF3C00;
  345. }
  346.  
  347. #sidebar .current_page_item li a,
  348. #sidebar .current-cat li a {
  349.   font-weight:normal;
  350.   color:#515151;
  351. }
  352.  
  353. #sidebar li img {
  354.   vertical-align:middle;
  355.   border:0;
  356. }
  357.  
  358. #sidebar input.btn {
  359.   margin-left:4px;
  360. }
  361.  
  362. /*
  363. menu
  364. */
  365.  
  366. .menu {
  367.   list-style-type:none;
  368.   background:url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
  369.   margin:0;
  370.   padding:0;
  371.   height:80px;
  372.   width:780px;
  373.   border-top:1px solid #FFFFFF;
  374.   overflow:hidden;
  375. }
  376.  
  377. .menu li {
  378.   background:none;
  379.   padding:0;
  380.   display:table-row;
  381.   vertical-align:middle;
  382.   float:left;
  383.   height:80px;
  384.  
  385. }
  386.  
  387. .menu li.last_menu,
  388. .menu li.right_menu {
  389.   float:right;
  390. }
  391.  
  392.  
  393. .menu li a {
  394.   font-size:.8em;
  395.   text-transform:uppercase;
  396.   line-height:normal !important;
  397.   line-height:80px;
  398.   display:table-cell;
  399.   vertical-align:middle;
  400.   height:80px;
  401.   padding:0 10px 0 10px;
  402.   background:url(images/menu/menu_triple.gif) top left transparent repeat-x;
  403. }
  404.  
  405. .menu li a:hover,
  406. .menu li a:active {
  407.   background-position:center left;
  408.   color:#FFFFFF;
  409. }
  410.  
  411. .menu li.current_page_item a {
  412.   background-position:bottom left !important;
  413.   color:#1F3700 !important;
  414. }
  415.  
  416. .menu li a.first_menu {
  417.   padding-left:35px;
  418.   background-repeat:no-repeat;
  419.   background-image:url(images/menu/menu_start_triple.gif);
  420. }
  421.  
  422. .menu li a.last_menu,
  423. .menu li a.last_menu_off {
  424.   padding-right:35px;
  425.   background-repeat:no-repeat;
  426.   background-image:url(images/menu/menu_end_triple.gif);
  427.   background-position:top right;
  428. }
  429.  
  430. .menu li a.last_menu:hover,
  431. .menu li a.last_menu:active {
  432.   background-position:center right;
  433. }
  434.  
  435. .menu li.current_page_item a.last_menu {
  436.   background-position:bottom right !important;
  437. }
  438.  
  439. .menu li a {
  440.   color:white;
  441.   text-decoration:none;
  442. }
  443.  
  444. .menu li.lang_menu {
  445.   float:right;
  446. }
  447.  
  448. .menu li.lang_menu a span {
  449.   width:19px;
  450.   height:80px;
  451.   overflow:hidden;
  452.   text-indent:100px;
  453.   display:block;
  454. }
  455.  
  456.  
  457. .menu li.lang_menu a {
  458.   display:block;
  459.   width:19px;
  460.   cursor:pointer;
  461. }
  462.  
  463.  
  464. /*---------LANGS----------*/
  465.  
  466. .menu li#fr_FR a span {
  467.   background:url(images/lang_fr.gif) left transparent no-repeat;
  468. }
  469.  
  470. .menu li#en_US a span {
  471.   background:url(images/lang_en.gif) left transparent no-repeat;
  472. }
  473.  
  474. .menu li#fr_FR.current_page_item a span,
  475. .menu li#fr_FR  a:active span {
  476.   background-image:url(images/lang_fr.gif);
  477. }
  478.  
  479. .menu li#en_US.current_page_item a span,
  480. .menu li#en_US  a:active span {
  481.   background-image:url(images/lang_en.gif);
  482. }
  483.  
  484. /*--------FOOTER---------*/
  485.  
  486. #footer .footer_content { 
  487.   width:760px !important;
  488.   width:780px;
  489.   display:block;
  490.   margin-right:auto;
  491.   margin-left:auto !important; /* stupid ie... */
  492.   margin-left:1px;
  493.   margin-top:0px;
  494.   padding:10px 10px 10px 10px;
  495.   border-top:1px dotted silver;
  496.   text-align:center;
  497. }
  498.  
  499. /*--------POST--------*/
  500.  
  501. .post {
  502.   font-size:.9em;
  503.   border-top:20px solid #F5F5F5;
  504.   margin-bottom:10px;
  505.   padding:1em 0 1em 0;
  506. }
  507.  
  508. .post h2,
  509. .post h3,
  510. .post h4,
  511. .post h5 {
  512.   font-size:2em;
  513. }
  514.  
  515. .post hr {
  516.   display:block;
  517. }
  518.  
  519. .highlight_box {
  520.   font-size:.9em;
  521.   border:2px solid #F5F5F5;
  522.   padding:1em;
  523.   margin-bottom:20px;
  524. }
  525.  
  526. .highlight_box .post {
  527.   font-size:1em;
  528.   border:0px none;
  529.   margin-bottom:0px;
  530.   padding:0 0 0 0;
  531. }
  532.  
  533. .highlight_box .post p {
  534.   margin:0;
  535. }
  536.  
  537. .highlight_box .post .date {
  538.   display:none;
  539. }
  540.  
  541. .highlight_box h2,
  542. .highlight_box h3,
  543. .highlight_box h4,
  544. .highlight_box h5 {
  545.   font-size:2em;
  546.   border-bottom:10px solid #F5F5F5;
  547. }
  548.  
  549. .highlight_box .post h2,
  550. .highlight_box .post h3,
  551. .highlight_box .post h4,
  552. .highlight_box .post h5 {
  553.   font-size:1.5em;
  554. }
  555.  
  556. .readmore {
  557.   display:block;
  558.   text-align:left;
  559.   font-weight:bold;
  560.   clear:both;
  561.   margin:1em 0 1em 0;
  562.   color:#FF3C00;
  563. }
  564.  
  565. .date { /* date & author */
  566.   color : silver;
  567.   float:right;
  568.   line-height:2.3em;
  569.   margin:1.5em 0 5px 10px;
  570.   padding-left:5px;
  571.   border-left:1px solid silver;
  572.   font-size:.8em;
  573.   text-align:center;
  574.   position:relative;
  575.   right:0;
  576. }
  577.  
  578. .date_day {
  579.   display:block;
  580.   font-size:3em;
  581.   text-align:right;
  582. }
  583.  
  584. .date_month {
  585.   display:block;
  586.   font-size:3em;
  587.   text-align:right;
  588.   font-weight:bold;
  589. }
  590.  
  591. .date_year {
  592.   display:block;
  593.   font-size:1.4em;
  594.   line-height:.9em;
  595. }
  596.  
  597. .postmetadata {
  598.   margin:0;
  599.   color:#515151;
  600.   list-style-type:none;
  601. }
  602.  
  603. #content .postmetadata a {
  604.   color : #FF3C00;
  605.   border:none;
  606.   text-decoration:none;
  607. }
  608.  
  609. #content .postmetadata a:hover {
  610.   border-bottom:1px dotted silver;
  611. }
  612.  
  613. .gravatar {
  614.   float:left;
  615.   margin:0 5px 0 0;
  616.   border:1px solid lightgray;
  617.   vertical-align:middle;
  618. }
  619.  
  620. #content .commentlist dt{
  621.   /*  clear:both;*/
  622.   position:absolute;
  623. }
  624.  
  625. html > body #content .commentlist dt{
  626.   position:static;
  627. }
  628.  
  629. #content .commentlist dd {
  630.   margin:0;
  631.   padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
  632.   font-size:1em;
  633.   line-height:1.5em;
  634.   color:silver;
  635.   margin:0 0 1em 0;
  636. }
  637.  
  638. html > body #content .commentlist dd {
  639.   padding:10px;
  640. }
  641.  
  642. #content .commentlist .comment {
  643.   color:#000000;
  644. }
  645.  
  646. #content .commentlist .date {
  647.   margin-right:5px;
  648.   font-size:.5em;
  649. }
  650.  
  651. #content .commentlist .comment_text {
  652.   margin-top:5px;
  653.   display:block;
  654. }
  655.  
  656. html > body #content .commentlist dd.author_comment {
  657.   background:url(images/transp-80.png) #c9e45a !important;
  658.   width:auto;
  659. }
  660.  
  661. #content .commentlist dd.author_comment {
  662.   background-color:#c9e45a !important;
  663.   filter:alpha(opacity=20);
  664.   width:510px;
  665. }
  666.  
  667. #content .commentlist .author_comment .author,
  668. #content .commentlist .author_comment .author a {
  669.   color:#c9e45a !important;
  670.   border-color:#c9e45a !important;
  671. }
  672.  
  673.  
  674. #content .commentlist dd.author_comment * { /* ie */
  675.   filter:alpha(opacity=100);
  676.   position:relative;
  677. }
  678.  
  679. #content .commentlist dt.author_comment .date {
  680.   color:#a5ba52 !important;
  681.   border-color:#a5ba52 !important;
  682. }
  683.  
  684. #content textarea#comment {
  685.   font-size:1em;
  686.   line-height:1.3em;
  687. }
  688.  
  689. #commentform small {
  690.   color:#515151;
  691. }
  692.  
  693. .commentmetadata {
  694.  
  695. }
  696.  
  697. .entry {
  698.   margin:0;
  699.   text-align:justify;
  700. }
  701.  
  702. .entry p {
  703.   margin:1em 0 1em 0;
  704. }

voila donc si vous pouvez m'éclairer sur mon probleme, sa seré simpa !!

a bientot.

comment créer un theme de A à Z ? : -->  fran6art
tutoriaux photoshop : wks

www.blog-actu.net76.net

Hors ligne

 

#2 18-07-2008 08:46:49

zebluesman
Passionné WP
Lieu: Lille
Date d'inscription: 27-01-2008
Messages: 107
Site web

Re: [Résolu] probleme de header

#title {
    background:url(images/head_1.jpg) top #7F7F7F no-repeat;
    height:76px;
    margin:0;
    padding:25px 25px 0 25px;
    clear:both;
    text-align:left;

tu as l'adresse tu vas donc dans le répertoire "images" et tu transfert le fichier "head_1.jpg"
tu as le complément de ta réponse sur le 2 ieme post identique en requête que tu as faite wink

Les sites en WordPress :
http://www.onverra.fr/wp-content/images/signonverra.jpg http://www.zebluesman.fr/wp-content/images/signzeblues.jpg

Hors ligne

 

#3 18-07-2008 08:55:04

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

Re: [Résolu] probleme de header

merci mais c'est ce que j'ai fait mais sa ne marche toujours pas !!!

j'ai ré installer le theme 2 fois sa marche jamais

je fait exactement sa que vous dites

d'ou vien le probleme ???

comment créer un theme de A à Z ? : -->  fran6art
tutoriaux photoshop : wks

www.blog-actu.net76.net

Hors ligne

 

#4 18-07-2008 09:29:01

Lumière de Lune
Not a plastic girl
Lieu: Allemagne - Maroc
Date d'inscription: 15-08-2007
Messages: 1608
Site web

Re: [Résolu] probleme de header

Parce que tu n'as pas chargé dans le dossier
http://bloggeek.net46.net/wp-content/th … _1/images/ le fichier image_1.jpg

Voyage au Maroc
Busby SEO Challenge
... tout ça sous WordPress, bien sûr !
Avez-vous lu les Dix commandements du débuggueur de blog ?

Hors ligne

 

#5 18-07-2008 09:36:38

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

Re: [Résolu] probleme de header

si g tou chargé correctement

comment créer un theme de A à Z ? : -->  fran6art
tutoriaux photoshop : wks

www.blog-actu.net76.net

Hors ligne

 

#6 18-07-2008 09:50:11

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

Re: [Résolu] probleme de header

toutes les manipulations que j'ai faites son bonne je viens verifier je ne sais pas pourquoi sa ne marche pas......

sa devrais normalement ....

qqn pourrait pas essayer de me le faire ??

svp sa m'aideré bocoup^^



merci et a bientot

comment créer un theme de A à Z ? : -->  fran6art
tutoriaux photoshop : wks

www.blog-actu.net76.net

Hors ligne

 

#7 18-07-2008 11:10:40

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

Re: [Résolu] probleme de header

voila mô je vous donne ce que vous m'avez demander en MP :

Code:

  1. /*  Theme Name: Shopaholic-Fashionista Girl
  2.     Theme URI: http://www.taintedsong.com
  3.     Description: Shopaholic-Fashionista Girl is a widget-ready 2-column theme with 404.php and archive.php. Theme designed by <a href="http://www.taintedsong.com">Joni</a> <a href="http://www.joniang.com">Ang</a>.
  4.     Version: 1.0
  5.     Author: Joni Ang
  6.     Author URI: http://www.joniang.com
  7. */
  8.  
  9.  
  10. /* basic elements */
  11.  
  12. body {
  13.   margin: 0;
  14.   padding: 0;
  15.   background: #FFFFFF;
  16.   font-family: Tahoma, Arial, sans-serif;
  17.   font-size: 13px;
  18.   color: #212121;
  19.   text-align: center;
  20. }
  21. html>body {
  22.   font-size: small;
  23. }
  24. p, ol, ul {
  25.   margin: 1.2em 0;
  26.   padding: 0;
  27.   font-size: 1em;
  28.   line-height: 1.5em;
  29. }
  30. ol, ul {
  31.   margin: 1.2em 0 1.2em 2em;
  32. }
  33. h1, h2, h3, h4, h5, h6 {
  34.   margin: 1.2em 0 0 0;
  35.   padding: 0;
  36.   color: #E44E31;
  37.   font-family: 'Century Gothic', Tahoma, Arial;
  38. }
  39. h1 {
  40.   font-size: 16px;
  41.   font-weight: bold;
  42. }
  43.  
  44. h2, h3 {
  45.   font-size: 16px;
  46. }
  47. h3 {
  48.   font-size: 14px;
  49. }
  50. h4, h5, h6 {
  51.   font-size: 13px;
  52. }
  53. a, a:visited, a:active {
  54.   color: #b93529;
  55.   border-bottom:1px dashed #ffac8f;
  56.   text-decoration:none;
  57. }
  58. a:hover {
  59.   color: #E44E31;
  60.   text-decoration: none;
  61.   border:none;
  62. }
  63. blockquote {
  64.   margin: 10px 30px 10px 30px;
  65.   padding: 0 10px 0 10px;
  66.   background: url(images/quote.gif) no-repeat 0 0.26em;
  67.   border-left: 2px solid #CCCCCC;
  68.   color:#cc3300;
  69. }
  70. code {
  71.   font-family: monospace;
  72. }
  73. small {
  74.   font-size: 0.92em;
  75. }
  76. input, textarea, select { 
  77.   border: 1px solid #868686;
  78.   background: #FFFFFF;
  79.   color: #212121;
  80.   font: 12px Tahoma, Arial, sans-serif;
  81. }
  82. .submit {
  83.   border: 1px solid #868686;
  84.   background: #fce248;
  85.   color: #FFF;
  86. }
  87. form {
  88.   border: 0;
  89.   margin: 0;
  90.   padding: 0;
  91. }
  92. a img {
  93.   border: 0;
  94. }
  95. img {
  96.   border: 0;
  97. }
  98. /* Main */
  99. #page { width: 989px; margin-left: auto; margin-right: auto;}
  100.  
  101. #frame { background:url(images/pagebg.jpg) repeat-y; float:left; width: 989px;}
  102.  
  103. /* Header */
  104.  
  105. #header01 {
  106.   width: 989px;
  107.   height: 183px;
  108.   overflow: hidden;
  109.   background: url(images/header-image012.jpg) no-repeat;
  110. }
  111.  
  112. #header02 {
  113.   width: 989px;
  114.   height:146px;
  115.   overflow: hidden;
  116.  
  117.  
  118. }
  119. #header03 {
  120.   width: 989px;
  121.   height: 53px;
  122.   overflow: hidden;
  123.  
  124. }
  125. .header-title {
  126.   font-size:45px;
  127.   font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  128.   border-bottom:none;
  129.   border:0;
  130.   text-decoration:none;
  131.   padding-top:30px;
  132.   margin:0;
  133. }
  134. .header-desc {
  135.   font-size:18px;
  136.   color:#000000;
  137. }
  138.  
  139. .header_menu {
  140.   text-align: left;
  141.   padding-left: 45px;
  142.   padding-top:4px;
  143.   line-height:27px;
  144.   font-weight:bold;
  145. }
  146.  
  147. .header_menu a, .header_menu a:visited, .header_menu a:active {
  148.   text-decoration:none;
  149.   color:#bc1f02;
  150.   border-bottom:none;
  151. }
  152. .header_menu a:hover {
  153.   text-decoration:none;
  154.   color:#e89c15;
  155.   position:relative;
  156.   top:1px;
  157.   left:1px;
  158. }
  159.  
  160.  
  161.  
  162. /* Content */
  163. #content {
  164.   float: left;
  165.   padding: 0 0 0 40px;
  166.   width: 590px;
  167.   overflow:hidden;
  168.   text-align:justify;
  169.   margin: 20px 0 20px 0;
  170.   font-family: Arial, Helvetica, sans-serif;
  171.   font-size:12px;
  172. }
  173. #content ul li {
  174.   list-style-image: url(images/star.gif);
  175.   margin:0 0 0 25px;
  176.   padding:0 0 3px 5px;
  177. }
  178. #content ol li{
  179.   margin:0 0 0 25px;
  180.   padding:0 0 3px 5px;
  181. }
  182.  
  183. * html #content {
  184.   overflow: hidden;
  185. }
  186.  
  187. /* Sidebar */
  188. #sidebar {
  189.   float: left;
  190.   overflow: hidden;
  191.   width: 290px;
  192.   margin: 0 30px 0 39px;
  193.   text-align:left;
  194. }
  195. #sidebar ul li {
  196.   list-style:none;
  197. }
  198. #sidebar ul li ul li{
  199.   list-style-image: url(images/star.gif);
  200.   margin:0 0 0 3px;
  201.   padding:0 0 3px 5px;
  202. }
  203.  
  204.  
  205. /* Footer */
  206. #footer {
  207.   clear: both;
  208.   background: url(images/footerimage.jpg) no-repeat;
  209.   width: 989px;
  210.   height:226px;
  211.   text-align:left;
  212. }
  213. #footer ul li {
  214.   list-style-image: url(images/star.gif);
  215.   margin:0 0 0 3px;
  216.   padding:0 0 3px 5px;
  217. }
  218.  
  219.  
  220. #footer-meta {
  221.   float: right;
  222.   width: 100%;
  223.   text-align:center;;
  224.   font-size:11px;
  225.   padding-top:50px;
  226.   letter-spacing:2px;
  227. }
  228. #footer-meta li {
  229.   list-style:none;
  230.   float: left;
  231.   display: block;
  232. }
  233.  
  234. /* Post */
  235. .post {
  236.   width:100%;
  237. }
  238.  
  239. .post_title, .post_title a {
  240.   font-size:20px;
  241.   color:#b93529;
  242.   border-bottom:none;
  243.   font-weight:bold;
  244. }
  245. .post_datetime {
  246.   padding: 2px 0 0 20px;
  247.   background: url(images/date.gif) no-repeat;
  248.   font-size: 11px;
  249.   font-weight: bold;
  250. }
  251.  
  252. .post_body {
  253.   padding: 20px 0 20px 0;
  254. }
  255. .post_category {
  256.   padding: 2px 0 0 20px;
  257.   background: url(images/folder_images.gif) no-repeat;
  258.   font-size: 11px;
  259.   font-weight: bold;
  260. }
  261. .post_comments {
  262.   padding: 2px 0 0 20px;
  263.   background: url(images/page_user.gif) no-repeat;
  264.   font-size: 11px;
  265.   font-weight: bold;
  266. }
  267. .post_data {
  268.   padding: 2px 0 40px 20px;
  269.   background: url(images/flag_orange.gif) no-repeat;
  270.   font-size: 11px;
  271.   font-weight: bold;
  272. }
  273.  
  274. /* search */
  275. #sb_search{
  276.   margin: 0 0 0 0;
  277.   padding: 0 0 0 15px;
  278. }
  279. #search_form{
  280.   background-image: url(images/searchbg.jpg);
  281.   background-position: top left;
  282.   background-repeat: no-repeat;
  283.   margin: 0;
  284.   padding-top: 18px;
  285.   width: 208px;
  286.   height: 88px;
  287. }
  288. .s_text{
  289.   border: 0;
  290.   font-family: Tahoma, Verdana, Arial, sans-serif;
  291.   margin: 0;
  292.   padding: 0;
  293.   font-size: 12px;
  294.   color: #b93529;
  295.   width: 130px;
  296. }
  297. .searchsubmit{
  298.   background-image: url(images/search_go.jpg);
  299.   background-position: top left;
  300.   background-repeat: no-repeat;
  301.   margin: 0;
  302.   padding: 0;
  303.   height: 13px;
  304.   width: 15px;
  305.   border: 0;
  306. }
  307. .txt{
  308.   margin: 26px 0 0 0;
  309.   padding: 0 0 0 20px;
  310.   float: left;
  311.   line-height: 14px;
  312. }
  313. .btn{
  314.   margin: 26px 0 0 0;
  315.   padding: 0;
  316.   float: left;
  317.   line-height: 14px
  318. }
  319.  
  320.  
  321. /* other styles */
  322. .divider { width: 100%;
  323.   text-align:center;
  324.   margin: 50px 0 50px 0;
  325. }
  326. .alignright
  327. {
  328.   float: right;
  329. }
  330. .alignleft
  331. {
  332.   float: left;
  333. }
  334.  
  335.  
  336. /* Comments Page */
  337. .commentlist {
  338.   clear: both;
  339.   margin-top: 30px;
  340.   padding-top: 0.8em;
  341.   list-style: none;
  342.   font-size:12px;
  343.   text-align:left;
  344. }
  345. .commentlist a {
  346.   border-bottom:none;
  347. }
  348. .commentmetadata {
  349.   float:right;
  350.   border-bottom:2px solid #b93529;
  351.   margin-right:10px;
  352. }
  353. .comment_author {
  354.   padding: 4px 0 0 20px;
  355.   background: url(images/page_user.gif) no-repeat;
  356.   background-position:bottom left;
  357.   font-size: 14px;
  358.   font-weight: bold;
  359. }
  360. .comment_text {
  361.   margin:0 30px 30px 30px
  362. }
  363.  
  364. /*Calendar*/
  365. #wp-calendar {empty-cells: show; color: #E44E31; padding: 5px; width: 90%;}
  366. #wp-calendar caption{
  367.  width: 95%;
  368.  color: #000000;
  369.  font-size: 14px;
  370.  letter-spacing: 4px;
  371.  padding: 5px;
  372.  list-style: none;
  373.  margin:0;
  374.  text-align:center;}
  375. #wp-calendar {padding:10px 0 10px 0;}
  376. #wp-calendar td{color: #000000; padding: 1px 0;text-align: center;}
  377. #wp-calendar td.pad:hover{color: #000000;text-decoration: none;border: none;}
  378. #wp-calendar #today{background: #E44E31; color: #000000; border-bottom: 1px solid #000000;}
  379. #wp-calendar th{font-style: normal;text-transform: capitalize; color:#000000; font-weight:bold; text-align:center;}

http://bloggeek.net46.net/wp-content/themes/freshy_1/images/head_2.jpg

http://bloggeek.net46.net/wp-content/th … head_2.jpg

voila je viens de te donner le fichier de style.css de mmon theme actuel

ainsi que l'image que je veux mettre a la place de l'image colorée

VOILA

merci

Dernière modification par pierre2503 (18-07-2008 11:12:59)

comment créer un theme de A à Z ? : -->  fran6art
tutoriaux photoshop : wks

www.blog-actu.net76.net

Hors ligne

 

#8 18-07-2008 11:33:20

Dric
Expert WP
Lieu: Bourges (18)
Date d'inscription: 09-04-2008
Messages: 449
Site web

Re: [Résolu] probleme de header

Remplace cette image : http://bloggeek.net46.net/wp-content/th … image6.jpg par celle que tu veux mettre, ça devrait suffire.

Mais je peux me tromper...
(Grâce à cette signature, je suis couvert de toutes les boulettes possibles)

Hors ligne

 

#9 18-07-2008 11:44:01

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

Re: [Résolu] probleme de header

enfait cette image que tu me montre je l'ais prise dans le dossier "freshy" qui est mon theme , je l'ais ouverte avec photoshop, je l'ais repeinte en gris puis je l'ais renommé "head_2"

aprés j'ai rentré "head_2" dans :

/*------HEADER------*/

#title_image {
    margin:0;
    text-align:left;
    display:block;
    height:95px;
    background:url(images/head_2.jpg) center center transparent repeat-y;
}

#title {
    background:url(images/headers/head_1.jpg) top #7F7F7F no-repeat;
    height:76px;
    margin:0;
    padding:25px 25px 0 25px;
    clear:both;
    text-align:left;
}


est voila aprés je vais voir mon site et rien n'a changer !!!


vous avez une reponse a ma question ?


merci d'avance.

comment créer un theme de A à Z ? : -->  fran6art
tutoriaux photoshop : wks

www.blog-actu.net76.net

Hors ligne

 

#10 18-07-2008 11:47:25

Maître Mô
Bavard WP
Lieu: Lille
Date d'inscription: 30-04-2008
Messages: 667
Site web

Re: [Résolu] probleme de header

(Ah, tu vois que ça va aussi bien en public !)
Bon, Pierre, je ne comprends pas trop ce que tu veux !
Je suis allé tout à l'heure sur ton blog, tu avais bien à l'affichage ta barre grise, uniquement...
Qui d'ailleurs revient à pas d'image du tout, finalement...
Enfin, bref, pour revenir sur les indications qui t'avaient été données par les pros ci-dessous, l'adresse de l'"image" que tu viens d'envoyer est :  http://bloggeek.net46.net/wp-content/th … _1/images/head_2.jpg, et pas head-1 (à mon avis, tu n'as pas modifé l'image d'origine, mais tu en as créé une seconde, probable que tu as "enregistré sous" au lieu d'enregistrer à la place).
C'est donc, exclusivement, cette adresse là que tu dois placer dans ta feuille de style.
Maintenant, c'est là que je risque de me tromper, d'autant que tu as changé de thème entre temps, ce qui fait que le code donné par Zebluesman n'est plus le bon...
Je crois (nous sommes à mes limites, c'est dire la nullité crasse du Bavard de servide...) que c'est dans Header, là :

Code:

  1. background: url(images/header-image/head_2.jpg)

, à la place de image012.
Allez, essaye pour voir et dis-nous...

Y a pas que le Code, y a aussi le code...
Ne vous fiez pas trop à mon nombre de messages, je ne suis pas bavard pour rien ! Mon véritable grade c'est "ignorant", option "demoinsenmoinsmaispartiderien"...
Sinon, attention : testis unus, testis nullus, et de minimis non curat praetor !

Hors ligne

 

#11 18-07-2008 11:54:44

pierre2503
Passionné WP
Lieu: caen
Date d'inscription: 15-07-2008
Messages: 156
Site web

Re: [Résolu] probleme de header

la je viens de remettre la theme que je veux qui est "freshy 1 "

voila la je vais te donner ma feuille de style actuel : (je ne change plus de theme mintenant)

Code:

  1. /* 
  2. Theme Name: Freshy
  3. Theme URI: http://www.jide.fr
  4. Description: The jide WordPress theme : <a href="http://www.jide.fr">Jide</a>.
  5. Version: 1.0
  6. Author: Julien De Luca
  7. Author URI: http://www.jide.fr
  8. */
  9.  
  10. /*
  11. The CSS, XHTML and design is released under GPL:
  12. http://www.opensource.org/licenses/gpl-license.php
  13. */
  14.  
  15. @import "layout.css";
  16. @import "pp_album.css";
  17.  
  18.  
  19. body, html {
  20.   margin:0;
  21.   padding:0;
  22.   /*font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
  23.   font-size : 90%;
  24.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  25. }
  26.  
  27. body {
  28.   margin:0;
  29.   padding:0;
  30.   background:#7F7F7F;
  31. }
  32.  
  33. *::-moz-selection {
  34.   background-color:#FF3C00;
  35.   color:white;
  36. }
  37.  
  38. /*-----------GENERAL STYLING--------------*/
  39.  
  40. a {
  41.   color:#515151;
  42.   text-decoration:none;
  43. }
  44.  
  45. #content a {
  46.   border-bottom:1px dotted silver;
  47. }
  48.  
  49. #content a:hover {
  50.   border-bottom:1px dotted #FF3C00;
  51. }
  52.  
  53. [b]/*------HEADER------*/
  54.  
  55. #title_image {
  56.   margin:0;
  57.   text-align:left;
  58.   display:block;
  59.   height:95px;
  60.   background:url(images/head_2.jpg) center center transparent repeat-y;
  61. }
  62.  
  63. #title {
  64.   background:url(images/headers/head_1.jpg) top #7F7F7F no-repeat;
  65.   height:76px;
  66.   margin:0;
  67.   padding:25px 25px 0 25px;
  68.   clear:both;
  69.   text-align:left;
  70. }
  71.  
  72. html>body #title {
  73.   height:51px;
  74. [/b]}
  75.  
  76. #title h1 {
  77.   padding:0;
  78.   margin:0;
  79.   font-weight:normal;
  80.   line-height:.7em;
  81.   font-size:2.1em;
  82.   letter-spacing:-.1em;
  83.   font-family:helvetica;
  84. }
  85.  
  86. #title h1 a {
  87.   color:white;
  88.   display:block;
  89. }
  90.  
  91. .description {<
  92.   color:#c9e45a;
  93. }
  94.  
  95. #content h2 {
  96.   color:#515151;
  97.   padding:0;
  98.   margin:0;
  99.   border:none;
  100.   clear:both;
  101. }
  102.  
  103. #content h2 a {
  104.   text-decoration:none;
  105.   border:none;
  106. }
  107.  
  108. #content h2 a:hover {
  109.   border-bottom:1px dotted silver;
  110. }
  111.  
  112. hr {
  113.   display:none;
  114.   clear:both;
  115. }
  116.  
  117. h3, h4 {
  118.   color:#515151;
  119.   padding:0;
  120.   margin:2em 0 0 0;
  121.   clear:both;
  122. }
  123.  
  124. input,
  125. textarea,
  126. select {
  127.   padding:4px;
  128.   border:1px solid #515151;
  129.   font-size:.9em;
  130.   line-height:1em;
  131.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  132. }
  133.  
  134. input,
  135. label {
  136.   height:auto !important;
  137.   height:2em;
  138.   width:auto;
  139.   padding:4px;
  140. }
  141.  
  142. label {
  143.   font-size:.9em;
  144. }
  145.  
  146.  
  147. #searchform input#s {
  148.   width:130px !important;
  149.   padding:4px;
  150.   border:1px solid #515151;
  151.   font-size:.9em;
  152.   line-height:1em;
  153.   text-transform:none;
  154.   color:black;
  155.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  156.   background:white;
  157. }
  158.  
  159. #sidebar input.btn,
  160. #searchform input {
  161.   width:65px !important;
  162.   width:75px;
  163. }
  164.  
  165. #searchform {
  166.   margin-top:10px !important;
  167. }
  168.  
  169. #searchform br {
  170.   display:none;
  171. }
  172.  
  173. input.btn,
  174. #searchform input,
  175. input#submit {
  176.   background:#111111;
  177.   color:#FFFFFF;
  178.   padding:4px;
  179.   border:1px outset #000000;
  180.   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  181.   text-transform:uppercase;
  182. }
  183.  
  184. input[class=btn],
  185. input[type=submit]
  186. input[id=submit] {
  187.   padding:3px;
  188. }
  189.  
  190. textarea {
  191.   overflow:auto;
  192.   display:block;
  193.   width:100%;
  194. }
  195.  
  196. ul,
  197. ol {
  198.   list-style-type:none;
  199.   list-style-position:outside;
  200.   padding:0;
  201.   margin:.2em 0 .2em 0;
  202. }
  203.  
  204. ul li,
  205. ol li {
  206.   background:transparent url(images/puce.png) 2px .4em no-repeat;
  207.   padding-left:15px;
  208. }
  209.  
  210. ul ul li,
  211. ol ol li {
  212.   background:transparent url(images/bullet.gif) 0px .5em no-repeat;
  213.   padding-left:8px;
  214. }
  215.  
  216. #content ol li {
  217.   list-style-type:decimal;
  218.   list-style-position:inside;
  219.   background:transparent;
  220.   padding-left:0;
  221. }
  222. #content ol li li {
  223.   padding-left:2em;
  224. }
  225.  
  226. a img {
  227.   border: 0 none;
  228. }
  229.  
  230. form {
  231.   padding:0;
  232.   margin:0;
  233. }
  234.  
  235. pre,
  236. code {
  237.    display:block;
  238.    font: 1em 'Courier New', Courier, Fixed, monospace;
  239.    font-size : 100%;
  240.    color: #000;
  241.    background : #fff url(images/preback.jpg) no-repeat left top;
  242.    overflow : auto;
  243.    text-align:left;
  244.    border : 1px solid #99cc66; /*highlight color */
  245.    padding : 0px 20px 0 30px;
  246.    margin:1em 0 1em 0;
  247.    line-height:17px;
  248. }
  249.  
  250. .alt {
  251.   background-color:#F5F5F5 !important;
  252. }
  253.  
  254. .icon {
  255.   vertical-align:middle;
  256.   border:0;
  257. }
  258. .with_icon {
  259.   padding:2px 0 2px 0
  260. }
  261.  
  262. .navigation {
  263.   clear:both;
  264.   padding:0;
  265.   display:block;
  266. }
  267.  
  268. .alignleft {
  269.   display:block;
  270. }
  271.  
  272. .alignright {
  273.   display:block;
  274. }
  275.  
  276.  
  277. /*-------SIDEBAR---------*/
  278.  
  279. #sidebar {
  280.   font-size:.9em;
  281. }
  282.  
  283. #sidebar ul,
  284. #sidebar ol {
  285.   padding:0;
  286. }
  287.  
  288. #sidebar form,
  289. #sidebar p {
  290.   padding:0;
  291.   margin:0 0 1em 0;
  292. }
  293.  
  294. #sidebar h2 {
  295.   background:#6a6765 url(images/stripe_gray-large.gif);
  296.   padding: 8px;
  297.   margin:10px 0 10px 0;
  298.   font-size: 1em;
  299.   font-weight:normal;
  300.   text-transform:uppercase;
  301.   color:darkgray;
  302. /*  border-bottom:3px solid darkgray;*/
  303. }
  304.  
  305. html>body .ellipsis li {
  306.   clear:both;
  307. }
  308.  
  309. html>body .ellipsis li:after {
  310.   content: "...";
  311.   display:inline;
  312. }
  313.  
  314. html>body .ellipsis li span {
  315.   white-space:nowrap;
  316.   overflow:hidden;
  317.   max-width:180px;
  318.   width:auto !important;
  319.   display:inline;
  320.   float:left;
  321. }
  322.  
  323. ol.ellipsis li span {
  324.   white-space:nowrap;
  325.   text-overflow:ellipsis;
  326.   overflow:hidden;
  327.   width:190px;
  328.   display:block;
  329. }
  330.  
  331. #sidebar a{
  332.   text-decoration: none;
  333. }
  334.  
  335. #sidebar a:hover,
  336. #sidebar .current_page_item li a:hover,
  337. #sidebar .current-cat li a:hover {
  338.   color:#FF3C00;
  339. }
  340.  
  341. #sidebar .current_page_item a,
  342. #sidebar .current-cat a {
  343.   font-weight:bold;
  344.   color:#FF3C00;
  345. }
  346.  
  347. #sidebar .current_page_item li a,
  348. #sidebar .current-cat li a {
  349.   font-weight:normal;
  350.   color:#515151;
  351. }
  352.  
  353. #sidebar li img {
  354.   vertical-align:middle;
  355.   border:0;
  356. }
  357.  
  358. #sidebar input.btn {
  359.   margin-left:4px;
  360. }
  361.  
  362. /*
  363. menu
  364. */
  365.  
  366. .menu {
  367.   list-style-type:none;
  368.   background:url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
  369.   margin:0;
  370.   padding:0;
  371.   height:80px;
  372.   width:780px;
  373.   border-top:1px solid #FFFFFF;
  374.   overflow:hidden;
  375. }
  376.  
  377. .menu li {
  378.   background:none;
  379.   padding:0;
  380.   display:table-row;
  381.   vertical-align:middle;
  382.   float:left;
  383.   height:80px;
  384.  
  385. }
  386.  
  387. .menu li.last_menu,
  388. .menu li.right_menu {
  389.   float:right;
  390. }
  391.  
  392.  
  393. .menu li a {
  394.   font-size:.8em;
  395.   text-transform:uppercase;
  396.   line-height:normal !important;
  397.   line-height:80px;
  398.   display:table-cell;
  399.   vertical-align:middle;
  400.   height:80px;
  401.   padding:0 10px 0 10px;
  402.   background:url(images/menu/menu_triple.gif) top left transparent repeat-x;
  403. }
  404.  
  405. .menu li a:hover,
  406. .menu li a:active {
  407.   background-position:center left;
  408.   color:#FFFFFF;
  409. }
  410.  
  411. .menu li.current_page_item a {
  412.   background-position:bottom left !important;
  413.   color:#1F3700 !important;
  414. }
  415.  
  416. .menu li a.first_menu {
  417.   padding-left:35px;
  418.   background-repeat:no-repeat;
  419.   background-image:url(images/menu/menu_start_triple.gif);
  420. }
  421.  
  422. .menu li a.last_menu,
  423. .menu li a.last_menu_off {
  424.   padding-right:35px;
  425.   background-repeat:no-repeat;
  426.   background-image:url(images/menu/menu_end_triple.gif);
  427.   background-position:top right;
  428. }
  429.  
  430. .menu li a.last_menu:hover,
  431. .menu li a.last_menu:active {
  432.   background-position:center right;
  433. }
  434.  
  435. .menu li.current_page_item a.last_menu {
  436.   background-position:bottom right !important;
  437. }
  438.  
  439. .menu li a {
  440.   color:white;
  441.   text-decoration:none;
  442. }
  443.  
  444. .menu li.lang_menu {
  445.   float:right;
  446. }
  447.  
  448. .menu li.lang_menu a span {
  449.   width:19px;
  450.   height:80px;
  451.   overflow:hidden;
  452.   text-indent:100px;
  453.   display:block;
  454. }
  455.  
  456.  
  457. .menu li.lang_menu a {
  458.   display:block;
  459.   width:19px;
  460.   cursor:pointer;
  461. }
  462.  
  463.  
  464. /*---------LANGS----------*/
  465.  
  466. .menu li#fr_FR a span {
  467.   background:url(images/lang_fr.gif) left transparent no-repeat;
  468. }
  469.  
  470. .menu li#en_US a span {
  471.   background:url(images/lang_en.gif) left transparent no-repeat;
  472. }
  473.  
  474. .menu li#fr_FR.current_page_item a span,
  475. .menu li#fr_FR  a:active span {
  476.   background-image:url(images/lang_fr.gif);
  477. }
  478.  
  479. .menu li#en_US.current_page_item a span,
  480. .menu li#en_US  a:active span {
  481.   background-image:url(images/lang_en.gif);
  482. }
  483.  
  484. /*--------FOOTER---------*/
  485.  
  486. #footer .footer_content { 
  487.   width:760px !important;
  488.   width:780px;
  489.   display:block;
  490.   margin-right:auto;
  491.   margin-left:auto !important; /* stupid ie... */
  492.   margin-left:1px;
  493.   margin-top:0px;
  494.   padding:10px 10px 10px 10px;
  495.   border-top:1px dotted silver;
  496.   text-align:center;
  497. }
  498.  
  499. /*--------POST--------*/
  500.  
  501. .post {
  502.   font-size:.9em;
  503.   border-top:20px solid #F5F5F5;
  504.   margin-bottom:10px;
  505.   padding:1em 0 1em 0;
  506. }
  507.  
  508. .post h2,
  509. .post h3,
  510. .post h4,
  511. .post h5 {
  512.   font-size:2em;
  513. }
  514.  
  515. .post hr {
  516.   display:block;
  517. }
  518.  
  519. .highlight_box {
  520.   font-size:.9em;
  521.   border:2px solid #F5F5F5;
  522.   padding:1em;
  523.   margin-bottom:20px;
  524. }
  525.  
  526. .highlight_box .post {
  527.   font-size:1em;
  528.   border:0px none;
  529.   margin-bottom:0px;
  530.   padding:0 0 0 0;
  531. }
  532.  
  533. .highlight_box .post p {
  534.   margin:0;
  535. }
  536.  
  537. .highlight_box .post .date {
  538.   display:none;
  539. }
  540.  
  541. .highlight_box h2,
  542. .highlight_box h3,
  543. .highlight_box h4,
  544. .highlight_box h5 {
  545.   font-size:2em;
  546.   border-bottom:10px solid #F5F5F5;
  547. }
  548.  
  549. .highlight_box .post h2,
  550. .highlight_box .post h3,
  551. .highlight_box .post h4,
  552. .highlight_box .post h5 {
  553.   font-size:1.5em;
  554. }
  555.  
  556. .readmore {
  557.   display:block;
  558.   text-align:left;
  559.   font-weight:bold;
  560.   clear:both;
  561.   margin:1em 0 1em 0;
  562.   color:#FF3C00;
  563. }
  564.  
  565. .date { /* date & author */
  566.   color : silver;
  567.   float:right;
  568.   line-height:2.3em;
  569.   margin:1.5em 0 5px 10px;
  570.   padding-left:5px;
  571.   border-left:1px solid silver;
  572.   font-size:.8em;
  573.   text-align:center;
  574.   position:relative;
  575.   right:0;
  576. }
  577.  
  578. .date_day {
  579.   display:block;
  580.   font-size:3em;
  581.   text-align:right;
  582. }
  583.  
  584. .date_month {
  585.   display:block;
  586.   font-size:3em;
  587.   text-align:right;
  588.   font-weight:bold;
  589. }
  590.  
  591. .date_year {
  592.   display:block;
  593.   font-size:1.4em;
  594.   line-height:.9em;
  595. }
  596.  
  597. .postmetadata {
  598.   margin:0;
  599.   color:#515151;
  600.   list-style-type:none;
  601. }
  602.  
  603. #content .postmetadata a {
  604.   color : #FF3C00;
  605.   border:none;
  606.   text-decoration:none;
  607. }
  608.  
  609. #content .postmetadata a:hover {
  610.   border-bottom:1px dotted silver;
  611. }
  612.  
  613. .gravatar {
  614.   float:left;
  615.   margin:0 5px 0 0;
  616.   border:1px solid lightgray;
  617.   vertical-align:middle;
  618. }
  619.  
  620. #content .commentlist dt{
  621.   /*  clear:both;*/
  622.   position:absolute;
  623. }
  624.  
  625. html > body #content .commentlist dt{
  626.   position:static;
  627. }
  628.  
  629. #content .commentlist dd {
  630.   margin:0;
  631.   padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
  632.   font-size:1em;
  633.   line-height:1.5em;
  634.   color:silver;
  635.   margin:0 0 1em 0;
  636. }
  637.  
  638. html > body #content .commentlist dd {
  639.   padding:10px;
  640. }
  641.  
  642. #content .commentlist .comment {
  643.   color:#000000;
  644. }
  645.  
  646. #content .commentlist .date {
  647.   margin-right:5px;
  648.   font-size:.5em;
  649. }
  650.  
  651. #content .commentlist .comment_text {
  652.   margin-top:5px;
  653.   display:block;
  654. }
  655.  
  656. html > body #content .commentlist dd.author_comment {
  657.   background:url(images/transp-80.png) #c9e45a !important;
  658.   width:auto;
  659. }
  660.  
  661. #content .commentlist dd.author_comment {
  662.   background-color:#c9e45a !important;
  663.   filter:alpha(opacity=20);
  664.   width:510px;
  665. }
  666.  
  667. #content .commentlist .author_comment .author,
  668. #content .commentlist .author_comment .author a {
  669.   color:#c9e45a !important;
  670.   border-color:#c9e45a !important;
  671. }
  672.  
  673.  
  674. #content .commentlist dd.author_comment * { /* ie */
  675.   filter:alpha(opacity=100);
  676.   position:relative;
  677. }
  678.  
  679. #content .commentlist dt.author_comment .date {
  680.   color:#a5ba52 !important;
  681.   border-color:#a5ba52 !important;
  682. }
  683.  
  684. #content textarea#comment {
  685.   font-size:1em;
  686.   line-height:1.3em;
  687. }
  688.  
  689. #commentform small {
  690.   color:#515151;
  691. }
  692.  
  693. .commentmetadata {
  694.  
  695. }
  696.  
  697. .entry {
  698.   margin:0;
  699.   text-align:justify;
  700. }
  701.  
  702. .entry p {
  703.   margin:1em 0 1em 0;
  704. }

dans le header que j'ai mis en gras , c'est quoi que je doit