Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1100 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  aider un newbie à décrypter un css :$

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

aider un newbie à décrypter un css :$

n°1509792
Movez LanG
....huhu....
Posté le 01-02-2007 à 20:16:33  profilanswer
 

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
mood
Publicité
Posté le 01-02-2007 à 20:16:33  profilanswer
 

n°1510015
rufo
Pas me confondre avec Lycos!
Posté le 02-02-2007 à 12:36:54  profilanswer
 

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.

n°1510217
Movez LanG
....huhu....
Posté le 02-02-2007 à 18:11:46  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  aider un newbie à décrypter un css :$

 

Sujets relatifs
Nombre d'occurences => toujours besoin d'aideQuelle technique pour faire cette bdd ? (Newbie inside...)
macro sous publisher: quelqu'un peut m'aider svp?Insérer une image dans une bannière (newbie)
Message d'erreur :File(**) FAILED TO OPEN STREAM PERMISSION DENIED[Flash] assigner un son sur clique bouton!
[MySQL] Decrypter les donnees d'un blob dans une procedure[Résolu] Erreur de syntaxe, qui peut m'aider ?
affichage dynamique d'un calcul dans une balise (newbie inside)pour t'aider sur VB
Plus de sujets relatifs à : aider un newbie à décrypter un css :$

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.101 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR