Empêcher le défilement du menu de droite du skin Clean.

Messagepar azaroth » Ven 21 Sep 2007, 23:17

Bonsoir,

Je souhaite savoir comment bloquer le défilement du menu de droite sur le template clean afin d ele rendre toujours visible ?

Merci.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar dAvydAv » Lun 24 Sep 2007, 11:08

Bonjour,

Tu dois modifier ton css. Voici un bon exemple

http://openweb.eu.org/articles/initiation_absolue/annexes/annexe3.html
;)
Il vaut mieux que de longues explications


bon courage ;)
dAvydAv
Membre actif
 
Messages: 59
Inscription: Lun 06 Aoû 2007, 18:44

Messagepar azaroth » Mar 25 Sep 2007, 13:30

Je me demande s'il ne vaudrai mieux pas que je crée un div dans stylesheet.css dans lequel inclure le menu, mais je sais pas faire.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar dAvydAv » Mer 26 Sep 2007, 10:44

Bonjour,

Dans le stylesheet.css, tu pourrais définir un style associé au div que tu veux inclure dans ton menu. Mais ce div tu dois le créer dans template.php.
Dans ton fhicer template.php situé dans l'arborescence au même endroit que ton stylesheet.css, tu dois pouvois faire quelque chose comme ça:
Code: Tout sélectionner
   <div id="mon_menu"><!--à toi de le créer-->


   <div id="nav"><?php require_once(DIR_WS_BOXES.'menu.php'); ?></div>
   <!-- normalement tu as au moins l'instruction php dans ton fichier c'est elle que tu doi localiser-->



   </div>

Ensuite dans stylesheet.css:
Code: Tout sélectionner
   #mon_menu {
}

et c parti

a++
dAvydAv
Membre actif
 
Messages: 59
Inscription: Lun 06 Aoû 2007, 18:44

Messagepar azaroth » Mer 26 Sep 2007, 14:04

J'ai essayé mais sans succès, je dois sûrement pas bien m'y prendre, j'ai essayé de m'inspirer des autres routines similaires mias bon, j'arrive à rien.

Voilà le code de ma fichier : template.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?php echo CHARSET; ?>" />

<?php require_once(DIR_WS_INCLUDES . 'header_tags.php');?>

<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<meta http-equiv="Content-Style-Type" content="text/css" />

<meta name="robots" content="index,follow,all" />
<meta name="revisit-after" content="15 days" />

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>" />

<link rel="stylesheet" type="text/css" href="templates/clean/stylesheet.css" media="screen" />
<link rel="shortcut icon" type="images/x-icon" href="favicon.ico"/>

<meta name="DC.Creator" content="ManMachine"/>
<meta name="DC.Date.created" scheme="W3CDTF" content="2005-03-21"/>

<script type="text/javascript" src="includes/general.js"></script>

<?php isset($javascripts) ? require_once(DIR_WS_INCLUDES . 'js/' . basename($javascripts)) : ''; ?>

</head>
<body id="<?php echo oscss_body_id($page_content) ; ?>">

<div id="page">

<div id="top">

<h1>osCSS Demo shop</h1>
<div id="nav"><?php require_once(DIR_WS_BOXES.'menu.php'); ?></div>

</div>

<div id="breadCrumb"><?php echo $breadcrumb->trail(' &raquo; '); ?></div>

<div id="pageContent"><?php require_once('includes/content/' . $page_content); ?></div>


<div id="sidebar">
<div id="languages"><?php include(DIR_WS_BOXES.'languages.php'); ?></div>
<div id="loginBox"><?php include(DIR_WS_BOXES.'login_box.php'); ?></div>
<div id="categoriesBox"><?php require_once(DIR_WS_BOXES.'categories.php'); ?></div>
<div id="searchBox"><?php require_once(DIR_WS_BOXES.'search.php'); ?></div>
<div id="cartBox"><?php require_once(DIR_WS_BOXES.'shopping_cart.php'); ?></div>
<div id="informationBox"><?php require_once(DIR_WS_BOXES.'information.php'); ?></div>
</div>



<div id="footer">
<p class="copyright">
~ copyright &copy; CounterAct Design 2005 ~
<br />
~ Propuls&eacute; par <a href="http://www.counteractdesign.com/blog/" title=" osCSS ">osCSS</a>
&middot; <a href="http://validator.w3.org/check?uri=referer" title=" validate XHTML ">XHTML</a>
&middot; <a href="http://jigsaw.w3.org/css-validator/check/referer" title=" validate CSS ">CSS</a> ~
<br />
~ Bas&eacute; sur <a href="http://www.oscommerce.com" title=" osCSS ">osCommerce</a> ~
</p>
</div>


</div><!-- end #page -->


</body>
</html>

et le code de mon fichier ;

