Re: informations theme gabarit css

Bonjour ,
j aimerais savoir si vous pouvais m aider a transfert une feuille de style adobe muse sur la feuille de style sur le thème gabarit jai réaliser un petit aperçu du site qui n est pas encore sur kwsphp.

mini_14022103165570112003067.png


copie de la feuille de style adobe muse


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. html
  5. {
  6.     min-height: 100%;
  7.     min-width: 100%;
  8.     -ms-text-size-adjust: none;
  9. }
  10.  
  11. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a
  12. {
  13.     margin: 0;
  14.     padding: 0;
  15.     border-width: 0;
  16.     -webkit-transform-origin: left top;
  17.     -ms-transform-origin: left top;
  18.     -o-transform-origin: left top;
  19.     transform-origin: left top;
  20. }
  21.  
  22. table
  23. {
  24.     border-collapse: collapse;
  25.     border-spacing: 0;
  26. }
  27.  
  28. fieldset,img
  29. {
  30.     border: 0;
  31.     -webkit-transform-origin: left top;
  32.     -ms-transform-origin: left top;
  33.     -o-transform-origin: left top;
  34.     transform-origin: left top;
  35. }
  36.  
  37. address,caption,cite,code,dfn,em,strong,th,var,optgroup
  38. {
  39.     font-style: inherit;
  40.     font-weight: inherit;
  41. }
  42.  
  43. del,ins
  44. {
  45.     text-decoration: none;
  46. }
  47.  
  48. li
  49. {
  50.     list-style: none;
  51. }
  52.  
  53. caption,th
  54. {
  55.     text-align: left;
  56. }
  57.  
  58. h1,h2,h3,h4,h5,h6
  59. {
  60.     font-size: 100%;
  61.     font-weight: inherit;
  62. }
  63.  
  64. input,button,textarea,select,optgroup,option
  65. {
  66.     font-family: inherit;
  67.     font-size: inherit;
  68.     font-style: inherit;
  69.     font-weight: inherit;
  70. }
  71.  
  72. body
  73. {
  74.     font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  75.     text-align: left;
  76.     font-size: 14px;
  77.     line-height: 1.2;
  78.     word-wrap: break-word;
  79.     text-rendering: optimizeLegibility;/* kerning, primarily */
  80. }
  81.  
  82. @media screen and (-webkit-min-device-pixel-ratio:0)
  83. {
  84.     body { text-rendering:auto; }
  85. }
  86.  
  87. a:link
  88. {
  89.     color: #FF0000;
  90.     text-decoration: none;
  91. }
  92.  
  93. a:visited
  94. {
  95.     color: #FF0000;
  96.     text-decoration: none;
  97. }
  98.  
  99. a:hover
  100. {
  101.     color: #FF0000;
  102.     text-decoration: none;
  103. }
  104.  
  105. a:active
  106. {
  107.     color: #FF0000;
  108.     text-decoration: none;
  109. }
  110.  
  111. a.nontext /* used to override default properties of 'a' tag */
  112. {
  113.     color: black;
  114.     text-decoration: none;
  115.     font-style: normal;
  116.     font-weight: normal;
  117. }
  118.  
  119. .normal_text
  120. {
  121.     color: #000000;
  122.     font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  123.     font-size: 14px;
  124.     font-style: normal;
  125.     font-weight: normal;
  126.     letter-spacing: 0px;
  127.     line-height: 1.2;
  128.     text-align: left;
  129.     text-decoration: none;
  130.     text-indent: 0px;
  131.     vertical-align: 0px;
  132.     padding: 0px;
  133. }
  134.  
  135. .TabbedPanelsTab
  136. {
  137.     white-space: nowrap;
  138. }
  139.  
  140. .MenuBar  .MenuBarView, .MenuBar  .SubMenuView /* Resets for ul and li in menus */
  141. {
  142.     display: block;
  143.     list-style: none;
  144. }
  145.  
  146. .MenuBar .SubMenu
  147. {
  148.     display: none;
  149.     position: absolute;
  150. }
  151.  
  152. .NoWrap
  153. {
  154.     white-space: nowrap;
  155.     word-wrap: normal;
  156. }
  157.  
  158. .rootelem /* the root of the artwork tree */
  159. {
  160.     margin-left: auto;
  161.     margin-right: auto;
  162. }
  163.  
  164. .colelem /* a child element of a column */
  165. {
  166.     display: inline;
  167.     float: left;
  168.     clear: both;
  169. }
  170.  
  171. .grpelem /* a child element of a group */
  172. {
  173.     display: inline;
  174.     float: left;
  175. }
  176.  
  177. .clearfix:after /* force a container to fit around floated items */
  178. {
  179.     content: "\0020";
  180.     visibility: hidden;
  181.     display: block;
  182.     height: 0;
  183.     clear: both;
  184. }
  185.  
  186. *:first-child+html .clearfix /* IE7 */
  187. {
  188.     zoom: 1;
  189. }
  190.  
  191. .clip_frame /* used to clip the contents as in the case of an image frame */
  192. {
  193.     overflow: hidden;
  194. }
  195.  
  196. .inclusion_context /* context for positioning a group of elements that share the same height */
  197. {
  198.     display: table;
  199.     table-layout: fixed;
  200.     width: 0.01px;
  201. }
  202.  
  203. .inclelem /* element of an inclusion context */
  204. {
  205.     display: table-cell;
  206.     vertical-align: top;
  207. }
  208.  
  209. .f3s_mid /* 3-slice frame, middle slice */
  210. {
  211.     background-repeat: repeat;
  212. }
  213.  
  214. .f3s_top,.f3s_bot /* 3-slice frame, top slice */
  215. {
  216.     background-repeat: no-repeat;
  217. }
  218.  
  219. .f9s_top_left, .f9s_bot_left /* 9-slice frame, left corner slice */
  220. {
  221.     background-repeat: no-repeat;
  222.     background-position: left;
  223. }
  224.  
  225. .f9s_top_right, .f9s_bot_right /* 9-slice frame, right corner slice */
  226. {
  227.     background-repeat: no-repeat;
  228.     background-position: right;
  229. }
  230.  
  231. .f9s_top_mid, .f9s_bot_mid /* 9-slice frame, top/bottom horizontal slice */
  232. {
  233.     background-repeat: repeat-x;
  234.     background-position: 0px 0px;
  235. }
  236.  
  237. .f9s_mid_left /* 9-slice frame, left vertical slice */
  238. {
  239.     background-repeat: repeat-y;
  240.     background-position: left;
  241. }
  242.  
  243. .f9s_mid_right /* 9-slice frame, right vertical slice */
  244. {
  245.     background-repeat: repeat-y;
  246.     background-position: right;
  247. }
  248.  
  249. .f9s_center /* 9-slice frame, center slice */
  250. {
  251.     background-repeat: repeat;
  252.     background-position: 0px 0px;
  253. }
  254.  
  255. .popup_anchor /* anchors an abspos popup */
  256. {
  257.     position: relative;
  258.     width: 0px;
  259.     height: 0px;
  260. }
  261.  
  262. .popup_element
  263. {
  264.     z-index: 100000;
  265. }
  266.  
  267. .pointer_cursor
  268. {
  269.     cursor: pointer;
  270. }
  271.  
  272. span.wrap /* used to force wrap after floated array when nested inside a paragraph */
  273. {
  274.     content: '';
  275.     clear: left;
  276.     display: block;
  277. }
  278.  
  279. span.actAsInlineDiv /* used to simulate a DIV with inline display when already nested inside a paragraph */
  280. {
  281.     display: inline-block;
  282. }
  283.  
  284. .position_content,.excludeFromNormalFlow /* used when child content is larger than parent */
  285. {
  286.     float: left;
  287. }
  288.  
  289. .preload_images /* used to preload images used in non-default states */
  290. {
  291.     position: absolute;
  292.     overflow: hidden;
  293.     left: -9999px;
  294.     top: -9999px;
  295.     height: 1px;
  296.     width: 1px;
  297. }
  298.  
  299. preload /* used to specifiy the dimension of preload item */
  300. {
  301.     height: 1px;
  302.     width: 1px;
  303. }
  304.  
  305. .animateStates
  306. {
  307.     -webkit-transition: 0.3s ease-in-out;
  308.     -moz-transition: 0.3s ease-in-out;
  309.     -o-transition: 0.3s ease-in-out;
  310.     transition: 0.3s ease-in-out;
  311. }
  312.  
  313. input:focus,textarea:focus /* remove default focussed input styling */
  314. {
  315.     outline: none;
  316. }
  317.  
  318. textarea
  319. {
  320.     resize: none;
  321.     overflow: auto;
  322. }
  323.  
  324. .fld-prompt /* form placeholders cursor behavior */
  325. {
  326.     pointer-events: none;
  327. }
  328.  
  329. .wrapped-input /* form inputs & placeholders let div styling show thru */
  330. {
  331.     position: absolute;
  332.     top: 0;
  333.     left: 0;
  334.     background: transparent;
  335.     border: none;
  336. }
  337.  
  338. .submit-btn /* form submit buttons on top of sibling elements */
  339. {
  340.     z-index: 50000;
  341. }
  342.  
  343. .anchor_item /* used to specify anchor properties */
  344. {
  345.     width: 22px;
  346.     height: 18px;
  347. }
  348.  
  349. .MenuBar .SubMenuVisible, .MenuBarVertical .SubMenuVisible, .MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block
  350. {
  351.     display: block;
  352. }
  353.  
  354. .widget_invisible,.js .invi,.js .se_invi,.js .an_invi /* used to hide the widget before loaded */
  355. {
  356.     visibility: hidden;
  357. }
  358.  
  359. .no_vert_scroll
  360. {
  361.     overflow-y: hidden;
  362. }
  363.  
  364. .always_vert_scroll
  365. {
  366.     overflow-y: scroll;
  367. }
  368.  
  369. .always_horz_scroll
  370. {
  371.     overflow-x: scroll;
  372. }
  373.  
  374. .popup_element.Inactive,.js .disn,.hidden
  375. {
  376.     display: none;
  377. }
  378.  
  379. .fullscreen
  380. {
  381.     overflow: hidden;
  382.     left: 0px;
  383.     top: 0px;
  384.     position: fixed;
  385.     height: 100%;
  386.     width: 100%;
  387.     -moz-box-sizing: border-box;
  388.     -webkit-box-sizing: border-box;
  389.     -ms-box-sizing: border-box;
  390.     box-sizing: border-box;
  391. }
  392.  
  393. .scroll_wrapper
  394. {
  395.     position: absolute;
  396.     overflow: auto;
  397.     left: 0px;
  398.     right: 0px;
  399.     top: 0px;
  400.     bottom: 0px;
  401.     padding-top: 0px;
  402.     padding-bottom: 0px;
  403.     margin-top: 0px;
  404.     margin-bottom: 0px;
  405. }
  406.  
  407. .MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img
  408. {
  409.     position: relative;
  410. }
  411. feuille de style gabarit /**********************************************************************/
  412. /* Dans ce fichier vous pouvez modifier la structure générale du site */
  413. /**********************************************************************/
  414.  
  415. /* On retouve les quatres principales id tableau_general, colonne_de gauche, colonne_de_droite, pieddepage */
  416.  
  417.  
  418. /* tableau qui va contenir le site elle s'affiche en rouge #b90000 */
  419.  
  420. div#tableau_general{
  421.  
  422.     /* largeur du site en pourcentage si il s'agit d'un thème extensible */
  423.     width:98%;
  424.  
  425.     /* couleur de fond */
  426.     background-color:#b90000;
  427.  
  428.     /* bordure blanche de deux pixels */
  429.     border:2px solid #ffffff;
  430.  
  431.     /* on centre le bloc */
  432.     margin:auto;
  433.  
  434. }
  435.  
  436. /****************************************************/
  437. /* Colonne de gauche va s'afficher en mauve #d9a8f5 */
  438. /****************************************************/
  439.  
  440. div#colonne_de_gauche{
  441.     background-color:#d9a8f5;
  442.  
  443.     /* largeur de la colonne en pixels */
  444.     width:220px;
  445.  
  446.     /* important,float permet de dire à la colonne de gauche de se mettre sur le coté gauche,ne pas modifier si vous ne savez pas de quoi il s'agit */
  447.     float:left;
  448. }
  449.  
  450. /****************************************************/
  451. /* Colonne de droite va s'afficher en ocre #825f00 */
  452. /****************************************************/
  453.  
  454. div#colonne_de_droite{
  455.     background-color:#825f00;
  456.  
  457.     /* largeur de la colonne en pixels*/
  458.     width:220px;
  459.  
  460.     /* important,float permet de dire à la colonne de droite de se mettre sur le coté droit,ne pas modifier si vous ne savez pas de quoi il s'agit */
  461.     float:right;
  462. }
  463.  
  464.  
  465. /**********************************************************************************************************************/
  466. /* Corps du site, cette partie vous permettras de modifier la colonne centrale du site elle s'affiche en bleu #61add9 */
  467. /**********************************************************************************************************************/
  468.  
  469. div#colonne_centrale{
  470.     background-color:#61add9;
  471.     overflow:hidden;
  472. }
  473.  
  474.  
  475. /****************************************************************************************************/
  476. /* Bloc copyrights , cette partie vous permettras de modifier le bloc des copyrghts en pied de page */
  477. /****************************************************************************************************/
  478.  
  479. div#bloc_copyrights{
  480.  
  481.     /* largeur de la colonne */
  482.     width:100%;    
  483.  
  484.     /* Clear both permet de faire descendre le bloc copyrights sous le colonne centrale, ne pas modifier si vous ne savez pas de quoi il s'agit */
  485.     clear:both;
  486.  
  487.     /* alignement du contenu */
  488.     text-align:center;
  489. }
  490.  
  491. #####!!!#####
  492. ?>


comment faire pour que les feuille style corresponde
merci pour votre aide


Sujet écrit par seb242 le vendredi 21 février 2014 à 15:21

[ Imprimer ] - [ Fermer la fenêtre ]