Vote for v1.5 Fixes

PrestaShop Forum: Build a free online shop. Count on the Community!

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum: Build a free online shop. Count on the Community!

Jump to content

Photo

Supprimer le colonne de droite


  • Please log in to reply
12 replies to this topic
kcyshoes

    PrestaShop Newbie

  • Members
  • Pip
  • 21 posts

Posted 21 October 2011 - 11:39 AM

Bonjour,

Mon site se présente de la façon suivante:
- Colonne de gauche: Panier, catégorie, etc ....
- Colonne du milieu: Produits phares.
- Colonne de droite: Je l'ai enlevé, donc il n'y a plus rien

Je voudrai élargir le colonne du milieu pour qu'elle prenne la place de celle de droite, et me retrouver avec 2 colonne, une a gauche et une autre qui prendra tous le reste de la page.

Dois-je modifier le fichier Homefeatured ?? si oui que dois-je supprimer?

Merci pour vos réponses

hafede

    PrestaShop Apprentice

  • Members
  • PipPip
  • 85 posts

Posted 21 October 2011 - 12:21 PM

global.css augmente le nombre de pixel de column center si je me souviens bien...
Pour me remercier --> http://www.supercadeau.fr <-- Parlez en !

hafede

    PrestaShop Apprentice

  • Members
  • PipPip
  • 85 posts

Posted 21 October 2011 - 12:22 PM

En tout cas c'est un truc dans le genre dans ton ftp / themes/ thèmequetuutilise/ css / global.css
Pour me remercier --> http://www.supercadeau.fr <-- Parlez en !

kcyshoes

    PrestaShop Newbie

  • Members
  • Pip
  • 21 posts

Posted 21 October 2011 - 01:38 PM

Sur le fichier global.css, je ne trouve pas la bonne ligne que je dois modifier apres avoir fait plein de test biensur.

En fait, j'aimerai tous simplement supprimer la colonne de droite sur tout le site.

Merci

cedricfontaine

    PrestaShop Apprentice

  • Members
  • PipPip
  • 396 posts

Posted 21 October 2011 - 02:23 PM

Il faut modifier le width dans global.css

#center_column (line 238)
{
width: 556px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 30px;
margin-left: 0pt;
overflow-x: hidden;
overflow-y: hidden;
}
Cedric Fontaine
Consultant internet, spécialiste e-commerce
Développeur Web en php, html et javascript.
blog > http://www.spidmail.net

kcyshoes

    PrestaShop Newbie

  • Members
  • Pip
  • 21 posts

Posted 21 October 2011 - 02:53 PM

Je ne trouve pas la bonne section.

Comment faire pour vous montrer mon global.css ??

kcyshoes

    PrestaShop Newbie

  • Members
  • Pip
  • 21 posts

Posted 21 October 2011 - 02:53 PM

/*
PrestaShop CSS
18 used colors:
10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
4 fushias: #f6dce8 #000 #971d58 #5d0630
2 yellows: #f8e1a0 #f9e400
1 green: #488c40
1 red: #da0f00
*/

* {padding:0;margin:0;vertical-align:top;}

/* Useful */
.align_center { text-align: center }
.align_right { text-align: right }
.middle { vertical-align: middle }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.hidden, .collapsed, .block_hidden_only_for_screen { display: none }
.wrap { white-space: normal }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }
.top { vertical-align: top }
.span_link { cursor: pointer }
.span_link:hover { text-decoration: underline }
.clear { clear: both }
br.clear {
clear: both;
line-height: 0;
font-size: 0;
height: 0
}
noscript ul {list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }
/* new clearfix */
.clearfix:after {
clear: both;
display: block;
height: 0;
font-size: 0;
visibility: hidden;
content: ".";
}
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }

