PDA

Zobacz pełną wersję : problem z menu w szablonie



kruger25
14-10-2011, 23:59
Witam uzywam szablonu rt RocketTheme Afterburner zainstalowaniu superfishmenu lub jakos tak:) Bo kombinowaniu z menu na pozycji top zniknał moze to glupie styl coloru dla menu na pozycji left.
Odnalazlem kod w css ktory odpowiada za kolor dla tego menu.

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}


#colmask .m_menu {background:#7F8C51;color:#fff;}

Na localhost zmiana tego koloru powoduje zmiane kolor calego menu dla pozycji "left" a na mojej stronie w internecie juz to nie dziala
Probowalem odinstalowac mod superfishmenu a nawet odinstalować szablon i zainstalowac go jeszcze raz ale to tez nie pomoglo ,i glupia bo niewiem jak to znow właczyc,i dlaczego tak sie stalo?

nikszal
15-10-2011, 00:09
Jest taki magiczny skrót używany w przeglądarkach - Ctrl+F5. Klepnij go kilka razy, to może w końcu zobaczysz to, co chcesz zobaczyć.
I radzę sprawdzić czy w konfiguracji nie jest włączona pamięć podręczna oraz dodatek System - Cache.

kruger25
15-10-2011, 00:21
chodzi ci o pamiec podreczna dla przegladarki? niestesty sprawdzalem to tez na innym kompie gdzie indziej

nikszal
15-10-2011, 00:26
a co z pamięcią podręczną w cms-ie?

kruger25
15-10-2011, 00:29
konfiguracja globalna? pamięc podreczna "nie" czas przecohwyhani 15minut miejsce przecohwani Plik

nikszal
15-10-2011, 00:32
kurna! będziesz dalej tak cedził po jednym zdaniu? jest jeszcze dodatek System - Cache.

kruger25
15-10-2011, 00:35
no dobra spokojnie nie denerwuj sie ,swiezak ze mnie w joomla przyznaje sie bez bicia :) ,system-cash jest wylaczony a w jego ustawieniach Pamięc przegladarki jest "nie" i czas 15

nikszal
15-10-2011, 00:39
To teraz podaj link do strony i szczegółowo opisz problem bez wklejania kodu. Jak będę miał link, to sam zobaczę co w trawie piszczy.

