Annonce

Important : WordPress 2.5.1 est disponible.
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.

Pages: 1

 

  • Index
  •  » Thèmes
  •  » Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

#1 06-01-2008 13:16:44

( Tchey )
Habitué WP
Lieu: Nantes
Date d'inscription: 16-07-2006
Messages: 50
Site web

Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

Bonjour les gens,

Ma configuration WP actuelle
- Version de WordPress : 2.3.2
- Thème utilisé : Aspire 10-FR
- Plugins en place : image manager, sticky
- Nom de l'hebergeur : ovh
- Adresse du site : http://carnetsvirtuels.org

Problème(s) rencontré(s) :

Le thème Aspire me plait beaucoup, mais je le trouvais trop étroit. Je l'ai donc bidouillé pour augmenter la largeur de la zone principale de 100px. J'ai réussi à déplacer les divers éléments graphiques et à redimensionner ce qui était nécessaire, mais il reste un bout que je n'arrive pas à décaller, qui se voit de suite sur le site.

J'ai touché à toutes les références au Header-bg.jpg mais je n'arrive à rien (enfin, si mais pas à ce que je veux).

Merci pour votre aide !
Voici le CSS actuel (modifié donc par rapport à l'original) :

Code:

  1. /* 
  2. Theme Name: Aspire - fr
  3. Theme URI: http://www.infocreek.com/webdesign/aspire.html
  4. Description: Aspire Designed by <a href="http://www.infocreek.com">InfoCreek </a>. Traduction française par <a href="http://wordpress-tuto.fr">WordPress tuto</a>.
  5. Version: 1.0
  6. Author: InfoCreek.com
  7. Author URI: http://www.infocreek.com/
  8.  
  9.   http://www.infocreek.com/webdesign/aspire.html
  10.          
  11.   The CSS, XHTML and design is released under the Creative Common Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/), which means you can use and modify it for any purpose. 
  12.  
  13. By downloading our themes, you agree that you:
  14.  
  15.        1)  Can not resell the theme
  16.        2)  You may use and modify the theme but the footer link back to InfoCreek.com should be retained.
  17.        3)  You may use the theme on personal or commercial projects as far as #2 above is met
  18.  
  19.  
  20. */
  21.  
  22. * {margin:0px; padding:0px;}
  23. body {background: #38690d url(images/body-bg.jpg) center top; text-align:center; font-size:12px; color:#240f02; font-family: Verdana, Arial, Helvetica, sans-serif;}
  24.  
  25. img {border: medium none;}
  26. blockquote {padding: 5px 20px; text-align: left; color:#602600}
  27. blockquote blockquote {padding: 2px 10px; text-align: left; color:#602600; font-style:italic;}
  28. a {text-decoration:none; color:#c97e00; border: 0px;}
  29. a:hover {text-decoration:underline; border: 0px;}
  30. a.u {text-decoration:underline; border: 0px;}
  31. a.u:hover {text-decoration:none; border: 0px;}
  32. a.n, a.n:hover {text-decoration:none; border: 0px;}
  33. a:focus, a:active {outline: none;}
  34.  
  35. p {padding:7px 0;  line-height: 17px;}
  36. .border {border:1px solid red;}
  37. h1, h2, h3, h4 { font-family: "Trebuchet MS";}
  38. hr {border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height: 1px;}
  39.  
  40. input {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
  41. textarea {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
  42. select {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
  43.  
  44. .left-bg {position:absolute; left:0px; top:0px; width:50%; height:517px; margin-left:-495px; background: url(images/top-left-bg-repeat.jpg) right top repeat-x;}
  45. .script {position:absolute; right:0px; top:104px; width:100%; height:413px; background: url(images/left-bg.jpg) right top no-repeat;}
  46. .right-bg {position:absolute; right:0px; top:0px; width:50%; height:223px; background: url(images/top-right-bg-repeat.jpg) 40px 0px repeat-x;}
  47. #head {position:relative; width:990px; height:250px; margin:0 auto; text-align:left; background: url(images/top-right-bg-repeat.jpg) 90px 0px repeat-x;}
  48. .crack {position:absolute; left:0px; top:0px; width:990px; height:51px; background: url(images/crack.jpg) 727px 0px no-repeat;}
  49. .header {width:727px; height:250px; background: url(images/header-bg.jpg) no-repeat;}
  50.   .logo {position:absolute; left:0px; top:120px; width:727px;}
  51.   .logo h1 {font: bold 26px/120% Georgia; color:#602600; padding:0 0 10px 20px; margin-right:16px;}
  52.   .logo h1 a, .logo h1 a:hover {color:#602600; text-decoration:none;}
  53.   .logo a b {}
  54.   .shadow-right {position:absolute; left:727px; top:115px; width:102px; height:380px; background: url(images/right-bg.jpg) no-repeat;}
  55.   #menu {position:absolute; left:100px; top:80px;}
  56.   #menu ul {list-style:none;}
  57.   #menu ul li {display:block; float:left; padding:0 17px;}
  58.   * html #menu ul li {display:inline;}
  59.   #menu ul li a {color:#97712c;}
  60.   .searchbox {position:absolute; left:640px; top:100px; width:176px; font-size:11px; color:#97712c;}
  61.   #searchform .label {display:block; padding:0px 0px 2px 5px;}
  62.     .search {width:135px; height:20px; background: url(images/search-input.gif) left top no-repeat; float:left;}
  63.   #searchform input {border:none; background:transparent url(images/go-button.gif) left top no-repeat; font-weight: bold; color:#ceb978; width:30px; height:20px; float:right;}
  64.   #searchform .search #s {border:none; background:transparent; color:#ceb978; width:125px; height:auto !important; margin:3px 0 0 4px; float:left;}
  65.  
  66. #content {position:relative; width:1090px; margin:0 auto; text-align:left;}
  67. #main {position:relative; float:left; width:727px;}
  68.   .content {position:relative; width:727px; background: url(images/content-bg.jpg);}
  69.   .cont-r {position:relative; background: url(images/border.gif) right top repeat-y;}
  70.   .cont-l {position:relative; background: url(images/border.gif) left top repeat-y;}
  71.   .cont-bot {position:relative; background: url(images/content-bottom-bg.jpg) left bottom no-repeat; top:0px; bottom:0px; min-height:380px;}
  72.   .grad-hack {position:relative; background: url(images/header-bg.jpg) 0px -170px no-repeat; width:727px; overflow:hidden; margin-top:-80px; padding-bottom:20px}
  73.   .begin {background: url(images/begin.gif) 10px 0px no-repeat; position:absolute; top:0px; left:0px; width:100%; height:40px; z-index:10;}
  74.  
  75.   .content h1 {font: 20px "Trebuchet MS"; color:#602600; letter-spacing:-1px; padding-top:10px;}
  76.   .content h2 {font:bold 18px "Trebuchet MS"; color:#602600; padding:10px 0px 2px 20px;}
  77.   .content h3 {font:bold 16px "Trebuchet MS"; color:#602600; padding:10px 0px 2px 20px;}
  78.   .content h4 {font:bold 14px "Trebuchet MS"; color:#602600; padding:7px 0px 2px 15px;}
  79.   .content h5 {font:bold 12px "Trebuchet MS"; color:#602600; padding:5px 0px 2px 10px;}
  80.   .content h6 {font:bold 10px Verdana; color:#602600; padding:5px 0px 2px 0px;}
  81.   .content h3.pagetitle {position:absolute; top:0px; right:30px; padding:0px; font-size:12px;}
  82.   .post {padding:24px 10px 10px 10px; background: url(images/post-devider.jpg) no-repeat;}
  83.   .post1 {padding:0px 10px 10px 10px;position:relative; z-index:100;}
  84.   * html .post {position:relative;}
  85.   * html .post1 {position:relative; height:350px;}
  86.   .content .title {padding:0px;}
  87.   .content .date {font:normal 24px/47px Georgia; margin-right:10px; color:#ffffff; float:left; width:59px; height:56px; overflow:hidden; text-align:center; background: url(images/date-bg.gif) no-repeat;}
  88.   .content .date .month {font: 14px/16px Arial; color:#4c2604; margin:-10px 0px 0 0; text-transform:lowercase;}
  89.   .content h1 a, .content h1 a:hover {color:#602600; text-decoration:none;}
  90.   .content p.author {color:#240f02; padding:0px 0px 0px 0px; font-size:11px;}
  91.   .entry {position:relative; padding:0 0 10px 0; clear:both;}
  92.   .entry img {border:1px solid #99ba09; margin:0px 5px 5px 5px; max-width:603px}
  93.   .postmetadata {padding:5px 75px 0px 20px; text-align:right; background: url(images/num-comm-right.jpg) 100% 5px no-repeat; margin-right:15px; clear:both;}
  94.   * html .postmetadata {display:inline-block;}
  95.   *:first-child+html .postmetadata {display:inline-block;}
  96.   .postmetadata .comm-num-left {padding:5px 0px 7px 75px; float:right; background: url(images/num-comm-left.jpg) no-repeat;}
  97.  
  98.   .content h2.center {padding:25px 0; text-align:center;}
  99.   .wp-pagenavi {position:absolute; left:10px; bottom:-22px; z-index:300; font-size:11px;}
  100.   .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active  {float:left; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
  101.   .wp-pagenavi a:hover {background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat !important; font-size:11px; color:#ca9417 !important; text-decoration:none; border:none !important;}
  102.   .wp-pagenavi span.pages {float:left; font-size:11px; padding: 0px 4px 0px 4px !important; line-height:16px; margin: 0px 3px 0px 0px !important; color: #ca9417 !important; border: none !important; background:#602600 !important;}
  103.   .wp-pagenavi span.current {float:left; font-size:11px; background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#ca9417 !important; margin:0 3px 0 0 !important; border:none !important;}
  104.   .wp-pagenavi span.extend {float:left; font-size:11px; background:none !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
  105.   .wp-pagenavi2 {position:absolute; left:10px; bottom:-22px; z-index:300; font-size:11px;}
  106.   .wp-pagenavi2 a, .wp-pagenavi2 a:link, .wp-pagenavi2 a:active  {float:left; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; line-height:16px; padding:0 4px; color:#602600; margin:0 3px 0 0; border:none;}
  107.   .wp-pagenavi2 a:hover {background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat; color:#ca9417; text-decoration:none;}
  108.  
  109. #main ul {position:relative; list-style:none; padding:5px 20px;}
  110. #main ul li {display:block; padding:2px 0px 2px 12px;  background: url(images/marker.gif) 0px 7px no-repeat;}
  111. #main ol {padding: 5px 40px; list-style: decimal}
  112. #main ol li {padding:2px 0px 2px 0px;}
  113.  
  114.  
  115. #comments {}
  116. #comments a {}
  117. #comments h4 {padding-left:20px;}
  118. .nocomments {padding: 0 20px 30px 20px;}
  119. .message-bottom {position:relative; background: url(images/message-bottom.gif) left bottom repeat-x;}
  120. .message-top {position:relative; background: url(images/message-top.gif) 0 5px repeat-x;}
  121. .message-right {position:relative; background: url(images/message-right.gif) 100% 0px repeat-y;}
  122. .message-left {position:relative; background: url(images/message-left.gif) 0 0 repeat-y;}
  123. .mes-br {position:relative; background: url(images/message-br.jpg) right bottom no-repeat;}
  124. .mes-bl {position:relative; background: url(images/message-bl.jpg) left bottom no-repeat;}
  125. .mes-tr {position:relative; background: url(images/message-tr.jpg) right top no-repeat;}
  126. .mes-tl {position:relative; background: url(images/message-tl.jpg) left top no-repeat; width:100%;}
  127.   .message-by {padding:15px 0 5px 0; font:16px/18px "Trebushet MS"; color:#602600; text-align:center;}
  128.   .message-count {text-align:center;}
  129.   .message-count span {display:inline-block; border:1px solid #8a5f3b; font:12px/14px Georgia; position:relative; padding:0 5px;}
  130.   .message-count span b.count-l {position:absolute; left:-74px; top:1px; height:14px; width:72px; line-height:0px; font-size:0px; background: url(images/message-number-right.gif) left top no-repeat;}
  131.   .message-count span b.count-r {position:absolute; right:-76px; top:1px; height:14px; width:74px; line-height:0px; font-size:0px; background: url(images/message-number-left.gif) right top no-repeat;}
  132.   .message-entry {position:relative; padding:10px 20px 20px 20px;}
  133.     .message-time {font-size:11px; line-height:20px; color:#efe7c6; height:20px; width:250px; background: #b27110 url(images/message-time-right.gif) right top no-repeat; margin:10px 20px 0 10px;}
  134.     .message-time span {display:block; height:20px; padding:0 25px; background: url(images/message-time-left.gif) left top no-repeat;}
  135.  
  136.  
  137. #response {position:relative;}
  138. #response h4 {padding:20px 0px 5px 20px;}
  139. #response div.form {width:100%; position:relative; border:1px solid #a4813c;}
  140. * html #response div.form {width:100%;}
  141. #response div.form #commentform {padding:10px;}
  142.  
  143.   .inputs {position:relative; width:49%; float:left;}
  144.     .input {position:relative;}
  145.     .input b {color:#c97e00;}
  146.     .inputs input {position:relative; background:#ede5c3; border:1px solid #a4813c; width:99%; padding:2px; margin-bottom:5px;}
  147.   .message {position:relative; width:49%; float:right; text-align:center;}
  148.   .message .input {margin-bottom:0px; text-align:center;}
  149.   .message textarea {background:#ede5c3; border:1px solid #a4813c; width:99%; height:92px; padding:1px;}
  150.   .submit {text-align:right; margin-top:10px;}
  151.   * html .submit {margin-top:0px;}
  152.   *:first-child+html .submit {margin-top:0px;}
  153.  
  154.  
  155.  
  156. #sidebars {position:relative; width:350px; float:right; margin-top:-66px;}
  157. #sidebars #searchform #s {border:1px solid #212121; background:#689330; background-image:none; color:#ffffff; width:100%; height:auto !important; margin:0px 0 0 0px;}
  158. #sidebar-left {width:170px; float:left; overflow:hidden;}
  159. #sidebar-right {width:170px; float:right; overflow:hidden;}
  160.  
  161. .sb-bot {background:url(images/sidebar-bottom.jpg) center bottom repeat-x; margin-top:15px;}
  162. .sb-top {background:url(images/sidebar-top.jpg) center top repeat-x;}
  163. .sb-right {background:url(images/sb-border.gif) right top repeat-y;}
  164. .sb-left {background:url(images/sb-border.gif) left top repeat-y;}
  165. .sb-rb {background:url(images/sidebar-rb.jpg) right bottom no-repeat;}
  166. .sb-lb {background:url(images/sidebar-lb.jpg) left bottom no-repeat;}
  167. .sb-rt {background:url(images/sidebar-rt.jpg) right top no-repeat; width:100%}
  168. .sb-lt {position:relative; background:url(images/sidebar-lt.jpg) left top no-repeat; padding:10px 10px 15px 10px; width:147px; overflow:hidden;}
  169.  
  170. #sidebars h2 {position:relative; font:bold 16px "Trebuchet MS"; color:#602600; margin:0 -6px; text-align:center; background:url(images/sidebar-title-line.jpg) center bottom no-repeat; padding:3px 0 18px 0;}
  171. #sidebars a {color:#602600;}
  172. #sidebars ul {display:inline-block; position:relative; padding:3px 0 0px 0; list-style:none; background:none}
  173. #sidebars ul li {display:block; position:relative; font-size: 12px; color:#240f02; padding:0px 0px}
  174. * html #sidebars ul li {display:inline-block;}
  175. *:first-child+html #sidebars ul li {display:inline-block;}
  176. #sidebars ul li a {color:#602600; padding:2px 0px 2px 15px; display:block; background: url(images/sb-marker.gif) 3px 7px no-repeat;}
  177. #sidebars ul li.current-cat a {color:#240f02; background:#c18c35 url(images/sb-marker-hover.gif) 3px 7px no-repeat;}
  178. #sidebars ul li a:hover {color:#240f02; background:#c18c35 url(images/sb-marker-hover.gif) 3px 7px no-repeat; text-decoration:none;}
  179. #sidebars ul li p a {color:#602600; display:inline; background: none; padding:0px;}
  180. #sidebars ul li p a:hover {color:#602600; display:inline; background:#c18c35 none; padding:0px;}
  181. #sidebars ul li ul {padding:0px 0 0px 0px; list-style:none;}
  182. #sidebars ul li ul li a {padding:2px 0px 2px 25px; background: url(images/sb-marker.gif) 13px 7px no-repeat;}
  183. #sidebars ul li ul li a:hover {background:#c18c35 url(images/sb-marker-hover.gif) 13px 7px no-repeat;}
  184.  
  185. #wp-calendar {width:100%; font-size:11px; font-family:Georgia; text-align:center;}
  186. #wp-calendar td {font-size:11px; text-align:center;}
  187. #wp-calendar td a {display:block; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; color:#602600;}
  188. #wp-calendar td a:hover {display:block; background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat; color:#ca9417; text-decoration:none;}
  189. #recentcomments li a {background:none !important; padding:0 0 0 0;}
  190. .textwidget iframe {position:relative; margin:0 -5px 10px -5px;}
  191.  
  192. .logo-bottom {position:absolute; right:30px; bottom:15px; z-index:1000;}
  193.  
  194.  
  195. a:hover abbr {border:none;}
  196.  
  197.  
  198. #footer {width:990px; margin:0 auto; text-align:left;}
  199. #footer a {color:#602600;}
  200. .copy {position:relative; padding:25px 0px 15px 0px; font-size:11px; z-index:100; width:590px; text-align:right;}
  201. .valid {position:absolute; right:-200px; top:22px; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; line-height:22px; padding:0 7px;}
  202.  
  203. .ping-track {position:relative; border:1px solid #a4813c; padding:10px;}
  204.  
  205.  
  206. .up {text-transform:uppercase;}
  207. .center {text-align:center;}
  208. .l, .left {float:left;}
  209. .r, .right {float:right;}
  210. .textleft {text-align:left !important;}
  211. .clear {clear:both;}
  212.  
  213. #wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
  214. #wp-admin-bar ul {margin:0; padding:0}
  215. #wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

Hors ligne

 

#2 06-01-2008 16:37:55

( Tchey )
Habitué WP
Lieu: Nantes
Date d'inscription: 16-07-2006
Messages: 50
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

Ce n'était pas le header-bg.jpg qui posait problème, mais tout le #head boulet

Reste une dernière chose à régler : je n'arrive pas à mettre le nombre d'articles en face des catégories, il s'affiche toujours en dessous et c'est moche.

Voilà ce que j'ai :

Code:

  1. <div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left">
  2. <div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
  3. h2>Catégories</h2>
  4. <ul>
  5. [b]<?php wp_list_categories('orderby=ID&show_count=1&title_li=0&hierarchical=1&order=ASC'); ?>  [/b]      </ul>
  6. </div></div></div></div>
  7. </div></div></div></div>

Note : j'ai essayé d'élargir la colonne Sidebar en pensant qu'elle était peut-être trop courte mais ce n'est pas ça.

Dernière modification par ( Tchey ) (06-01-2008 16:50:22)

Hors ligne

 

#3 07-01-2008 00:45:55

fantôme
Expert WP
Lieu: Montréal
Date d'inscription: 24-09-2006
Messages: 246
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

La première étape serait d'éliminer toutes les erreurs de codage HTML identifiées par le validateur W3C.
Cela m'est déjà arrivé d'avoir des problèmes de mise en page, pas liés au CSS, mais à des erreurs html.

PS : j'aime beaucoup l'ambiance visuelle de ton site !

Dernière modification par fantôme (07-01-2008 00:47:53)

Hors ligne

 

#4 07-01-2008 09:20:15

( Tchey )
Habitué WP
Lieu: Nantes
Date d'inscription: 16-07-2006
Messages: 50
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

En supprimant les <ul> et </ul>, les catégories mères sans filles affichent le nombre d'articles correctement, mais pas les autres. Les catégories mères avec filles font le retour à la ligne, et les catégories filles également. Zarb' comme truc.

Code:

  1. <div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left">
  2. <div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
  3. <h2>Catégories</h2>
  4.  
  5. <?php wp_list_categories('orderby=ID&show_count=1&title_li=0&hierarchical=1&order=ASC'); ?>
  6.  
  7. </div></div></div></div>
  8. </div></div></div></div>

Dernière modification par ( Tchey ) (07-01-2008 09:20:26)

Hors ligne

 

#5 07-01-2008 23:42:59

Damino
Modo Furtif !
Lieu: Paris
Date d'inscription: 19-09-2005
Messages: 1551
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

J'ai comme l'impression qu'il te faudrait jetter un oeil du côté de

Code:

  1. #sidebars ul li a et plus particulièrement la propriété display

...

Des totems, des masques, ...
http://damiengayrard.free.Fr/divers/MacOSX.gif
http://informatiquefrance.free.fr/sms/sms_13.jpg    http://damiengayrard.free.fr/divers/sms.gif

Hors ligne

 

#6 08-01-2008 14:43:41

( Tchey )
Habitué WP
Lieu: Nantes
Date d'inscription: 16-07-2006
Messages: 50
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

J'ai beaucoup de mal à déchiffrer cette partie du CSS. Je comprends vaguement, mais pas les incidences précises. Voilà ce que j'ai :

Code:

  1. #sidebars h2 {position:relative; font:bold 16px "Trebuchet MS"; color:#602600; margin:0 -6px; text-align:center; background:url(images/sidebar-title-line.jpg) center bottom no-repeat; padding:3px 0 18px 0;}
  2. #sidebars a {color:#602600;}
  3. #sidebars ul {display:inline-block; position:relative; padding:3px 0 0px 0; list-style:none; background:none}
  4. #sidebars ul li {display:block; position:relative; font-size: 12px; color:#240f02; padding:0px 0px}
  5. * html #sidebars ul li {display:inline-block;}
  6. *:first-child+html #sidebars ul li {display:inline-block;}
  7. #sidebars ul li a {color:#602600; padding:2px 0px 2px 15px; display:block; background: url(images/sb-marker.gif) 3px 7px no-repeat;}
  8. #sidebars ul li.current-cat a {color:#240f02; background:#c18c35 url(images/sb-marker-hover.gif) 3px 7px no-repeat;}
  9. #sidebars ul li a:hover {color:#240f02; background:#c18c35 url(images/sb-marker-hover.gif) 3px 7px no-repeat; text-decoration:none;}
  10. #sidebars ul li p a {color:#602600; display:inline; background: none; padding:0px;}
  11. #sidebars ul li p a:hover {color:#602600; display:inline; background:#c18c35 none; padding:0px;}
  12. #sidebars ul li ul {padding:0px 0 0px 0px; list-style:none;}
  13. #sidebars ul li ul li a {padding:2px 0px 2px 25px; background: url(images/sb-marker.gif) 13px 7px no-repeat;}
  14. #sidebars ul li ul li a:hover {background:#c18c35 url(images/sb-marker-hover.gif) 13px 7px no-repeat;}

Hors ligne

 

#7 09-01-2008 19:39:19

Damino
Modo Furtif !
Lieu: Paris
Date d'inscription: 19-09-2005
Messages: 1551
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

Essaye de remplacer block par inline dans la propriété citée au-dessus.

Des totems, des masques, ...
http://damiengayrard.free.Fr/divers/MacOSX.gif
http://informatiquefrance.free.fr/sms/sms_13.jpg    http://damiengayrard.free.fr/divers/sms.gif

Hors ligne

 

#8 11-04-2008 09:17:37

corona
Connaisseur WP
Lieu: 71
Date d'inscription: 11-04-2008
Messages: 10
Site web

Re: Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

Bonjour,

J'aime beaucoup le thème Aspire.

Petite question: qu'as-tu utilisé pour installer la navigation par page ? Je la trouve vraiment très réussie.

Merci.

Hors ligne

 

 

Pages: 1

  • Index
  •  » Thèmes
  •  » Modif' d'un thème, je bute sur un dernier élément du CSS, merci :)

Pied de page des forums

Propulsé par PunBB 1.2.17
© Copyright 2005-2006 WordPress France

Tous droits réservés - wordpress-fr.net © 2005-2006

  • RSS
WPfr ValidatorXhtml ValidatorCSS mysql Php GetFirefox
Design par AmO - Crédits - Equipe WordPress France

Réseau International : Hongrie - Allemagne - Grèce - Italie - Japon - Corée - Suisse - Turquie - USA