/* Footer links */
ul.footer_links {list-style-type: none;clear: both;height: 2em; margin-top: 2em;font-size:14px;}
ul.footer_links li {
float: left;
margin-right: 2em;
height: 2em
}
ul.footer_links li a { text-decoration: none }
ul.footer_links li a:hover { color: black }
ul.footer_links li img.icon { vertical-align: -2px }

/* transfert effect*/
.transferProduct { border: 2px solid #888 }

/* simple list inline */
ul.inline_list { list-style-type: none; margin-top: 1em }
ul.inline_list li { float: left; text-align: center }
ul.inline_list li img { display: block }
ul.half {
width: 45%;
margin-right: 1em;
float: left
}



/* global style */
a {color:#707070;text-decoration:underline;outline:none;}

a:hover { text-decoration: none }

.input:focus { outline: 0 }
a img {
outline: none;
border: none;
text-decoration: none
}
h2 {padding:20px 0 0 0;font:bold 20px "Times New Roman";color:#303030;text-transform:uppercase;}

h2 span {margin-left:32px;font:normal 14px "Times New Roman";color:#707070;text-transform:none;vertical-align:baseline;}

h3 {font-size:14px;margin:1em 0;color:#707070;}

h4 {font-size:1em;padding-top:7px;}



/* global RTE fields */
div.rte,
.mceContentBody {
text-align: left;
background: white;
color: black
}
body.mceContentBody {
margin: 9px 6px;
width: 556px
}
div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6,
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
margin: 0.75em 0 0.3em 0;
color: #374853
}
div.rte h1,
.mceContentBody h1 {
font-size: 25px;
font-weight: bold
}
div.rte h2,
.mceContentBody h2 {
font-size: 20px;
background: none;
text-transform: none;
height: auto
}
div.rte h3, .mceContentBody h3 { font-size: 16px }
div.rte h4, .mceContentBody h4 { font-size: 14px }
div.rte h5,.mceContentBody h5 { font-size: 12px }
div.rte h6, div.rte h6 { font-size: 8px }
div.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
div.rte ul, .mceContentBody ul {
list-style-type: square;
margin-left: 10px
}
div.rte strong, .mceContentBody strong { font-weight: bold }
div.rte em, .mceContentBody em { font-style: italic }

/* tables still need 'cellspacing="0"' in the markup */
div.rte table,.mceContentBody table {
border-collapse: separate;
border-spacing: 1px;
width: auto
}
div.rte caption, div.rte th, div.rte td, div.rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
text-align: left;
font-weight: normal;
background: none;
height: inherit;
border: 1px #e5e6e7 solid;
text-align: center
}
div.rte th, .mceContentBody th {
padding-left: 1em;
padding-right: 1em;
background: #e5e6e7
}
#center_column div.rte p,
.mceContentBody p { padding-left: 0; margin: 0.5em 0 }
div.rte ol, .mceContentBody ol {
list-style-type: decimal;
margin-left: 10px
}

div.rte h3 {font-weight:bold;}
div.rte p {color:#707070 !important;}



/* /global RTE fields */

/* global table style */
div.table_block {
background: transparent url('../img/table_footer.gif') no-repeat bottom left;
padding-bottom: 6px;
margin: 0 auto 2em;
}
table.std {
border-spacing: 0;
border-collapse: collapse;
width: 100%
}
table.std td, table.std th { padding: 0.4em 0.5em }
table.std th { white-space: nowrap }
table.std tr.item td, table.std tr.item th { background-color: white }
table.std tr.alternate_item td,
table.std tr.alternate_item th { background-color: #f1f2f4 }
table.std tbody tr td, table.std tfoot tr td { border-top: 1px solid #bdc2c9 }
table.std thead th {
background:#eee;
height: 24px;
color: #374853;
font-weight: bold;
text-align: left;
white-space: nowrap
}
table.std thead th.first_item { background-position: top left }
table.std thead th.last_item { background-position: top right }
table.std thead th.item { background-position: -5px 0 }
table.std tfoot td {
color: #374853;
text-align: right;
white-space: nowrap
}

/* /global table style */

/* global form style */
form.std {clear:both;}
form.std h3 {color:#000;font-size:14px;font-weight:bold;border-bottom:1px solid #000;padding:0 0 5px 0;margin:0 0 0.5em 0;}
form.std fieldset {border:none;margin-bottom:13px;padding-bottom:13px;}
form.std fieldset legend {padding:0.3em 0.6em;margin:1em 0 1em 0.5em;font-size:1.6em;font-weight:100;border-color:#d0d1d5;border-style:solid;border-width:1px;}

form.std h4,
form.std p {padding:0.3em 1em;clear:both;}

form.std label,
form.std p span {float:left;text-align:right;width:30%;padding:0;color:#707070;}

form.std p span.like_input {width:auto;margin-left:0.7em;}

input,
textarea,
select,
span.editable {margin-left:0.7em;font-size:12px;font-family:Arial;outline:none;}

input,
textarea,
select {border:1px solid #bdc2c9;font:normal 12px "Arial";color:#000;}

input.text {height:18px;padding-left:2px;padding-right:2px;}

.checkbox input,
.radio input {border:none;}

form.std .checkbox label,
form.std .radio label,
form.std span.form_info {margin:0;float:none;text-align:left;}

.required sup {color:#da0f00;}
form.std p.checkbox {padding-left:31.2%;}
form.std p.submit {padding-left:31%!important;margin-bottom:1.5em;}
#center_column form.std p.submit2 {padding-left:170px;margin-bottom:1.5em;}

p#desc_contact1,
p#desc_contact2 {padding-left:26px;}



/* START OF BUTTONS SECTION
* -tags: input, a, span
* -sizes: mini, small, normal, large
* -types: button, exlusive
* -status: normal, hover, disabled
* -rule: the span.button is a a.button disabled
*/



/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large
{height:25px !important;display:block;font:normal 12px/16px "Times New Roman" !important;color:#000 !important;background:#707070;border:none;color:;text-align:center;text-decoration:none !important;cursor:pointer;text-transform:uppercase;}

/* link button */
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large
{font:normal 12px/25px "Times New Roman" !important;}

/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled
{padding-bottom:2px;color:#fff;}

/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large
{cursor:default;color:#444 !important;}

/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large
{background:#000;color:#fff !important;}

/* exclusive disabled button */
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large
{color:#777 !important;}

/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {}

/* exclusive hover button */
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover
{}

/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini
{width:40px;}

input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small
{width:65px;}

input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive
{width:140px;}

input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large
{width:190px;}

/* exclusive button */
input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {}
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {}
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {}
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {}



/* id_state field in managed via JS and is firstly hidden */
form p.id_state { display: none }

/* generic style */
ul.bullet li {background:transparent url('../img/bullet.gif') no-repeat 6px 6px;list-style-type:none;}

.price-discount { text-decoration: line-through }
.price-pretax { color: gray }
.price-ecotax { color: #488c40 }
img.icon { margin-right: 0.5em; vertical-align: middle }
.price, .price-shipping, .price-wrapping {
color: #000;
font-size: 1.1em;
font-weight: bold;
white-space: nowrap
}

/* errors */
.error {border:2px solid #da0f00;background-color: #f1f2f4;color: #da0f00;margin:0;padding:5px 12px;}
.error p { font-weight: bold }
.error li {list-style-position: inside;list-style-type: decimal-leading-zero;}

/* warning */
.warning {
color:#000 !important;
font-size: 1.2em;
background-color: #F8E1A0;
border: 1px dashed #F9E400;
font-weight: bold !important;
margin: 0.2em 2em;
padding: 0.6em 1em
}
.warning_inline {
color: #da0f00;
font-weight: bold
}

/* success */
.success {
color: green;
background-color: #d0d3d8;
border: 1px dashed green;
font-weight: bold;
margin: 0.2em 1em;
padding: 0.3em 0.8em 1em
}
.success_inline {
color: green;
font-weight: bold
}



/* Header */
#header_right ul {list-style:none;}
#header_right form {border:none;margin-bottom:0 !important;display:inline;}
#header_right label {margin:0;float:none;}



/* block left column "Quick search" */
#search_block_left input { margin: 2px 0 0 0 }
#search_block_left #search_query { width: 11em }
#search_button { display: inline }



/*#center_column .products_block li.last_item { float: none; clear: both }*/
#center_column .products_block li.last_item_of_line { border-right: none }
#center_column .products_block li.first_item_of_line { clear: both }
#center_column .products_block li.last_line { border-bottom: none }
#center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em }
#center_column div.products_block h5 {
display: block;
margin-top: 8px;
}
#center_column div.products_block h5 a {
color: #374853;
font-size: 1.1em
}
#center_column div.products_block ul li p {
margin: 0;
padding: 0
}
#center_column div.products_block p.product_desc {
height: 9em;
color: #595a5e
}
#center_column div.products_block a.product_image {
display: block;
background-color: transparent;
margin-bottom: 2px;
margin-left: 2px;
width: 129px;
height: 129px
}
#center_column div.products_block .product_accessories_description a.product_image {
width: 118px;
height: 85px
}
#center_column div.products_block a.product_description {
display: block;
width: 118px;
height: 50px;
margin-left: 2px;
}

#center_column div.products_block a.product_image img {
float: none;
margin: 0
}
#center_column div.products_block h5 { margin: 10px 5px 3px 5px }
#center_column div.products_block p.product_desc { margin: 0 5px }
#center_column div.products_block ul li p.product_desc a { font-weight: normal }
#center_column .products_block span.price {
text-align: center;
font-size: 1.5em;
padding: 0.5em 0;
/*display: block;*/
}
p.price_container { text-align: center }
#center_column .products_block .featured_price { margin-top: 2.5em }
#center_column .products_block a.button,
#center_column .products_block a.exclusive,
#center_column .products_block span.exclusive { margin: 0.5em auto }



/* Block tags */
div.tags_block .block_content { padding: 3px 6px 0 }
div.tags_block p {
text-align: justify;
font-size: 0.9em
}
div.tags_block p a {
margin: 0 0.1em;
line-height: 1.5em
}
div.tags_block p a:hover {
color: white!important;
background-color: #5D717E;
text-decoration: none
}
a.tag_level3 { font-size: 1.8em; font-weight: bold }
a.tag_level2 { font-size: 1.4em }
a.tag_level1 { font-size: 1em; color: #888!important }



/* Block best sellers */
#best-sellers_block_right p {
margin: 0;
padding-top:3px
}



/* Block Viewed Products */
div#viewed-products_block_left div.block_content ul.products li {
margin-top: 0;
padding: 4px 0 0
}
div#viewed-products_block_left div.block_content ul.products li img { margin-right: 7px }



/* Block editorial */
.editorial_block { margin-bottom: 2em }
.editorial_block .rte { background: transparent none repeat scroll 0 0 }
.editorial_block h2 {
background: none;
padding: 0;
margin-bottom: 1em
}
.editorial_block p { padding-top: 0.4em }
#editorial_block_center p { padding-left: 0 }

/* Block advertising */
.advertising_block {}



/* discount.tpl */
td.discount_value { white-space: nowrap }



/* contact-form.tpl */
body#contact-form div#center_column form input#email,
body#contact-form div#center_column form select#id_contact,
body#contact-form div#center_column form textarea#message { width: 50% }
form.std p.desc_contact span.like_input {
width: 366px;
text-align: left
}



/* conditions & legal */
ul.shop_info {
list-style-type: square!important;
list-style-position: inside;
padding: 0.6em;
margin-top: 0.6em;
margin-left: 2em;
border: 1px solid #888
}
ul.shop_info li {
padding-left: 0.5em!important;
padding-bottom: 0.5em!important
}

/* conditions.tpl */
#conditions #right_column { display: none }
#conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }
#conditions #center_column {
width: 730px;
text-align: justify
}
#conditions #center_column ul,
#conditions #center_column ol {
margin-left: 2em;
padding: 0.6em
}
#conditions #center_column ul { list-style-type: circle }
#conditions #center_column li { padding-bottom: 0.5em }
#conditions #center_column { line-height: 1.3em }

/* identity.tpl */
p#security_informations {
font-size: 0.85em;
margin: 0 3em
}

/* order step 3: PAYMENT */
.payment_module { display: block }
.payment_module img {
vertical-align: middle;
margin-right: 1em
}
.payment_module a {
display: block;
border: 1px solid #595a5e;
padding: 0.6em;
text-decoration: none
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
border: 1px solid #488c40;
background-color: #e5e6e7;
color: #374853
}

/* Printable version */
@media print {
div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {
display: none;
}
div#center_column { width: 100% }
input.text { border: 1px solid gray }
.block_hidden_only_for_screen {
display: block;
margin-top: 1em
}
#more_info_sheets #idTab1 { width: 530px }
* {
background: none!important;
background-color: white!important;
}
}

/* Customizable product */
#customization_block { width: 556px }
.customization_block_title { margin: 4px 4px 4px 2px }
#customization_block ul { margin: 6px 6px 0 6px }
.customization_block_input { vertical-align: inherit }
img.customization_delete_icon { margin: 2px }
li.customizationUploadLine {
clear: left;
padding: 4px;
display: block
}
div.customizationUploadBrowse { float: left }
div.customizationUploadBrowseDescription { padding: 6px }
img.customizationUploaded {
margin: 2px;
border: 1px solid #888888
}
ul.customizationUploaded {
list-style-type: none;
margin-left: 4px
}
ul.customizationUploaded li { display: inline }
ul.customizationUploaded a { text-decoration: none }
div.customizationUploaded { clear: left }
div.deletePictureUploaded { float: right }
div.deleteCustomizableProduct { float: right }
ul.typedText {
padding-left: 6px;
list-style-type: none
}

/* category Products block */
#productscategory {
margin: 2em auto 0;
height: 120px;
width: 100%
}
#productscategory_noscroll {
margin: 2em auto 0;
height: 120px;
width: 100%
}
#productscategory_list {
overflow: hidden;
float: left;
width: 96%
}
#productscategory_list ul {
padding-left: 0;
list-style-type: none
}
#productscategory_list li {
float: left;
margin: 0 3px;
cursor: pointer;
text-align: center;
width: 100px;
overflow: hidden
}
#productscategory_scroll_left,
#productscategory_scroll_right {
background: url('../img/thumbs_left.gif') no-repeat center;
text-indent: -3000px;
display: block;
width: 9px;
height: 18px;
float: left;
margin-top: 30px
}
#productscategory_scroll_right { background-image: url('../img/thumbs_right.gif') }

