Menu boczne rozwija się po kliknięciu

filnston

Avatar: filnston

2018-02-27 18:28

Napisałem, zanim odczytałem Twoją wiadomość.

Zrobiłem tak jak napisałeś i mam to drugie menu, ale nie mam pierwszego

filnston

Avatar: filnston

2018-02-27 18:30

Zobacz teraz. Są oba menu, ale to pierwsze jest brzydkie.

szymaniukjerzy

Avatar: szymaniukjerzy

2018-02-27 18:31

W stylach ustaw takie same dla obu menu.

Jerzy

szymaniukjerzy

Avatar: szymaniukjerzy

2018-02-27 18:33

Napisz jaki nr menu masz dla "Kategorii", a jaki dla "O domkach"

Jerzy

filnston

Avatar: filnston

2018-02-27 18:34

Kategorie 2
O domkach 3

filnston

Avatar: filnston

2018-02-27 18:35

/* LEFT COLUMN STYLES */
#column{float:left;width:342px;padding:0px 0 10px 0; margin-right:10px; }
#column .type{margin-top:25px;padding:7px 0 7px 10px;color:#fff;font-size:22px;letter-spacing:1px;border:0;}
#menu2, #menu3{margin:0px 10px 10px 0; width:342px;}

/* LEFT MENU */
#menu2, #menu3 .type{margin-top:0; background:url(img/img_27.jpg) top left no-repeat;font-family: 'Oswald', sans-serif; padding:10px 0 10px 20px;}
#menu2, #menu3 ul{padding:15px 0 25px 9px;list-style:none;background:url(img/img_36.jpg) left bottom no-repeat #e0e0e0; margin:0}
#menu2, #menu3 li{padding:4px 0 4px 15px;background:url(img/img_33.jpg) no-repeat 13px 9px; margin:0 }
#menu2, #menu3 a{display:block;width:87%;padding:2px 2% 4px 7%;color:#454545;font-size:1.083em;background:none; text-decoration:none;}
#menu2, #menu3 a:hover, #menu2 .sub1 a:hover{color:#3598e6;background:none;}
#menu2, #menu3 .selected > a:first-child{color:#3598e6;background:none;}

#menu2, #menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu2, #menu3 .sub1 li{padding:2px 0 2px 24px;background:url('img/circle.png') no-repeat 11px 10px;}
#menu2, #menu3 .sub1 a{display:block;width:100%;padding:2px 0;}

#column .box{margin:0px;}
#column .box .type {background:url(img/img_35.jpg) top left no-repeat #e0e0e0;font-family: 'Oswald', sans-serif; padding:10px 0 10px 20px;color:#454545;font-size:22px; margin:0}
#column .box .content{padding:15px 15px 25px 15px;list-style:none;background:#e0e0e0 url(img/img_36.jpg) bottom left no-repeat;line-height:1.5em;}
#newsletter .input{width:292px; padding:8px; }
#newsletter label{display:none;}
#newsletter fieldset{padding:0;margin:0;}
#newsletter p{text-align:center;margin-top:5px;}

szymaniukjerzy

Avatar: szymaniukjerzy

2018-02-27 18:36

Skopiuj i wstaw tu wszystkie wiersze styli zaczynające się od #menu2 i #menu3

Jerzy

szymaniukjerzy

Avatar: szymaniukjerzy

2018-02-27 18:37

Poczekaj teraz

Jerzy

szymaniukjerzy

Avatar: szymaniukjerzy

2018-02-27 18:39

Ma być tak:
/* LEFT MENU */
#menu2 .type, #menu3 .type{margin-top:0; background:url(img/img_27.jpg) top left no-repeat;font-family: 'Oswald', sans-serif; padding:10px 0 10px 20px;}
#menu2 ul, #menu3 ul{padding:15px 0 25px 9px;list-style:none;background:url(img/img_36.jpg) left bottom no-repeat #e0e0e0; margin:0}
#menu2 li, #menu3 li{padding:4px 0 4px 15px;background:url(img/img_33.jpg) no-repeat 13px 9px; margin:0 }
#menu2 a, #menu3 a{display:block;width:87%;padding:2px 2% 4px 7%;color:#454545;font-size:1.083em;background:none; text-decoration:none;}
#menu2 a:hover, #menu3 a:hover, #menu2 .sub1 a:hover, #menu3 .sub1 a:hover{color:#3598e6;background:none;}
#menu2 .selected > a:first-child, #menu3 .selected > a:first-child{color:#3598e6;background:none;}

#menu2 .sub1, #menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu2 .sub1 li, #menu3 .sub1 li{padding:2px 0 2px 24px;background:url('img/circle.png') no-repeat 11px 10px;}
#menu2 .sub1 a, #menu3 .sub1 a{display:block;width:100%;padding:2px 0;}

Widzisz na czym polega ostylowanie?

Jerzy

filnston

Avatar: filnston

2018-02-27 18:42

WIELKIE DZIĘKI!!! Dla mnie to czarna magia ;(

szymaniukjerzy

Avatar: szymaniukjerzy

2018-02-27 18:44

W _header.php zmień ilość zagłębień:
z
echo $oPage->throwMenu( 2, $iContent, 1 );
na
echo $oPage->throwMenu( 2, $iContent, 2 );

Zrób to dla obu menu.

Jerzy

filnston

Avatar: filnston

2018-02-27 18:56

Te mogą zostać. Fajnie wyglądają.

Do góry
o nas | kontakt