Aide pour modifier un CSS

Aide pour modifier un CSS - HTML/CSS - Programmation

Marsh Posté le 25-10-2006 à 21:38:27    

Salut a tous,
 
 
 
Je dois modifier un fichier CSS, mais je n y arrive pas,
Je souhaiterais changer la couleur de fond et un degrade, mais je n y arrive  
pas.
Je sais que c'est une question bete pour certain, mais bon ce n'est pas mon truc
le CSS.
 
Je vous remercie pour votre aide.
 
Drac
 
PS: voila le site http://wineandsea.free.fr
 

Code :
  1. body {
  2. margin:0;
  3. padding:0;
  4. font-family: Georgia, Times, Times New Roman, sans-serif;
  5. font-size: 0.9em;
  6. text-align:center;
  7. color:#29303B;
  8. line-height:1.3em;
  9. background: #886;
  10. }
  11. a {
  12. color: #8a3207;
  13. text-decoration:none;
  14. }
  15. a:visited {
  16. color: #8a3207;
  17. }
  18. a:hover {
  19. color: #753206;
  20. text-decoration:underline;
  21. }
  22. input, textarea
  23. {
  24. border:#8a3207 1px solid;
  25. }
  26. #rap
  27. {
  28. background:#fff url('images/contentbg.jpg') center;
  29. width:700px;
  30. margin:0 auto;
  31. padding:8px;
  32. text-align:left;
  33. font-family: Trebuchet MS, Georgia, Arial, serif;
  34. font-size: 0.9em;
  35. }
  36. #header {
  37. background: url('images/greentopa.jpg') no-repeat bottom;
  38.  height: 175px;
  39. margin: 0 auto;
  40. width:700px;
  41. padding:0;
  42. }
  44. #content {
  45. width:470px;
  46. float:left;
  47. padding:5px 0 5px 10px;
  48. margin:10px 0 0 10px;
  49. overflow:hidden;
  50. }
  52. #sidebar {
  53. width:180px;
  54. float:right;
  55. padding:10px 8px;
  56. margin:0;
  57. font-size:1em;
  58. }
  59. a img {
  60. border: none;
  61. }
  62. acronym, abbr {
  63. border-bottom: 1px dotted #0c6bf0;
  64. }
  65. acronym, abbr, span.caps {
  66. cursor: help;
  67. letter-spacing: .07em;
  68. }
  69. code {
  70. font-size: 1em;
  71. font-style: italic;
  72. }
  73. blockquote{
  74. background: #EEE url(images/blockquote.png) no-repeat bottom left;
  75. /*border: 1px solid #E0E0E0;*/
  76. padding: 10px 10px 30px 10px;
  77. margin: 1em 1em 1em 3em;
  78. width:250px;
  79. }
  81. cite {
  82. font-size: 0.9em;
  83. font-style: normal;
  84. }
  85. h3 {
  86. margin: 0;
  87. padding: 0;
  88. font-size:1.3em;
  89. }
  90. p {
  91. margin: 0 0 1em;
  92. padding: 0;
  93. line-height: 1.5em;
  94. }
  95. h1, h2, h3, h4 {
  96. font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif;
  97. font-weight: normal;
  98. letter-spacing: 1px;
  99. }
  100. #header h1
  101. {
  102. margin: 0;
  103. font-size: 1.6em;
  104. color: #0f0f0f;
  105. padding:130px 0 0 30px;
  106. text-align:left;
  107. }
  108. .description
  109. {
  110. margin:0;
  111. padding:10px 100px 0 10px;
  112. font-size:1.1em;
  113. color:#777;
  114. display:none;
  115. }
  116. #sidebar h2 {
  117. margin: 0;
  118. padding:0 5px;
  119. font-size: 0.8em;
  120. color: #333;
  121. text-transform:uppercase;
  122. border-bottom:#ccc 1px solid;
  123. }
  124. h4 {
  125. margin-top: 0;
  126. margin-bottom: 0;
  127. font-size: 1.1em;
  128. color: #999;
  129. }
  130. #sidebar ul {
  131. list-style-type: none;
  132. padding: 0 0 1em 5px;
  133. margin: 0;
  134. font-size: 0.9em;
  135. }
  136. #sidebar ul li {
  137. margin: 0.5em 0 0 0;
  138. padding: 0;
  139. }
  140. #sidebar li a:link, #sidebar li a:visited {
  141. color: #8a3207;
  142. text-decoration: none;
  143. border:none;
  144. }
  145. #sidebar li a:hover {
  146. color: #753206;
  147. text-decoration:underline;
  148. border:none;
  149. }
  150. #header a:link, #header a:visited {
  151. color: #333;
  152. text-decoration: none;
  153. border-bottom: none;
  154. }
  155. #header a:hover, #header a:active {
  156. color: #996;
  157. text-decoration: none;
  158. border-bottom: none;
  159. }
  160. #content ul {
  161. margin-left: 0;
  162. padding-left: 15px;
  164. list-style-type: none;
  165. }
  166. #content ul li {
  167. background: url('images/bullet.png') no-repeat 0 7px;
  168. padding-left: 1.5em;
  169. }
  170. .post-footer, .copyright {
  171. margin-bottom: 3em;
  172. font-size: 0.9em;
  173. color: #666;
  174. }
  175. .post-content {
  176. padding: 1em 0 0;
  177. }
  178. .post-title {
  179. margin: 0 0 0.2em;
  180. text-align: right;
  181. padding: 0.5em 1em 0 0;
  182. color: #999;
  183. border-bottom:#ccc 1px solid;
  184. font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, Verdana, sans-serif;
  185. font-size: 0.8em;
  186. }
  187. .post-title em {
  188. text-decoration: none;
  189. float: left;
  190. font-style: normal;
  191. padding:0;
  192. }
  193. .post-info
  194. {
  195. margin:0;
  196. padding:0;
  197. font-size:1.1em;
  198. font-family:Georgia, Arial, Verdana, Serif;
  199. color: #8a3207;
  200. }
  201. #content h2, #content h3 {
  202. color: #666;
  203. font-family:Georgia, Arial, Serif;
  204. font-size:1.1em;
  205. margin:0;
  206. }
  207. .post-info a {
  208. text-decoration: none;
  209. color: #8a3207;
  210. border: none;
  211. }
  212. hr {
  213. display: none;
  214. }
  215. #footer {
  216. margin:0 auto;
  217. padding: 7px 0;
  218. border-top: 1px solid #996;
  219. clear: both;
  220. font-size: 0.8em;
  221. color: #999;
  222. text-align:center;width:690px;
  223. }
  224. #footer a {
  225. border:none;
  226. color:#7A7636;
  227. }
  228. #commentlist {
  229. font-size:1em;
  230. font-weight:bold;
  231. color: #ccc;
  232. }
  233. #commentlist li {
  234. color: #666;
  235. font-weight: normal;
  236. font-size:0.85em;
  237. }
  238. #commentlist cite {
  239. font-size: 0.8em;
  240. color: #808080;
  241. margin: 0 0 1em;
  242. padding: 0 0 0.5em;
  243. }
  244. cite a {
  245. border-bottom: 1px dotted #DC9204;
  246. text-decoration: none;
  247. }
  248. cite a:visited, a:hover {
  249. border-bottom: none;
  250. }
  251. #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
  252. background: #fafafa;
  253. border: 1px solid #9ac2a7;
  254. padding: 0.2em;
  255. }
  256. #commentform textarea {
  257. width: 80%;
  258. }
  259. #commentform p {
  260. margin: 0 0 1em;
  261. }
  262. #commentlist li ul {
  263. border-left: 1px solid #ddd;
  264. font-size: 110%;
  265. list-style-type: none;
  266. }
  267. #comments,#respond {
  268. text-transform: uppercase;
  269. margin: 3em 0 1em 0;
  270. color: #AA7D39;
  271. font: 0.9em verdana, helvetica, sans-serif;
  272. }
  273. #topnav
  274. {
  275. list-style:none;
  276. font-size:0.9em;
  277. margin:0 auto;
  278. padding:2px 0 2px 5px;
  279. text-align:right;
  280. text-transform:lowercase;
  281. }
  282. #topnav li
  283. {
  284. list-style:none;
  285. display:inline;
  286. padding:0 1em;
  287. margin:0;
  288. }
  290. #topnav li a:link, #topnav li a:visited, #topnav li a:hover, #topnav li a:active
  291. {
  292. text-decoration:none;
  293. color:#666;
  294. }
  295. #topnav li a:hover
  296. {
  297. border-bottom:#7A7636 3px solid;
  298. color:#7A7636;
  299. }
  300. #navHome
  301. {
  302. padding-left:15px;
  303. background:url('images/home.png') no-repeat left center;
  304. }
  305. #navAbout
  306. {
  307. padding-left:15px;
  308. background:url('images/about.png') no-repeat left center;
  309. }
  310. #navArchives
  311. {
  312. padding-left:15px;
  313. background:url('images/archives.png') no-repeat left center;
  314. }
  315. #navLinks
  316. {
  317. padding-left:15px;
  318. background:url('images/links.png') no-repeat left center;
  319. }
  320. #navContact
  321. {
  322. padding-left:15px;
  323. background:url('images/contact.png') no-repeat left center;
  324. }
  325. #home #navHome, #about #navAbout, #links #navLinks, #contact #navContact, #archives #navArchives
  326. {
  327. border-bottom:#7A7636 3px solid;
  328. color:#7A7636;
  329. }
  331. /* BEGIN E107 CORE CLASSES  
  332. copied from kubrick theme */
  334. .spacer {
  335. padding: 2px 0 2px 0;
  336. }
  339. .indent{
  340. border: 1px solid #06c;
  341. }
  344. .smalltext {
  345. font-size: 9px;
  346. }
  348. .mediumtext {
  349. font-size: 12px;
  350. }
  352. .tbox{
  353. border: #5e5d63 1px solid;
  354. color: #000000;
  355. font-size: 10px;
  356. }
  359. td {
  360.     background: none;
  361. font-size: 10px;
  362. font-style: normal;
  363. color:#5d6e75;
  364. padding: 0px;
  365. text-align:left;
  366. }
  368. .fborder {
  369. border: #ededed 1px solid;
  370. background-color: transparent;
  372. }
  373. .forumheader{
  374. background-color: #fafafa;
  375. font-size: 12px;
  376. color:#000;
  377. padding: 4px;
  378. border: 1px solid #ededed;
  379. }
  381. .forumheader2{
  382. background-color: transparent;
  383. font-size: 10px;
  384. color:#000;
  385. padding: 4px;
  386. border: #ededed 1px solid;
  387. }
  389. .forumheader3{
  390. background-color: transparent;
  391. font-size: 9px;
  392. color:#000;
  393. padding: 4px;
  394. border: #ededed 1px solid;
  396. }
  398. .forumborder{
  399. border:  #000080 1px solid;
  400. background-color: transparent;
  401. }
  403. .fcaption {
  404. border: #ededed 1px solid;
  405. padding: 4px;
  406. background-color: #886;
  407. font-size: 12px;
  408. color:#fff;
  409. font-weight:bold;
  411. }
  412. .fcaption a{
  413. color:#fff;
  414. }
  416. #chatbox {
  417.     margin-left: auto;
  418.     margin-right: auto;
  419. }
  421. .helpbox {
  422. color:#000;
  423. font: 10px tahoma, verdana, arial, helvetica, sans-serif;
  424. border: 0px none red;
  425. background-color: transparent;
  426. }


Message édité par Dracuula le 26-10-2006 à 07:46:09
Reply

Marsh Posté le 25-10-2006 à 21:38:27   

Reply

Marsh Posté le 26-10-2006 à 12:06:32    

Bah pour changer la couleur de fond, tu touches le background:#886;
Et quel dégradé ?

Reply

Marsh Posté le 26-10-2006 à 12:27:48    

tes dégradés c'est des images (gif, jpeg, png...).
alors regarde du coté des url('')


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 27-10-2006 à 22:25:10    

vous aviez reson :-), j'ai voulu trop me casser la tete pour un truc tout simple comme d'habitude  :D  :lol:  
 
il faut juste que je trouve un bon graphiste pour retoucher c'est deux fichiers est c'est ok  
 
http://wineandsea.free.fr/e107_themes/fasttrack/images/contentbg.jpg
 
http://wineandsea.free.fr/e107_themes/fasttrack/images/golden_content_bg.jpg
 
 
 
Merci encore pour votre aide  :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed