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

  FORUM HardWare.fr
  Graphisme
  Web design

  css modifiable ?

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

css modifiable ?

n°918412
Movez LanG
....huhu....
Posté le 01-02-2007 à 09:01:26  profilanswer
 

bonjour tout le monde,
alors avant toute chose j'y connais vraiment rien de rien en css alors j'ose espérer un peu compréhension de votre part
 
ce vous file le code css ainsi que l'adresse du site : http://conj0ncture.free.fr/www/index.php
et ce que j'aimerais savoir c'est s'il est possible d'élargir les colonnes
 
je suppose que c est extrement simple comme réponse pour ceux qui s'y connaissent mais perso et ce même si j'adore fouiller ds du code hmtl, php .... la j'suis perdu
 
d'avance merci  
 

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: #0010E7;
  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: #63BE18;
  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 02-02-2007 à 22:58:04
mood
Publicité
Posté le 01-02-2007 à 09:01:26  profilanswer
 

n°918523
Pyksel
Locker fou !
Posté le 01-02-2007 à 13:09:32  profilanswer
 

oui...


---------------
Rien est impossible, il suffit d'y croire !
n°918609
Profil sup​primé
Posté le 01-02-2007 à 16:07:23  answer
 

je confirme aussi
c'est possible  :jap:

n°918639
Movez LanG
....huhu....
Posté le 01-02-2007 à 16:41:27  profilanswer
 

serait-ce trop vs demander de m'indiquer comment m'y prendre s'il vous plait ? merci encore

Message cité 1 fois
n°918647
Profil sup​primé
Posté le 01-02-2007 à 16:44:58  answer
 

Movez LanG a écrit :

serait-ce trop vs demander de m'indiquer comment m'y prendre s'il vous plait ? merci encore


 
 
bin ici c'est web design plus dans le sens design que web en faite  :whistle:  
 
 
perso prendre un site en cour comme ça j'ai du mal mais peut etre que pixel lui ..... :D

n°918661
Pyksel
Locker fou !
Posté le 01-02-2007 à 17:00:12  profilanswer
 

Code :
  1. .module {
  2. margin-top: 6px;
  3. }


 
devient
 

Code :
  1. .module {
  2. width: 160px;
  3. margin-top: 6px;
  4. }


 
width = 160px C'est la taille en pixels...
 
Tu peux modifier MOD-R ou MOD-L ou autre comme tu le souhaite...
 
Mais bon, vraiment parceque c'est moi... La prochaine fois cherche sur google des tutoriaux sur le CSS...


Message édité par Pyksel le 01-02-2007 à 17:00:35

---------------
Rien est impossible, il suffit d'y croire !
n°918740
Movez LanG
....huhu....
Posté le 01-02-2007 à 19:39:12  profilanswer
 

merci beaucoup
j'avais essayé le mod-r mod-l qui me paraissait correspondre le plus a ce que je désirais faire mais ca ne m'avait pas donné satisfaction  
j'ai aussi cherché sur google avant de venir vs embeter mais a part des cours et tuto très généralistes j'ai pas vraiment trouvé mon bonheur
c est un peu comme chercher une aiguille ds une botte de foin :s
et enfin, j'ai eu un doute lors de la création de ce topic et me suis douté de mon erreur de section
 
donc pr ttes ces choses je m'en excuse
et vs remercie encore très sincèrement de l'aide que vs avez pu m'apporter
merci à tous : )

n°918749
Movez LanG
....huhu....
Posté le 01-02-2007 à 20:07:29  profilanswer
 

bon bah décidément je n'y arrive pas :$
j'ai essayé pas mal de chose mais impossible d'élargie la colonne de droite
ceci dit je vous en suis tt de même reconnaissant et file de ce pas poster ça ds la catégorie appropriée
 
ciao : )

n°918874
Lactique
Caraïbe et huile de coco
Posté le 02-02-2007 à 08:02:43  profilanswer
 

En meme temsp avec un code pareille qu'est ce que tu veux controler...