/*
$Id: stylesheet.css,v 1.2 2005/10/05 16:43:18 manmachine Exp $

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Copyright (c) 2003 osCommerce

Released under the GNU General Public License
*/

/* ------- CSS OSC --------- */
@import url(dropDownMenu.css);

@import url(css/general.css);


@import url(css/index.css);
@import url(css/product_info.css);
@import url(css/products_new.css);
@import url(css/shopping_cart.css);
@import url(css/advanced_search.css);
@import url(css/advanced_search_result.css);
@import url(css/create_account.css);

@import url(css/checkout_shipping.css);
@import url(css/checkout_payment.css);
@import url(css/checkout_confirmation.css);
@import url(css/checkout_success.css);

@import url(css/conditions.css);
@import url(css/contact_us.css);

@import url(css/account.css);
@import url(css/address_book.css);
@import url(css/account_edit.css);
@import url(css/account_history.css);
@import url(css/account_history_info.css);
@import url(css/account_newsletters.css);
@import url(css/account_password.css);


@import url(css/boxes.css);
@import url(css/whatsnew_infobox.css);
@import url(css/products_listing.css);

@import url(css/menu.css);

@import url(css/categories_dropdown.css);


/* - general - */
body {
width: 100%;
margin: 0; padding: 0;
text-align: center;
font: 0.9em Arial; color: #fff;
font-weight:;
background : transparent url(images/test.jpg) no-repeat top center;
background-attachment:fixed;
}


/* ----------------------------------------------------- */
/* ------------------------- template ------------------ */
/* ----------------------------------------------------- */
#page{
position: relative;
width : 800px;
margin: 0 auto 0 auto;
text-align: left;
background: transparent url() repeat-y left;
}

#top{
height: 220px;
width: 780px;
margin : 0 0 0 10px;
background: #444 url(images/top.jpg) no-repeat top center;
background-attachment:fixed;
}

#top h1 {
text-indent: -9999px;
}


#pageContent{
float : left;
width : 540px;
padding: 30px 0 0 30px;
}

#sidebar { margin: 20px 0 0 580px; }

#breadCrumb {
position:absolute;
top: 220px;
left: 0px;
padding: 2px; margin: 0 0 0 20px;
width:546px; height:20px;
background: url(images/breadcrumb.gif) no-repeat;
text-align:center;
}


/* Footer
********************************************/
#footer{
clear: both;
margin: 0 10px 0 10px;
height: 50px;
border: 0px solid #fff;
background: url(images/footer.gif) no-repeat;
padding: 0.3em;
font: normal 0.85em Arial; color: #eee;
text-align:center;
}

#footer .copyright a {
color: #eee;
text-decoration: underline;
}

#footer .copyright a:hover {
text-decoration: none;
}

/*-------------------------*/


/* ------- forms --------- */
input#search {
width:130;
border: 1px solid #16495C;
padding: 1px;
font-size: 0.9em;
}

/* ------- original --------- */
SPAN.newItemInCart {color: #ff0000; }
SPAN.greetUser { color: #eeeeee; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial; font-size: 10px; color: #000000; }

C'est vraiment pas mon truc la programmation et je suis pas super patient, je veux bien consacrer une journée à faire des essais dans tous les sens mais au bout d'un moment, je sature.

Merci de ton aide en tout cas.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar dAvydAv » Jeu 27 Sep 2007, 10:21

Bonjour,

Pour commencer, dans ton template.php tu vois que tu as un div qui contient ton menu c'est
Code: Tout sélectionner
   <div id="nav"><?php require_once(DIR_WS_BOXES.'menu.php'); ?></div>

Ensuite apparemmen tu t'es basé sur le template clean, le style de ton menu nav est donc régit par le fichier css/menu.css qu est appelé par le code suivant dans ton stylesheet.css
Code: Tout sélectionner
@import url(css/menu.css);

Modifies dans ce fichier #nav
comme indiqué dans le tuto dont je t'ai communiqué le lien:
Code: Tout sélectionner
#nav {
 position:absolute;
 /*...;
...;*/
}

et inséres dans stylsheets.css:
Code: Tout sélectionner
html>body #nav {
position: fixed;
}

je pense que comme ça, devrait fonctionner.
Bon courage ;) ++
dAvydAv
Membre actif
 
Messages: 59
Inscription: Lun 06 Aoû 2007, 18:44

Messagepar azaroth » Mar 02 Oct 2007, 14:18

Effectivement, ça fonctionne bien pour le menu du haut (les 3 boutons), j'ai pas encore réussi à adpatrer ta technique sur le meu de droite mais je finirai bien par y arriver.
Je et tiens au courrant si j'ai des soucis.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar dAvydAv » Mar 02 Oct 2007, 15:52

Ok Azaroth
:)

Bon courage.
dAvydAv
Membre actif
 
Messages: 59
Inscription: Lun 06 Aoû 2007, 18:44


Retourner vers Design

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

cron