Accueil   Accueil    Forum   Forum    Download   Download    Livre d'or   Livre d'or    Contact   Contact    Liens Web   Liens Web

informations theme gabarit css - CMS KwsPHP - Le site clés en main

Colonne de gauche

Espace membre

Privé Masquer le formulaire de connexion


Se souvenir de moi ?


Mot de passe oublié
S'enregistrer S’enregistrer

 

Menu

Forum

 

Sujets Importants

fleche basForum : Masquer l’entête

Accès rapide :

 

 Effectuer une Recherche avancée OU

fleche basinformations theme gabarit css  [2 réponses]

puce Index du Forum  » Thèmes  » Modification et Création des thèmes


Répondre


fleche bas

seb242
starsj2.png
Visiteur


avatar
Hors ligne

Nombre de posts: 54 (0.01/Jour)
Inscrit(e) le: 28 juin 2006
Visiter son site MSN
Imprimer Permalien vendredi 7 février 2014 à 14:07  
bonjour,
je suis entrain de refaire un site sur votre plateforme et jaurais des questions

sur le style css jai deja un style css comment je doit le transfert sur le theme gabarit
indiquer moi la marche a suivre

Barre de navigation
menu
colonne centrale
logo
pied de page
structure du site
style général
tiny mce
merci davance

Merci de la confiance que vous portez à notre service.
L'équipe web2création

https://www.web2creation.net/
https://www.web2creation.info/
https://www.le-monde-des-scripts.xyz/

Infos CMS KwsPHP

Informations : Avant de poster un sujet sur le forum

Veuillez avant tout vérifiez la comparaison de vos fichiers sur votre site
Mon compte / Outils / Comparaison

La recherche avancée du forum (en ciblant au mieux les options de la recherche)
La Faq - La documentation - La documentation en vidéo - Le sujet "Install et Mise à jour"
Vous devez lire en priorité le topic de la 1.6 pour en découvrir ses fonctionnalités

Afficher


σGothicae
starsj6.png
Dieu
Ultra Méchant


avatar
Hors ligne

Nombre de posts: 1583 (0.22/Jour)
Inscrit(e) le: 13 avril 2007
Visiter son site
Imprimer Permalien samedi 8 février 2014 à 08:25  
Copier/Coller

Comtois , rends toi! Neni ma foi! | http://www.design.bouliz.com | http://www.bouliz.com
Qui c'est les plus forts, évidemment c'est les verts!!!
userbar_112987970.png

seb242
starsj2.png
Visiteur


avatar
Hors ligne

Nombre de posts: 54 (0.01/Jour)
Inscrit(e) le: 28 juin 2006
Visiter son site MSN
Imprimer Permalien vendredi 21 février 2014 à 15:21  
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

Merci de la confiance que vous portez à notre service.
L'équipe web2création

https://www.web2creation.net/
https://www.web2creation.info/
https://www.le-monde-des-scripts.xyz/

fleche basinformations theme gabarit css  [2 réponses]

Répondre



puce Index du Forum  » Thèmes  » Modification et Création des thèmes

Retour Page principale Aide Accueil