Message cité 1 fois
n°918886
Movez LanG
....huhu....
Posté le 02-02-2007 à 09:39:33  profilanswer
 

j'fais ce que je peux avec ce que j'ai....

Message cité 1 fois
mood
Publicité
Posté le 02-02-2007 à 09:39:33  profilanswer
 

n°918954
Profil sup​primé
Posté le 02-02-2007 à 13:26:25  answer
 

Lactique a écrit :

En meme temsp avec un code pareille qu'est ce que tu veux controler...


 [:magfred]  

Movez LanG a écrit :

j'fais ce que je peux avec ce que j'ai....


 
 
oui mais non
 
refet carement ton design, c'est un peu le bordelle, et niveau couleur ya de tout ....
ya pas de charte graphique  [:airforceone]

n°919018
Movez LanG
....huhu....
Posté le 02-02-2007 à 18:12:58  profilanswer
 

bon bah mon salut ne viendra cette fois ci pas de HFR
merci pour ts ces conseils dont je n'avais vraiment pas besoin
bonne journée à vous

n°919029
Pyksel
Locker fou !
Posté le 02-02-2007 à 18:48:04  profilanswer
 

Je t'ai donné la réponse...


---------------
Rien est impossible, il suffit d'y croire !
n°919030
Pyksel
Locker fou !
Posté le 02-02-2007 à 18:48:35  profilanswer
 

Y a un width qui va quelque part... Regarde les id des balises html pour savoir laquelle correspond


---------------
Rien est impossible, il suffit d'y croire !
n°919036
Ben-FR
Posté le 02-02-2007 à 19:06:15  profilanswer
 

c'est pas pour toi pyksel je pense, mais plutot pour les deux nombrils du dessus.
Plutot qu'aider, ils critiquent soit le cms utilisé, soit le design sans apporté d'idée/avis.

Message cité 2 fois
n°919039
Pyksel
Locker fou !
Posté le 02-02-2007 à 19:16:21  profilanswer
 

Ben-FR a écrit :

c'est pas pour toi pyksel je pense, mais plutot pour les deux nombrils du dessus.
Plutot qu'aider, ils critiquent soit le cms utilisé, soit le design sans apporté d'idée/avis.


 
Ben ça on y fait même plus attention tu sais ;)


---------------
Rien est impossible, il suffit d'y croire !
n°919117
Movez LanG
....huhu....
Posté le 02-02-2007 à 22:55:16  profilanswer
 

merci ben d'avoir éclairci la chose
pyksel j'ai vraiment essayé le width mais sans succès :x
ca me change bien la largeur de la colonne , à droite au milieu ou à gauche
mais en fait ca détruit carrément la structure du template de départ :$
alors que je voudrais qu'il élargisse tout simplement, il 'casse' tout...
 
donc je suppose que c est un peu plus compliqué que cela
 
edit : je me suis trouvé un ptit cours sur les css que je vais m'empresser de lire pr avoir un peu plus de repères  
http://www.pompage.net/pompe/cssdezero-1/
 
edit 2 : se pourrait-il qu'en fait il faille que je retouche le code html plutot ? j'essaie juste de me figurer ce qu'est vraiment un css et si c est juste une feuille de style qui vient se coller sur un html, les limites de ces colonnes résident peut etre ds le code hmtl  ?


Message édité par Movez LanG le 02-02-2007 à 23:00:45
n°919309
Profil sup​primé
Posté le 03-02-2007 à 19:13:01  answer
 

Ben-FR a écrit :

c'est pas pour toi pyksel je pense, mais plutot pour les deux nombrils du dessus.
Plutot qu'aider, ils critiquent soit le cms utilisé, soit le design sans apporté d'idée/avis.


 
 
j'me suis fait traité de beaucoup de chose mais nombrils c'est la 1er fois  :jap:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  css modifiable ?

 

Sujets relatifs
texte facilement modifiable 
Plus de sujets relatifs à : css modifiable ?

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

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