Menu boczne - pytanie

malyd77

2017-05-24 11:45

Witam

W jaki sposób zmienić skórkę:

WEBSTYLE001
lub
IRIDIUM

aby menu wyświetlało się z lewej strony a nie na górze.
Z góry dziękuję za pomoc
QuickCMS 6.4

» Quick.Cms v6.x

Dawid

malyd77

2017-05-25 11:36

Witam

Posiedziałem wczoraj trochę późnym wieczorem i doszedłem jak umieścić menu z lewej strony. Może komuś się to przyda. Co zrobiłem

Cała zabawa dotyczyła szablonu -> WEBSTYLE001

1. Edycja pliku

HEADER.PHP

gdzie wkleiłem dodatkowego DIVa o id lewa

<div id="content">
<div id="lewa">
<?php echo $oPage->listPagesMenu( 2, Array( 'iDepthLimit' => 0 ) ); // content of additional menu ?>

następnie edycja pliku FOOTER.PHP gdzie zamknąłem tego DIVa

1. Edycja pliku style.css

Nie byłem oryginalny skopiowałem style z menu górnego i metodą prób i błędów dochodziłem co służy do czego

/* LEWA */
#lewa .menu-2{margin-top:10px;display:inline-block;float:left;clear:both;width:150px;background:url(img/li.jpg) 0 0 repeat-x #f7f7f7;
-webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);}
#lewa .menu-2 ul{float:left;height:100%;margin:0;list-style:none;}
#lewa .menu-2 li{position:relative;float:left;width:150px; margin:0;text-align:center;background:url(img/li.jpg) 0 0 repeat-x #f7f7f7;border-right:1px solid #ededed;}
#lewa .menu-2 li.l1{border-left:none;}
#lewa .menu-2 li a{font-family: 'Oswald', sans-serif; font-size:14px; line-height:15px; color:#3b3b3b; text-transform:uppercase; display:block; position:relative; padding:37px 0 34px;text-decoration:none;}
#lewa .menu-2 li:hover, #header .menu-2 .selected{border-top:4px solid #28a180;}
#lewa .menu-2 li a:hover, #header .menu-2 .selected a{padding-top:33px;}

3. Następnie metodą prób i błędów dochodziłem do tego jak odsunąć treść strony od menu.

Może się komuś to do czegoś przyda.

Mam problem z jedną rzeczą i nie wiem jak to zrobić. W oryginalnym górnym menu aktywna pozycja w menu ma taki zielony pasek na górze. W tym rozwiązaniu jak klikam w daną pozycję menu to ten pasek się zapala i gaśnie. Wiecie co z tym można zrobić

Dawid

selekcjoner

2017-05-25 16:35

#lewa .menu-2 li:hover, #header .menu-2 .selected{border-top:4px solid #28a180;}
#lewa .menu-2 li a:hover, ------> #header .menu-2 .selected a{padding-top:33px;}

Nie wszędzie zmieniłeś na #lewa

malyd77

2017-05-25 23:07

Dzięki selekcjoner. Pomogło :)
Wiesz wszystko robię metodą prób i błędów :)
Tego nie zauważyłem
Dzięki

Dawid