/* crosselling block */
#crossselling {
margin: 0 auto 0;
height: 120px;
width: 100%
}
#crossselling_noscroll {
margin: 0 auto 0;
height: 120px;
width: 100%
}
#crossselling_list {
overflow: hidden;
float: left;
width: 96%
}
#crossselling_list ul {
padding-left: 0;
list-style-type: none
}
#crossselling_list li {
float: left;
margin: 0 3px;
cursor: pointer;
text-align: center;
width: 100px;
overflow: hidden
}
#crossselling_scroll_left,
#crossselling_scroll_right {
background: url('../img/thumbs_left.gif') no-repeat center;
text-indent: -3000px;
display: block;
width: 9px;
height: 18px;
float: left;
margin-top: 30px
}
#crossselling_scroll_right { background-image: url('../img/thumbs_right.gif') }

/* module blockwishlist */
#wishlist_block #wishlist_block_list dl.products {
font-size: 10px;
border-bottom: 1px solid #fff;
margin: 0 0 5px 0;
padding: 3px 0 5px
}
#wishlist_block div.block_content #wishlist_block_list dl.products dt a.cart_block_product_name { font-weight: bold }
#wishlist_block div.block_content #wishlist_block_list dl.products dt { margin: 2px 0 }
#wishlist_block div.block_content #wishlist_block_list dl.products dt a.ajax_cart_block_remove_link { float: right }
#wishlist_block div.block_content #wishlist_block_list dl.products dd {
font-style: italic;
margin: 0 0 0 10px
}
#wishlist_block div.block_content p select#wishlists { width: 140px }
#wishlist_block div.block_content p a.exclusive { margin: 5px auto 0 auto }

