aider un newbie à décrypter un css :$

aider un newbie à décrypter un css :$ - HTML/CSS - Programmation

Marsh Posté le 01-02-2007 à 20:16:33    

Bonjour à tous,
je sais d'avance que ce que je vais demander ne va pas vous enchanter mais c est en désespoir de cause que je me tourne vers vous
mon oncle a décidé de mettre une boutique en ligne aussi futile soit elle...et j'ai donc opter pr joomla pr l'y aider, lui n'y connait strictement rien et ne veut pas débourser 1 €
moi ca me passionne mais j'ai pas forcément les bases requises
j'ai donc installer un template qui me semble plutot sympa (les gouts et les couleurs hein :D ) mais je n'arrive pas vraiment a en faire ce que j'aimerais
 
ds l'immédiat j'aurais voulu élargir la colonne à plus à droite disons de 50 % mais j'ai beau essayer de le mod-R mod-L mod tout court je n'arrive à rien de visuellement acceptable
si une âme charitable venait au secours du débutant que je suis, je l'en remercierais jms assez : )
 
ci-après le code .css
 
dernière faveur, en option disons, s'il pouvait commenter les différentes partie qui compose ce .css ça m'aiderais à faire de ce template exactement ce que je voudrais et ce serait pas plus mal...là ca risque de faire beaucoup comme faveur mais qui sait, des fois que vous vous seriez levés du bon pied aujourd'hui : )
 
encore merci de m'avoir lu jusque là  
 
-edit- l'url du dit site : http://conj0ncture.free.fr/www/index.php
 

Code :
  1. body {
  2. font-family: "trebuchet MS";
  3. font-size: 12px;
  4. }
  5. form {
  6. margin: 0px;
  7. }
  8. body.mceContentBody{
  9. background-color: #FFFFFF;
  10. }
  11. ul{
  12. margin: 0px;
  13. padding: 0px;
  14. list-style-position: inside;
  15. }
  16. #wrap {
  17. }
  20. #wrap1 {
  21. background-image: url(../images/wrap1-bg.gif);
  22. background-repeat: repeat-y;
  23. float: left;
  24. width: 739px;
  25. }
  26. .clr {
  27. font-size: 0px;
  28. clear: left;
  29. }
  30. #mod {
  31. float: left;
  32. width: 402px;
  33. }
  35. #mod-L {
  36. float: left;
  37. width: 188px;
  38. padding-right: 7px;
  39. padding-left: 7px;
  40. color: #FFFFFF;
  41. }
  42. #mod-R {
  43. width: 183px;
  44. padding-right: 7px;
  45. padding-left: 8px;
  46. float: left;
  47. display: block;
  48. }
  49. #mainpage {
  50. float: left;
  51. width: 337px;
  52. color: #FFFFFF;
  53. }
  54. a.logo:link,a.logo:visited{
  55. background-image: url(../images/logo.gif);
  56. background-repeat: no-repeat;
  57. background-position: left center;
  58. height: 70px;
  59. width: 337px;
  60. display: block;
  61. border-bottom-width: 1px;
  62. border-bottom-style: solid;
  63. border-bottom-color: #FFFFFF;
  64. }
  65. #footer {
  66. width: 337px;
  67. border-top-width: 3px;
  68. border-top-style: double;
  69. border-top-color: #FFFFFF;
  70. margin-top: 20px;
  71. }
  73. #research {
  74. background-image: url(../images/search-label.gif);
  75. background-repeat: no-repeat;
  76. background-position: left center;
  77. background-color: #E70000;
  78. height: 40px ;
  79. padding-top: 13px ;
  81. border-bottom-width: 1px;
  82. border-bottom-style: solid;
  83. border-bottom-color: #FFFFFF;
  84. }
  85. #research .inputbox {
  86. background-image: url(../images/search-form.gif);
  87. background-repeat: no-repeat;
  88. height: 19px;
  89. width: 160px;
  90. background-color: #E70000;
  91. border: 1px solid #E70000;
  92. margin-left: 95px;
  93. font-size: 12px;
  94. color: #666666;
  95. padding-left: 15px;
  96. padding-top: 3px;
  97. background-position: left top;
  98. }
  99. #research .submitbox {
  100. background-color: #E70000;
  101. background-image: url(../images/search-form.gif);
  102. height: 26px;
  103. border: 1px solid #E70000;
  104. background-position: -190px 4px !important;
  105. background-position: -190px 0px;
  106. width: 33px;
  107. background-repeat: no-repeat;
  108. }
  110. #content {
  111. padding-right: 7px;
  112. padding-left: 7px;
  113. text-align: justify;
  114. min-height:600px;
  115. height:auto !important;
  116. height:600px;
  117. }
  118. .contentheading {
  119. font-size: 20px;
  120. color: #CCCCCC;
  121. }
  122. a.contentpagetitle:link,a.contentpagetitle:visited {
  123. font-size: 20px;
  124. color: #0099FF;
  125. text-decoration: none;
  126. }
  127. a.contentpagetitle:hover {
  128. color: #FF9900;
  129. }
  130. .small {
  131. font-size: 10px;
  132. color: #CCCCCC;
  133. }
  134. .createdate {
  135. font-size: 10px;
  136. color: #FFFFFF;
  137. background-color: #E70000;
  138. padding-left: 3px;
  139. }
  140. .module {
  141. margin-top: 6px;
  142. }
  143. #mod-R .module h3 {
  144. background-color: #B4B4B4;
  145. font-size: 14px;
  146. text-align: center;
  147. margin: 0px;
  148. padding-top: 3px;
  149. padding-bottom: 3px;
  150. }
  151. #mod-L .module h3{
  152. font-size: 14px;
  153. color: #CCCCCC;
  154. background-color: #252525;
  155. text-align: center;
  156. padding-top: 3px;
  157. padding-bottom: 3px;
  158. margin: 0px;
  159. }
  160. #slide1 {
  161. background-color: #000000;
  162. border-bottom-width: 1px;
  163. border-bottom-style: solid;
  164. border-bottom-color: #FFFFFF;
  165. padding-right: 7px;
  166. padding-left: 7px;
  167. }
  168. #slide2 {
  169. background-color: #000000;
  170. border-bottom-width: 1px;
  171. border-bottom-style: solid;
  172. border-bottom-color: #FFFFFF;
  173. padding-right: 7px;
  174. padding-left: 7px;
  175. }
  176. a.mainlevel:link,a.mainlevel:visited {
  177. color: #00CCFF;
  178. text-decoration: none;
  179. display: list-item;
  180. list-style-type: circle;
  181. padding-left: 4px;
  182. list-style-position: inside;
  183. }
  184. a.mainlevel:hover {
  185. list-style-type: square;
  186. }
  187. a.mainlevel#active_menu{
  188. color: #FF9900;
  189. }
  190. #ress {
  191. border-top-width: 2px;
  192. border-top-style: dotted;
  193. border-top-color: #F1EFF1;
  194. margin-top: 4px;
  195. }
  197. a:link,a:visited {
  198. color: #0099FF;
  199. text-decoration: none;
  200. }
  201. a:hover {
  202. text-decoration: underline;
  203. }
  204. #control {
  205. background-image: url(../images/control-bg.gif);
  206. background-repeat: no-repeat;
  207. float: left;
  208. height: 153px;
  209. width: 18px;
  210. margin-top: 30px;
  211. padding-left: 9px;
  212. padding-top: 45px;
  213. font-size: 5px;
  214. }
  215. #control a:link,#control a:visited {
  216. display: block;
  217. width: 13px;
  218. height: 13px;
  219. }
  221. #cb1,#cb2,#cb3,#cb4,#cb5 {
  222. background-image: url(../images/control-button.gif);
  223. background-repeat: no-repeat;
  224. height: 13px;
  225. width: 13px;
  226. margin-top: 3px;
  227. cursor:pointer;
  228. }
  229. #cb1{}
  230. #cb2{
  231. background-position: left -13px;
  232. }
  233. #cb3{
  234. background-position: left -26px;
  235. }
  236. #cb4{
  237. background-position: left -39px;
  238. }
  239. #cb5{
  240. background-position: left -52px;
  241. }
  242. #slider .module h3 {
  243. margin: 0px;
  244. font-size: 14px;
  245. border-bottom-width: 1px;
  246. border-bottom-style: dashed;
  247. border-bottom-color: #FFFFFF;
  248. }
  249. #slider .module{
  250. margin: 0px;
  251. color: #FFFFFF;
  252. }#slider a:link,#slider a:visited {
  253. color: #CCCCCC;
  254. text-decoration: none;
  255. }
  256. #slider a:hover {
  257. text-decoration: underline;
  258. }


Message édité par Movez LanG le 01-02-2007 à 20:19:24
Reply

Marsh Posté le 01-02-2007 à 20:16:33   

Reply

Marsh Posté le 02-02-2007 à 12:36:54    

Encore un qui a bien lu la charte du forum :kaola:  
 
Et je trouve que c'est un drôle de choix un CMS pour faire une boutique en ligne... un truc style oscommerce serait plus adapté. Par ailleurs, si t'as pas les compétences nécessaires pour la mise en oeuvre d'une boutique en ligne, je voudrais savoir comment tu vas sécuriser l'appli (entre autre, le paiement en ligne) :sarcastic:  
C'est un coup à ruiner ton oncle...
 
Donc, mon conseil, commence par le commencement : apprendre le xhtml/css, le SQL (sur MySQL par ex) puis PHP. Je pense pas que ça te viendrait à l'idée d'aller faire une course de formule un alors que t'as pas encore passé ton permi de conduire, non? Ben le développement d'applications, c'est pareil. D'abord, on apprend les bases (le classique "Hello World!" ) puis on complexifie petit à petit ses programmes pour enfin, être capable de dévelopepr des applis complexes.

Reply

Marsh Posté le 02-02-2007 à 18:11:46    

j'ai bien pensé a oscommerce mais j'ai tourné en rond tte la nuit à vrai dire
c est dur de commencer ds certain milieu de l'informatique vu l'aide qu'on peut en retirer :\
et sinon je ne pense pas utiliser la fonction de paiement en ligne, ya des choses que j'ignore mais je ne suis pas encore stupide
merci pr ta participation

Reply

Sujets relatifs:

Leave a Replay

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