Re: [Bluewin] Mise en page plein écran

Merci à vous 2
Musicgroove, quand je fais ce que tu me dis, tous mes blocs ont disparu, excepté ceux que j'avais mis en cachés :)
J'ai remis les 1 à la place des 0 du coup

Mon fichier style.css

Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. /*Feuille de style du thème Bluewin V1.3*/
  5.  
  6. body
  7. {
  8.     background-color: #CCE3F3;
  9.     /*background-image: url('themes\Bluewin\images\wtheme\bg.gif');*/
  10.     background-repeat: repeat-x;
  11.     background-position: top;
  12.     background-attachment: scroll;
  13.     font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
  14.     margin: 0 auto;
  15. ;
  16. }
  17.  
  18. font,th,td,p
  19. {
  20. color:#000000;
  21. font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;
  22. }
  23.  
  24. a:link,a:active,a:visited,a.postlink
  25. {
  26. color:#4676A3;
  27. text-decoration:none
  28. }
  29.  
  30. a:hover
  31. {
  32. color:#27bde4;
  33. text-decoration:underline;
  34. }
  35. /************************************BLOCS******************************************/
  36. /* Le contenu des blocs des colonnes de gauches et de droites */
  37. .bloc_titre {
  38. width:222px;
  39. height:30px;
  40. line-height:33px;
  41. text-align:center;
  42. font-weight:bolder;
  43. font-size:1.3em;
  44. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  45. color:#FFFFFF
  46. }
  47.  
  48. .bloc_titre:first-letter {
  49. font-variant:small-caps;
  50. font-weight:bolder;
  51. font-size:1.4em;
  52. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  53. color:#FF9101
  54. }
  55.  
  56. .bloc_contenu {
  57. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  58. font-size:1em;
  59. color:#252424;
  60. padding:5px;
  61. overflow:hidden;
  62. /* Ne Pas Toucher                */
  63. height:99%
  64. /* Pour IE sinon espace          */
  65. }
  66.  
  67. /*  fin  des blocs de gauche et droite*/
  68. /* Les Blocs du centre */
  69. .titre-centre {
  70. text-align:center;
  71. font-weight:bolder;
  72. font-size:1.3em;
  73. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  74. color:#252424
  75. }
  76.  
  77.  
  78. /* fin Les Blocs du centre */
  79.  
  80.  
  81. .fond_left {
  82. width:222px;
  83. /*background:#F2F2F2;*/
  84. /*border-bottom:1px solid #CCE3F3*/
  85. }
  86.  
  87.  
  88. .fond_right {
  89. width:222px;
  90. /*background:#F2F2F2;*/
  91. /*border-bottom:1px solid #CCE3F3*/
  92. }
  93.  
  94. /**********************************/
  95. /*contour blocs*/
  96. .bodyline
  97. {
  98. background:##CCE3F3;
  99. color:#000000;
  100. border:1px solid #9FC3F0;
  101. }
  102.  
  103.  
  104. .blocline
  105. {
  106. background:#9DB1C1;
  107. color:#000000;
  108. border:1px solid #626E78;
  109. }
  110.  
  111. .bloclinedot
  112. {
  113. background:#ffffff;
  114. color:#000000;
  115. border:1px dotted #626E78;
  116. }
  117.  
  118. td.cellpic1 
  119. {
  120. background-image:url(../images/wtheme/tabsbg.gif); 
  121. text-align:center;
  122. }
  123.  
  124. td.cellpic2
  125.  {
  126. background-image:url(../images/wtheme/tabsbg.gif); 
  127. text-align:center;
  128. }
  129.  
  130. td.cellpic3 
  131. {
  132. background-image:url(../images/wtheme/tabsbg.gif); 
  133. height:10px;
  134. text-align:center;
  135. }
  136.  
  137.  
  138. td.rowpic 
  139. {
  140. background-color: #FFFFFF;
  141. background-repeat: repeat-y;
  142. }
  143.  
  144.  
  145. td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom 
  146. {
  147. background-color:#F5E9E9; 
  148. border: #FFFFFF; 
  149. border-style:solid; 
  150. height: 10px;
  151. }
  152.  
  153.  
  154. td.cat
  155. {
  156. font-weight:bold;
  157. letter-spacing:1px;
  158. color:#000000;
  159. background:#cde3a7 url(images/wtheme/tabsbg.gif);
  160. height:29px
  161. }
  162.  
  163.  
  164. td.row1
  165. {
  166. background:#EFF7FB;color:#000000;
  167. }
  168.  
  169. td.row2
  170. {
  171. background:#CCE3F3;color:#000000;
  172. }
  173.  
  174. td.row3
  175. {
  176. background: #EFF7FB;color:#000000;
  177. }
  178.  
  179. td.spacerow
  180. {
  181. background:#cde3a7;color:#000000;
  182. }
  183.  
  184.  
  185. td.rowpic
  186. {
  187. background:url(images/wtheme/tabsbg.gif) #EFF7FB repeat-y; /*a verifier*/
  188. }
  189.  
  190.  
  191. .maintitle,h1
  192. {
  193. font:bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
  194. text-decoration:none;
  195. }
  196.  
  197.  
  198. .titre { color: #4676A3; font-size: 14px; font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
  199. .titrebloc { color: #4676A3; font-size: 14px; font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
  200. .gen { font-size : 14px;font-family: Verdana, Arial, Helvetica, sans-serif; }
  201. .gensmall{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;}
  202. .genmed{font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
  203. a.gen,a.genmed,a.gensmall {color: #1d7148; text-decoration: none; }
  204. a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #2CD3FE; text-decoration: underline; }
  205. .footer_kwsphp {font-size: 14px!important;}
  206.  
  207. .menu        { font-size : 16px;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; color : #000000; }
  208. .mainmenu        { font-size : 16px; color : #000000; }
  209. a.mainmenu        { text-decoration: none; color : #1d7148;  }
  210. a.mainmenu:hover{ text-decoration: underline; color : #2CD3FE; }
  211.  
  212. .cattitle        { font-weight: bold; font-size: 14px ;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color : #1d7148;}
  213. a.cattitle        { text-decoration: none; color : #1d7148; }
  214. a.cattitle:hover{ text-decoration: underline; }
  215.  
  216. .forumlink        { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;color : #800000; }
  217. a.forumlink     { text-decoration: none; color : #800000; }
  218. a.forumlink:hover{ text-decoration: underline; color : #2CD3FE; }
  219. .win1 { color: #000000; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  220. .win2 { color: #0707BA; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  221. .win3 { color: #C49404; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  222. .win4 { color: #D82A0E; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  223. .win5 { color: #000000; font-size : 14px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } /*titre bloc */
  224. .winheure{font-size:16px;font-family: Rockwell, Arial, Helvetica, sans-serif;}
  225. .winmenu{font-size:16px;font-weight:bold;font-family: Rockwell, Arial, Helvetica, sans-serif;}
  226.  
  227.  
  228. .nav{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
  229. .postbody{font:14px/125% Verdana,Arial,Helvetica,sans-serif;}
  230.  
  231. .topictitle{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
  232. a.topictitle:visited{color:#238e59;}
  233. a.topictitle:hover{color:#2CD3FE;}
  234.  
  235. .name{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
  236.  
  237. .postdetails        { font-size : 14px; font-family: Verdana, Arial, Helvetica, sans-serif;color : #000000; }
  238.  
  239. a.postlink:link    { text-decoration: none; color : #800000; }
  240. a.postlink:visited { text-decoration: none; color : #b00000; }
  241. a.postlink:hover { text-decoration: underline; color : #2CD3FE;}
  242.  
  243. .copyright        { font-size: 8px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
  244. a.copyright        { color: #444444; text-decoration: none;}
  245. a.copyright:hover { color: #000000; text-decoration: underline;}
  246.  
  247. form
  248. {
  249. display:inline
  250. }
  251.  
  252. input
  253. {
  254. margin-bottom:2px;
  255. margin-top:2px;
  256. text-indent:2px;
  257. }
  258.  
  259. input,textarea,select
  260. {
  261. border-color:#000000;
  262. color:#000000;
  263. font-size:11px
  264. }
  265.  
  266. input,textarea,select,input.button
  267. {
  268. border-width:1px;
  269. font:normal 11px Verdana,Arial,Helvetica,sans-serif;
  270. }
  271.  
  272. input.button{background:#fafafa;color:#000000;}
  273. input.catbutton{background:#fafafa;color:#000000;font-size:10px;}
  274. input.liteoption{background: #fafafa;color:#000000;}
  275. input.mainoption{background:#fafafa;color:#000000;font-weight:bold;}
  276. input.post,textarea.post,select{background: #ffffff;color:#000000;}
  277.  
  278.  
  279.  
  280. .code
  281. {
  282. background:#fafcf7;
  283. border:1px solid #626E78;
  284. color:#4676A3;
  285. font:10px Courier,"Comic Sans MS",sans-serif;
  286. padding:5px;
  287. }
  288.  
  289. .quote
  290. {
  291. background:#fafafa;
  292. border: 1px solid #64842a;
  293. color:#444444;
  294. font:11px/125% Verdana,Arial,Helvetica,sans-serif;
  295. }
  296.  
  297. .errorline
  298. {
  299. background:#abce6a;
  300. color:#000000;
  301. border:1px solid #CCE3F3;
  302. }
  303.  
  304. .helpline
  305. {
  306. background:#CCE3F3;
  307. border-style:none;
  308. color:#000000;
  309. }
  310.  
  311. .panneau 
  312. {
  313. padding:4px;
  314. line-height: 10px;
  315. font-family:verdana,arial, Helvetica, sans-serif;
  316. color:black;
  317. font-size:10px;
  318. border: 1px solid #333333;
  319. }
  320. /* Style des buttons submit et annuler*/
  321. #valider,#envoyer,#submit_login_bloc,#submit_login,#s_button,#annuler,
  322. #poster,#verifer,#retour,#button,#bouton,#bouton2,#submit,
  323. #reset,#prev,#validation,#res_edit,#all,#modbuttoncompteur {
  324. background-color:#FFFFFF;
  325. height:16px;
  326. text-align:center;
  327. font-variant:small-caps;
  328. font-weight:normal;
  329. color:#666666;
  330. border-width:1px;
  331. border-color:#CCCCCC;
  332. }
  333. /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */
  334. .onmouse_over {
  335. border: 1px #666 dashed;
  336. background: #eee;
  337. }
  338. .onmouse_out{
  339. border: 0px;
  340. }
  341. .onmouse_over_forum {
  342. background: #99ccff;
  343. }
  344. .onmouse_out_forum {
  345. border: 0px;
  346. }
  347. /* Style des buttons submit et reset au passage dessus*/
  348. #valider:hover,#envoyer:hover,#submit_login_bloc:hover,#submit_login:hover,#s_button:hover,#annuler:hover,
  349. #poster:hover,#verifer:hover,#retour:hover,#button:hover,#bouton:hover,#bouton2:hover,#submit:hover,
  350. #reset:hover,#prev:hover,#validation:hover,#res_edit:hover,#all:hover,#modbuttoncompteur:hover {
  351. background-color:#DDDDDD;
  352. color:#666666;
  353. border-width:1px;
  354. border-color:#666666;
  355. }
  356.  
  357. /* Style des labels*/
  358. label {
  359. display:inline;
  360. float:left;
  361. }
  362. .label_enregistrer1 {
  363. width: 250px;
  364. }
  365. .label_enregistrer2 {
  366. width: 250px;
  367. }
  368. .label_profil1 {
  369. width: 150px;
  370. font-weight:bold;
  371. }
  372. .label_profil2 {
  373. width: 280px;
  374. font-weight:bold;
  375. }
  376. .label_contact{
  377. width:150px;
  378. }
  379. .label_admin_options1{
  380. width:200px;
  381. }
  382. .label_admin_options2{
  383. width:400px;
  384. }
  385. .label_admin_email{
  386. width:200px;
  387. }
  388.  
  389. fieldset {
  390. background-color:#EFF7FB;
  391. border-style:solid;
  392. border-width:1px;
  393. border-color:#CCCCCC;
  394. padding:1.5em;
  395. margin-left:auto;
  396. margin-right:auto;
  397. }
  398.  
  399. .fieldset_resume {
  400. background-color:#EAF3FC;
  401. border-style:solid;
  402. border-width:1px;
  403. border-color:#CCCCCC;
  404. padding:1em;
  405. margin-left:auto;
  406. margin-right:auto;
  407. }
  408.  
  409. /* Pied de page */
  410. .pied_de_page
  411. {
  412. text-align:center;
  413. }
  414. .pied_de_page a:link,.pied_de_page a:active,.pied_de_page a:visited
  415. {
  416. color:#FF0000;
  417. }
  418. .pied_de_page a:hover
  419. {
  420. color:#2CD3FE;
  421. }
  422.  
  423. /* Visiualisation d'un post */
  424. #apercu {
  425. text-align:left;
  426. height:200px;
  427. width:600px;
  428. color:#000;
  429. overflow:auto;
  430. padding:2px;
  431. border:1px;
  432. border-style:solid;
  433. border-color:#000;
  434. }
  435. /* Style du surlignage avec le bbcode) */
  436. .surlign {
  437. background-color:#ffff99;
  438. color:#333;
  439. }
  440. /* Pied de page */
  441. .pied_de_module{
  442.     text-align:center;
  443. }
  444. .pied_de_module a:link,.pied_de_module a:active,.pied_de_module a:visited{
  445.     color:#666;
  446.     font-style: italic;
  447.     border:1px solid #d3d0d0;
  448.     border-left:4px solid #d3d0d0;
  449.     padding:5px;
  450.     letter-spacing : 1px ;
  451. }
  452. .pied_de_module a:hover{
  453.     color:#999;
  454.     border:1px solid #666;
  455.     border-left:4px solid #666;
  456.     text-decoration:none;
  457. }
  458. /* Pagination (memberlist.php)  */
  459. .page_encours{
  460. background-color:#999;
  461. color:#f2f2f2;
  462. padding:5px}
  463. .page_choix{
  464. border:1px solid #d3d0d0;
  465. padding:5px}
  466. .page_choix:hover{
  467. background-color:#6fafdd;
  468. color:#fff;
  469. border:1px solid #fff}/* ajout mise a jour */
  470. /* Connectés (qd stats en bas de page)*/
  471.  
  472. #connectes_end
  473. {
  474. width:98% !important;
  475. margin-left:auto !important;
  476. margin-right:auto !important;
  477. margin-top:3px !important;
  478. margin-bottom:3px !important;
  479. padding:5px !important;
  480. border:5px groove #FFFFFF !important;
  481. -moz-border-radius:10px !important;
  482. font-size:9px !important;
  483. text-align:center !important;
  484. background-color:#f2f2f2 !important;
  485. color:#666 !important;
  486. }
  487. #connectes_end strong, #connectes_end a
  488. {
  489. font-size:11px !important;
  490. color:#666 !important;
  491. }
  492.  
  493.  
  494. /* Bulles infos © Patrick perron **************************/
  495.  
  496. a.BBcodeSyntaxe {
  497. position:relative;
  498. /* Très important */
  499. background:none;
  500. /* Important pour le fonctionnement sur IE */
  501. z-index:10;
  502. } 
  503.  
  504. a.BBcodeSyntaxe:hover {
  505. z-index:20;
  506. text-decoration:none;
  507. }
  508.  
  509. a.BBcodeSyntaxe span {
  510. display:none;
  511. font-weight:normal;
  512. }
  513.  
  514. a.BBcodeSyntaxe:hover span {
  515. /*la tag SPAN apparaitra avec l?effet hover*/
  516. display:block;
  517. -moz-border-radius:10px;
  518. border: 1px dashed;
  519. position:absolute;
  520. margin-top:50px;
  521. margin-left:130px;
  522. /* Éléments pour positionner le texte dans la bulle */
  523. padding:5px;
  524. width:350px;
  525. /* Style du character dans la bulle */
  526. background-color: #2FB9F7;
  527. color: #000066;
  528. text-align:center;
  529. }
  530.  
  531. a.BBcodeSyntaxe em {
  532. font-variant:small-caps;
  533. }
  534.  
  535. /* Pour avoir un beau background de bulle*/
  536.  
  537. a.BBcodeSyntaxe:hover>span {
  538. background-image:url('../img/bulle.jpg');
  539. }
  540.  
  541.  
  542. /*Mise en page lors de la rédaction d'un post*/
  543.  
  544. .fieldset_post
  545. {
  546. width:700px;
  547. margin:auto;
  548. padding:10px;
  549. }
  550. .fieldset_post legend
  551. {
  552. font-weight:bold;
  553. }
  554. .fieldset_post label span
  555. {
  556. color:red;
  557. }
  558. .fieldset_post dd
  559. {
  560. margin-left:210px;
  561. }
  562. div.fieldset_post
  563. {
  564. text-align:center;
  565. width:650px;
  566. margin: auto;
  567. }
  568. div #smil
  569. {
  570. z-index:50;
  571. width:210px;
  572. height:230px;
  573. -moz-border-radius:10px;
  574. position:fixed;
  575. margin-left:-220px;
  576. top:250px;
  577. display:none;
  578. background-color:#2FB9F7;
  579. }
  580. div #smil_in
  581. {
  582. overflow:auto;
  583. width:170px;
  584. height:200px;
  585. border:1px solid;
  586. padding:5px;
  587. margin:10px auto;
  588. } 
  589.  
  590. /* bbcode flottant */
  591.  
  592. #choice_bbcode_color, #choice_bbcode_size, #choice_bbcode_font
  593. {
  594. z-index:50;
  595. -moz-border-radius:10px;
  596. position:absolute;
  597. width:180px;
  598. padding:10px;
  599. margin-top:-100px;
  600. margin-left:220px;
  601. background-color:#2FB9F7;
  602. }
  603. #ckwsp, #ckws {vos infos css}
  604.  
  605. div.EditPost
  606. {
  607. text-align:right;
  608. padding-top:5px;
  609. }
  610. span.EditPost
  611. {
  612. font-size:7.2pt;
  613. width:100%;
  614. border-top:1px dashed;
  615. border-left:1px dashed;
  616. border-right:1px dashed;
  617. padding:2px 5px 2px 15px;
  618. margin-right:5px;
  619. }
  620. div.MovePost
  621. {
  622. text-align:right;
  623. padding-top:5px;
  624. }
  625. span.MovePost
  626. {
  627. font-size:7.2pt;
  628. width:100%;
  629. border-left:1px dashed;
  630. border-right:1px dashed;
  631. border-bottom:1px dashed;
  632. padding:2px 5px 2px 15px;
  633. margin-right:5px;
  634. }
  635. .NavRubFo, .NavRubTopicFo, .NavTopicFo {
  636. float:right !important;
  637. margin-right:5px !important;
  638. font-size:smaller !important;
  639. }
  640. .NavRubFo span, .NavRubTopicFo span, .NavTopicFo span{
  641. background-color:#666;
  642. color:#f2f2f2;
  643. padding:0px 2px;
  644. }
  645. .NavRubFo select, .NavRubTopicFo select, .NavTopicFo select{
  646. font-size:smaller;
  647. }
  648. .NavRubFo a, .NavRubTopicFo a, .NavTopicFo a{
  649. border:1px solid #d3d0d0;
  650. padding:0px 2px;
  651. text-decoration:none;
  652. }
  653. .NavRubFo a:hover, .NavRubTopicFo a:hover, .NavTopicFo a:hover{
  654. background-color:#6fafdd;
  655. color:#fff;
  656. border:1px solid #fff;
  657. }
  658.  
  659. .username_login, .username_password, .username_connect{
  660. padding-left:20px;
  661. height:18px;
  662. background-image: url(../../../modules/espace_membre/images/login_bg.png);
  663. background-repeat:no-repeat;
  664. }
  665. .username_login {
  666. background-position:0 0;
  667. }
  668. .username_password {
  669. background-position:0 -18px;
  670. }
  671. .username_auto {
  672. vertical-align:middle;
  673. }
  674. .username_connect{
  675. background-position:0 -36px;
  676. height:20px !important;
  677. width:135px !important;
  678. }
  679.  
  680. .hr_menu{}
  681. .texte_menu {}
  682. .MultiInputInline span{margin-left:25px;}
  683. .contenu_page{}
  684. .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;}
  685. .float-left{float:left;} .float-right{float:right;} .clear-both{clear:both;}
  686. .ancre{}
  687. .mini_message{margin-left:10px;font-style:italic;font-size:smaller;}
  688.  
  689. /* MAJ v900*/
  690. .erreurUpAvatar { 
  691.   color: red; 
  692.   font-weight: bold; 
  693. } 
  694. .erreurUpAvatar span { 
  695.   font-style: italic; 
  696.   font-weight: normal; 
  697. } 
  698. .msgUpAvatar { 
  699.   color: green; 
  700. }
  701. /* MAJ v900 Fin*/
  702. .#valider[disabled], #valider[disabled]:hover, 
  703. #envoyer[disabled], #envoyer[disabled]:hover,
  704. #submit[disabled], #submit[disabled]:hover 
  705. {border: 1px dotted #c77; background:#e5dfe5; color:#fff;}
  706.  
  707. .fiedset_enregistrer {margin:1em; padding:1em;}
  708. .fiedset_enregistrer legend {font-weight:bold;}
  709.  
  710. #####!!!#####
  711. ?>


Sujet écrit par gagcbr le samedi 23 janvier 2021 à 14:43

[ Imprimer ] - [ Fermer la fenêtre ]