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


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