kruger25
15-10-2011, 00:42
www.advokacka.pl (http://www.advokacka.pl)

Widom menu na pozycji "left" wyglada tak a powinno wygladac tak link http://www.rockettheme.com/images/joomla/details/afterburner/afterburner-details-thumb.jpg to tak najprosciej ,wczesniej dzialalo po zainstalowaniu tego modu z menu juz nie

nikszal
15-10-2011, 00:45
Jak Ty tak samo interpretujesz prawo jak czytasz ze zrozumieniem posty, to ja nie chcę być Twoim klientem.
Miał być link i szczegółowy opis problemu. Nie jestem wróżką.

kruger25
15-10-2011, 00:52
zaraz poprawilem post na gorze,link i opis ,poprostu menu po lewej stronie na pozycji left pownno byc cale zielone a nie jest ,i grzebanie w kodzie nic nie daje.

nikszal
15-10-2011, 01:10
Nie wiem, co nakombinowałeś, bo taka deklaracja w css jest.


#colmask .m_menu {background:#7F8C51;color:#fff;}

Być może skopałeś coś w konfiguracji modułu. Bez zaglądania do środka to sobie mogę...

kruger25
15-10-2011, 01:17
Ja tez niewiem bo poprostu zainstalowalem ten mod ,usunalem star "mod_mainmenu" i dalem tego fisha i momentalnie zniknął ten kolor

html,body,div,span,applet,object,iframe,h1,h2,h3,h 4,h5,h6,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small, strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fields et,form,label,legend,table,caption,tbody,tfoot,the ad,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertic al-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Helvetica, Arial, sans-serif;color:#555;}
h1,h2,h3,h4,.componentheading {font-weight:bold;margin:2em 0 1em;}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
a {color:#34647F;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;background:#646f3d;}
.background {position:absolute;width:100%;height:130px;backgro und:url(../images/light4.png) 0 -384px repeat-x;}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {border-bottom:1px solid #ddd;}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;widt h:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%; }
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50 %;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;marg in-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left :0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200 %;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background:#eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background:#D4DEE3;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {background:#fff;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}

/* Header */
#logo {width:288px;height:58px;background:url(../images/light4.png) 0 -272px no-repeat;display:block;margin:20px 15px;}
#header {overflow:hidden;}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height:34px;background:#7f8c51;;z-index:1;position:relative;}
#nav ul {margin:0 0 0 15px;}
#nav li {list-style:none;float:left;padding-left:3px;height:34px;position:relative;}
#nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;}
#nav li.active a {background:#fff;color:#34647F;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#34647F;color:#fff;text-decoration:none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #295770;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px ;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #295770;color:#34647F;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Showcase */
#showcase {margin:3px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px;backgro und:url(../images/light4.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#7F8C51;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#7F8C51;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;m argin-left:5px;}
.buttonheading .pdf {background:url(../images/light4.png) -57px -366px;}
.buttonheading .print {background:url(../images/light4.png) -21px -366px;}
.buttonheading .email {background:url(../images/light4.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light4.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light4.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {background:url(../images/light4.png) 0 -68px repeat-x;border-bottom:1px solid #e6e6e6;font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;color:#777;border-top:1px solid #d9d9d9;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding:0 15px 15px;}
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#colmask ul li {list-style:circle;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {width:165px;height:20px;background:url(../images/light4.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}

nevadaking
18-10-2011, 01:45
Allo,
ja tylko na chwilkę, bo nie mam czasu:

przejrzyj tę stronkę - może Ci się coś rozjaśni:
http://demo.rockettheme.com/free/afterburner/tutorials/modify-colours

Może Wam obu się coś rozjaśni - należałoby powiedzieć :)

Pozdrawiam

kruger25
18-10-2011, 21:53
hehe ja to wszystko wiem tak wlasnie zmienilem kolory ,ale jak wyjasnisz ze mam w kodzie tak jak trzeba i mimo tego te menu po lewej stronie nie jest zielone? no nic dzieki za checi:) wszystko rozpadlo sie po superfishmenu;d

nevadaking
19-10-2011, 23:31
Hmmm, ja mam swój własny problem, który w końcu po wiekach kopania wywiesiłam na forum, a na Twój problem trafiłam, bo mam podobną templatkę. Dlatego głowę mam zajętą mocno akurat czym innym, ale...

U nich jest na stronie

Step 2 - Highlight Module The other, non image elements, that use the secondary colour styling is the _menu module variation.
Module Background - line 118 - light4.css

#colmask .menu {background: #7F8C51;color: #fff;}
Module Borders - line 119 / line 122 - light4.css

#colmask ._menu .module-title {background: url(../images/light4.png) 0 -0px repeat-x;border-bottom: 1px solid #6B7643;color: #fff;} #colmask ._menu .module-body {border-top: 1px solid #97A763;}


A u Ciebie



#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}



Tak miałeś "z natury", czy też to m przed _menu to Twoja inwencja?

kruger25
19-10-2011, 23:51
niezly pomysl nie zuawrzylem tego ale nawet jesli poprawie to i tak nic nie daje:) ,malo tego na innej stronie gdzie mam ten sam szablon i w css jest .m_menu i mimo tego dziala poprawnie:)

nevadaking
20-10-2011, 01:06
Spróbuj w takim razie może najpierw oczyścić pamięci podręczne przeglądarek i joomli, a potem zamienić css (skopiuj sobie ten co chodzi ok, tamten "popsuty" zostaw w zapasie), a potem jeszcze index i zobacz co się stanie. Może przynajmniej się zorientujesz czy to błąd w plikach i w których...

A w ogóle to ja bym postawiła tę stronę na localhoście (np. movAmp lekki, łatwy i przyjemny i można go nawet na pendrivie używać) i "na bezpiecznie" to zrobiła. Wydaje się, że to długo, ale szukanie takich błędów może trwać dużo dłużej...

Powodzenia :up:

nevadaking
21-10-2011, 18:41
Swój problem rozwiązałam rozbierając na części pierwsze index.php.
http://forum.joomla.pl/showthread.php?57626-Rozje%C5%BCd%C5%BCaj%C4%85-si%C4%99-bloki-na-stronie-przy-wi%C4%99kszym-zoomie

Nie ma gwarancji, że templatka jest do końca ok. Czasem wystarczy - wydawałoby się - drobiazg i niespodzianki gotowe.

I jak - próbowałeś podmianki? udały Ci się ?

Pozdrawiam

nevada