/* mywishlist */
div#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }
div#mywishlist div#block-order-detail {
margin-top: 10px;
display: block
}
div#mywishlist form.std fieldset label { width: 30px }
div#mywishlist form.std fieldset input#submitWishlist { display: inline }
div#mywishlist table.std thead th.mywishlist_first {
text-align: center;
width: 40px
}
div#mywishlist table.std thead th.mywishlist_second {
text-align: center;
width: 80px
}
div#mywishlist table.std thead th.first_item,
div#mywishlist table.std tbody tr td { width: 200px }
div#mywishlist div#block-order-detail { margin-top: 10px }
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }
div#mywishlist #hideBoughtProducts,
div#mywishlist #showBoughtProducts {
float: left;
margin: -18px 0 0 5px
}
div#mywishlist #showBoughtProducts,
div#mywishlist #hideBoughtProductsInfos,
div#mywishlist #hideSendWishlist { display: none }
div#mywishlist #showBoughtProductsInfos,
div#mywishlist #hideBoughtProductsInfos {
float: right;
margin: -18px 118px 0 0
}
div#mywishlist #showSendWishlist,
div#mywishlist #hideSendWishlist,
div#mywishlist div#block-order-detail ul li a.exclusive {
float: right;
margin: -18px 0 0 0
}
div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }
div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }
div#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }
div#mywishlist div#block-order-detail ul li img { float: left }

/* View wishlish */
#view_wishlist #featured-products_block_center ul div li a img { float: left }
#view_wishlist #featured-products_block_center ul div li a,
#view_wishlist #featured-products_block_center ul div li span {
text-decoration: none;
float: left
}
#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {
margin-left: 30px;
float: left
}
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }
#view_wishlist #featured-products_block_center ul div li a.exclusive,
#view_wishlist #featured-products_block_center ul div li span.exclusive {
margin-left: 55px
}
#view_wishlist #featured-products_block_center ul div li.address_name input.text {
color: #999;
font-weight: bold;
font-size: 11px;
border: 0
}

/* module reversoform*/
.account_creation #reverso-form { width: 100% }
.account_creation #reverso-form label {
width: 250px;
text-align: left;
margin-left: 10px
}
.account_creation #reverso-form label#legend_reverso {
clear: both;
width: 100%;
font-size: 10px;
text-align: left
}
.account_creation #reverso-form input#reverso_form { margin-top: 20px }

/* module productcomments */
.rating {
cursor: pointer;
margin: 2em;
clear: both;
display: block
}
.rating:after {
content: '.';
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden
}
.cancel, .star {
float: left;
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em;
cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0
}
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin: 10px 0 10px 0 }

.confirmation {font:bold 14px "Verdana" !important;color:#379642 !important;margin:15px 0 12px 0 !important;}

#page .rte { background: transparent none repeat scroll 0 0 }

/* module paypalapi */
.paypalapi_about { text-align: justify }
.paypalapi_about ul { padding-left: 20px }

/* cms pages */
#cms div.content_only {
text-align: left;
padding: 10px
}

Stéphane Chonez

    PrestaShop Addict

  • Members
  • PipPipPip
  • 675 posts

Posted 21 October 2011 - 08:29 PM

bonjour,

tu devrais avoir les infos du layout dans les environ de la ligne 200 de globall.css

genre:

/* global layout */
#page {
width: 990px;
margin: 0 auto 2px auto;
background: transparent url('../img/tontontong_logo.png') no-repeat top center;
text-align: left;
}
#header{
min-height:217px;
overflow:hidden;
}
#header_right {
float: right;
text-align: right;
width:990px
}

#columns{
margin-top:10px;
clear:both;
overflow:hidden;
}
#center_column, #left_column { float: left }

#center_column {
width: 764px;
overflow: hidden
}

#left_column {
width: 226px;
overflow: hidden
}


ensuite il faut adapter les dimensions de #center_column et de #left_colum pour que leur total égal celui de #page

voilà
Webdesigner / Intégrateur freelance - mon portfolio : www.stephanechonez.fr - mon site support Prestashop : http://www.prestatips.com - mon profil : Twitter

kcyshoes

    PrestaShop Newbie

  • Members
  • Pip
  • 21 posts

Posted 22 October 2011 - 07:07 PM

J'ai jamais vu ca !

Je n'ai pas du tout l'onglet GLOBAL LAYOUT !!

Jacques Biais

    PrestaShop Addict

  • Members
  • PipPipPip
  • 747 posts

Posted 22 October 2011 - 08:13 PM

Un conseil, télécharge firebug qui s'installe sur firefox, apprends à t'en servir, il y a un tuto en tête de rubrique sur le forum et tu gagneras un temps fou surtout pour ce genre de problème. La lecture d'un tuto sur prestashop serait également utile je pense.

Stéphane Chonez

    PrestaShop Addict

  • Members
  • PipPipPip
  • 675 posts

Posted 22 October 2011 - 09:10 PM

ce n'est pas un onglet, ceux sont des informations de style présentes dans le fichier globall.css

et je rejoins Jacques sur l'usage indispensable de firebug ;-)
Webdesigner / Intégrateur freelance - mon portfolio : www.stephanechonez.fr - mon site support Prestashop : http://www.prestatips.com - mon profil : Twitter

hafede

    PrestaShop Apprentice

  • Members
  • PipPip
  • 85 posts

Posted 24 October 2011 - 11:56 AM

Donnes l'adresse du site ça peut nous aider à te dire quelle ligne tu dois changer.

Ils ont raison utilises Firebug ça peut t'aider à identifier les sections à modifier plus facilement.
Pour me remercier --> http://www.supercadeau.fr <-- Parlez en !

Maury Girard

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1607 posts

Posted 24 October 2011 - 02:42 PM

Bonjour,
Il faut modifier non seulement le css
Pour enlever la colonne de droite par exemple il faut modifier le fichier footer.tpl et supprimer la div "right_column" :
<!-- Right -->
<div id="right_column" class="column">
{$HOOK_RIGHT_COLUMN}
</div>


Pour la colonne de gauche c'est le même principe sauf que ça se passe du coup dans la header.tpl il faut supprimer le div "left_column" :
<!-- Left -->
<div id="left_column" class="column">
{$HOOK_LEFT_COLUMN}
</div>

Toujours dans le header.tpl
Rajouter cette portion de code
<!-- Center -->
<div id="center_column" class="largeur-750">

à la place de
<!-- Center -->
<div id="center_column">

Et une fois que vous avez enlevé ce que vous voulez , il ne vous restera plus
qu'à modifier la largeur de votre div "center_column" et là
ça se passe dans le fichier global.css .
Modifier /* cms pages */ comme ce indiqez ci-dessus

/* cms pages */
#cms div.content_only {
text-align: left;
padding: 10px
}
.largeur-750{ width:750px; }

Cordialement,
Posted Image
Sous Prestashop: 1.4.8.2 & 1.5.2 ©Besoin d'aide sous Prestashop, me Mp
| Mes modules:Upgrade en cours | Mes thèmes:Upgrade en cours




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users