jak dodać kolejne menu po lewej stronie

j11w

2010-02-23 16:17

jak dodać kolejne menu po lewej stronie
dodałem według instrukcji http://opensolution.org/Quick.Cms/docs/?id=tips#jak_dodac_kolejne_menu
i wyszło mi coś takiego jak teraz jest na stronie http://filbud.nazwa.pl/black/

» Quick.Cms v1.x

jacek

Makaron

2010-02-25 13:53

Jest ok z tym, że menu to nie będzie ostylowane w pliku templates/default.css bo będzie miało identyfikator #menu5

www.mak-web.pl - modyfikacje QC i QCMS

j11w

2010-02-25 14:23

czy może pan pomóc nanieś poprawki w kodzie:

/*
Quick.Cms default stylesheet
*/
@import url( 'plugins.css' );

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{background-color:#fff;color:#222;font-size:0.75em;font-family:Arial, Helvetica, sans-serif;}

body{padding:0px 0;background:#151515 url('img/bg.jpg') repeat-x;text-align:center;}

.input, select, textarea{border:1px solid #999;font:0.917em Arial, sans-serif;}
.submit{font:1em Arial, sans-serif;}
.hide{display:none;}

a{background-color:inherit;color:#642;text-decoration:underline;}
a:hover{background:inherit;color:#009b81;text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#container{width:762px;margin:0 auto;padding:0 0 6px 0;}
#main{width:750px;margin:0 auto;border:0px solid #7baac9;text-align:left;}
* html #main{width:762px;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1{float:right;width:100%;background:#03609d;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{position:relative;clear:both;height:100px;background:#7cabc9 url('img/header.jpg') no-repeat;color:#fff;}
#logo{padding:40px 40px 0;}
#logo h1{float:left;padding:13px 20px 5px;border:1px solid #1c1c13;background:#4b4b3a;}
#logo h2{clear:left;padding:5px 8px;background:inherit;color:#fff;font:normal 2.217em sans;}

/* NAVIGATION PATH - TREE */
#navipath{position:absolute;top:200px;padding:0 0 0 5px;}
#navipath a{background-color:inherit;color:#fff;text-decoration:none;}
#navipath a:hover{text-decoration:underline;}

/* HEADER WITH TOP MENU UNDER LOGO */
#head3{float:left;width:100%;border-top:0px solid #996;background:#1e3b70;}

/* MENU TOP BELOW LOGO */
#menu2{float:left;font-family:tahoma;font-size:0.88em;list-style:none;}
#menu2 li{float:left;}
#menu2 a{display:block;float:left;height:41px;padding:0 14px;border-right:0px solid

#c9c6b3;background:#fff;color:#01164b;font-weight:bold;line-height:41px;text-decoration:none;}
#menu2 a:hover{background:#000;color:#fff;text-decoration:underline;}
#menu2 .selected{background:#000;color:#fff;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;float:left;width:100%;background:#fff url('img/two-columns.gif') repeat-y;}

/* LEFT COLUMN STYLES */
#column{float:left;width:215px;padding:10px 0;}
#column .type{padding:10px 0 0;background:inherit;color:#009b81;font:normal 1.75em arial;}
#menu3, #menu4{padding:0 20px;}

/* MENU TOP ABOVE LOGO */
#menu1{float:right;margin:12px 15px 12px 0;list-style:none;}
#menu1 li{float:left;padding:0 10px;}
#menu1 li a{display:block;padding-left:15px;background:url('img/points.gif') no-repeat 0 5px;color:#f58900;font: 0.88em arial;text-decoration:none;}
#menu1 li a:hover, #menu1 .selected{background-color:inherit;color:#000;text-decoration:underline;}

/* LEFT MENU */
#menu3 ul, #menu4 ul{margin:4px 0;border-bottom:1px dashed #bcbaac;list-style:none;font:11px tahoma;}
#menu3 a, #menu4 a{display:block;width:96%;padding:3px 2%;border-top:0px dashed #bcbaac;background:inherit;color:#fff;text-decoration:none;}
#menu3 a:hover, #menu4 a:hover{background-color:#eeede8;color:#a7080c;text-decoration:underline;}

#menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 10px 0;border:0;}
#menu3 .sub1 a, #menu4 .sub1 a{display:block;width:75%;padding:2px 10% 2px 15%;border:0;background:url('img/circle.png') no-repeat 14px 8px;}
#menu3 a:hover, #menu4 a:hover{background-color:#eeede8;}
* html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;}
#menu3 .selected, #menu4 .selected{background-color:inherit;color:#a7080c;text-decoration:underline;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:535px;padding:10px 0 5px;text-align:center;}
#page{width:94%;margin:0 auto;text-align:left;}

#page h3, .message h3{padding:10px 0 5px;background:inherit;color:#f58900;font:normal 2.00em verdana;}
#page div.content{font:0.88em tahoma;}

#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:3px 0;padding:0;border-left:0;}

#page .tS{float:right;margin:0 0 3px;}
#page .tS a{padding:0 1px;background:inherit;color:#222;font-weight:bold;text-decoration:none;}
#page .tS0{font-size:0.917em;}
#page .tS1{font-size:1.08em;}
#page .tS2{font-size:1.333em;}

.pages{padding:8px 0;text-align:right;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;text-align:center;}
.imagesList li img{border:2px solid #dcdac9;}
.imagesList li div{text-align:center;}

#imagesList1{float:left;margin:10px 10px 0 0;}
#imagesList2{clear:right;float:right;margin:10px 0 0 10px;}

/* FILES LIST STYLES */
#filesList{padding:5px 0;font-size:0.917em;list-style:none;vertical-align:middle;}
#filesList li{margin:0 0 4px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{background:inherit;color:#5b5b5b;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:3px 0;padding:5px 2%;background:#fbf9f4;border-left:1px solid #dcdac9;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 6px 5px 0;}
.subpagesList li img{border:2px solid #dcdac9;}
.subpagesList li h4{padding-bottom:2px;}
.subpagesList li h4, .subpagesList li h4 a{background:inherit;color:#009b81;font:bold 1.167em serif;}
.subpagesList li h4 a:hover{background:inherit;color:#442;}
.subpagesList li h5{font-weight:normal;font-size:1em;}
.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}

/* OPTIONS LINK */
#options{clear:both;margin:10px 10px 0;background:inherit;color:#7f7f66;font-size:0.917em;text-align:right;}
#options a{padding:0 7px 0;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #7f7f66;}

.message{padding:40px 0;text-align:center;}

/* ADDITIONAL COLUMN */
#column2{display:none;float:right;width:100px;}

/* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */
#foot{clear:both;float:left;width:100%;padding:19px 0 0;background:#000;color:#fff;font-size:0.88em;}
#foot a{background:inherit;color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}

#copy{float:left;padding:0 10px;}
.foot{float:right;padding:0 10px;}
#powered strong{font-weight:normal;}

@media print{
/* PRINT STYLES */
body{margin:1cm 0;background:#fff;color:#000;}
#container{width:16cm;height:auto;background:#fff;}
#main{width:16cm;margin:0 auto;border:0px;}

#logo{padding:0;}
#logo h1{padding:0;}
#logo h2{font-family:Arial;}

#body{background:#fff;}
#head2, #content, #foot{width:16cm;}
#head2{height:auto;}
#column, #head1, #head3, #navipath, #back, #page .tS{display:none;}
a, #head2, #logo h2, #foot, #foot a, .subpagesList li, #page h3, .subpagesList li h4 a, #filesList em, .imagesList li{background:inherit;color:#000;}
}

jacek

Makaron

2010-02-26 14:18

Tak.. Zamień to:


/* LEFT MENU */
#menu3 ul, #menu4 ul{margin:4px 0;border-bottom:1px dashed #bcbaac;list-style:none;font:11px tahoma;}
#menu3 a, #menu4 a{display:block;width:96%;padding:3px 2%;border-top:0px dashed #bcbaac;background:inherit;color:#fff;text-decoration:none;}
#menu3 a:hover, #menu4 a:hover{background-color:#eeede8;color:#a7080c;text-decoration:underline;}

#menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 10px 0;border:0;}
#menu3 .sub1 a, #menu4 .sub1 a{display:block;width:75%;padding:2px 10% 2px 15%;border:0;background:url('img/circle.png') no-repeat 14px 8px;}
#menu3 a:hover, #menu4 a:hover{background-color:#eeede8;}
* html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;}
#menu3 .selected, #menu4 .selected{background-color:inherit;color:#a7080c;text-decoration:underline;}

na to:


/* LEFT MENU */
#menu3 ul, #menu4 ul, #menu5 ul{margin:4px 0;border-bottom:1px dashed #bcbaac;list-style:none;font:11px tahoma;}
#menu3 a, #menu4 a, #menu5 a{display:block;width:96%;padding:3px 2%;border-top:0px dashed #bcbaac;background:inherit;color:#fff;text-decoration:none;}
#menu3 a:hover, #menu4 a:hover, #menu5 a:hover{background-color:#eeede8;color:#a7080c;text-decoration:underline;}

#menu3 .sub1, #menu4 .sub1, #menu5 .sub1{margin:0;padding:0 0 10px 0;border:0;}
#menu3 .sub1 a, #menu4 .sub1 a, #menu5 .sub1 a{display:block;width:75%;padding:2px 10% 2px 15%;border:0;background:url('img/circle.png') no-repeat 14px 8px;}
#menu3 a:hover, #menu4 a:hover, #menu5 a:hover{background-color:#eeede8;}
* html #menu3 a, * html #menu4 a, * html #menu5 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a, * html #menu5 .sub1 a{width:100%;}
#menu3 .selected, #menu4 .selected, #menu5 .selected{background-color:inherit;color:#a7080c;text-decoration:underline;}

PS: I nie Pan. ;p