oryginalna skórka w quick.cms4 w funkcji "Navigation patch tree" ma coś takiego: *:first-child+html #page h4{top:-5px;} /* IE 7 hack */ * html #page h4{top:-5px;} /* IE 6 hack */ jest to zbędne i niepotrzebne zaśmiecanie kodu, gdyż nalezało by zrobić tak: w page_default.tpl blok: <!-- IF:START NAVIPATH --> <h4>$aData[sPagesTree]</h4><!-- IF:END NAVIPATH --> przenieść nad <h1> i w plugins.css zwiększyć z 10px na 17 px margines w left kolumn i right kolumn następnie wyregulować w: #page h4{position:absolute;top:-25px;padding:2px 0;color:#a6aeb3;background:inherit;font-size:1em;} i wszystko pieknie smiga nawet w starym ie6.0 eksperyment zrobiłem na przykładzie skórki -bright-flower_v4.0.zip, która ma najbardziej zchrzaniony navigation path gdyż jest on pod głownym tytułem strony i miesza się w tekst a powinien być nad. link do poprawionej skórki http://obrazyolejne.cba.pl/?niskie-gory,14
euphoria - z jednej strony tak bardzo zalezy Ci na dobrym kodzie a z drugiej strony popelniasz taki blad. Od kiedy to h4 jest nad h1? Od kiedy to glowny tytul ma znajdowac sie pod pod-tytulem?
I ... jesli uzytkownicy znajduja juz takie problemy w naszych narzedziach tzn, ze juz nie ma wiekszych problemow chyba :)
ps. planujesz opracowanie skorki paint do v4.0? Byla dosyc popularna :)
zrobiłem swoim sposobem tak jak to jest w podstawowej wersji, czyli nawigacja wyświetla się nad głownym tytułem wyżej podałem linka, po instalacji skórki "bright flower" navigacja miesza sie z treścią pod głownym tytułem -troche to tam nie pasuje, usuńcie też z tejże skórki style.css - @import url( 'plugins.css' ); bo validator wyświetla błąd: Pliku nie znaleziono style.css
ok przerobie, oraz zrobie jeszcze inną skórkę do kolekcji:)
pytam z czystej ciekawości w pages_default- h4 mam nad h1
FRAGMENT MOJEGO KODU:
<!-- IF:START NAVIPATH --> <h4>$aData[sPagesTree]</h4><!-- IF:END NAVIPATH --> <h1>$aData[sName]</h1><!-- here load page name --> $aImages[1]<!-- here is content from IMAGES_DEFAULT or other IMAGES_xx blocks --> $aImages[2]<!-- here is content from IMAGES_DEFAULT or other IMAGES_xx blocks --> $aImages[3]<!-- here is content from IMAGES_DEFAULT or other IMAGES_xx blocks -->
Czy to coś zmienia poza tym że położenie w stylach navipatch jest poprawne? Główny tytuł jest na swoim miejscu.
w dzialaniu skryptu nie ale jest to niezgodne z konwencja ... h1 to pierwszy element z naglowkow, potem kolejne jak juz ... zamien sobie ten h4 na <div class="path"> i po sprawie
dzięki, działa Trewood cieżka sprawa z tą skórką "Paint", musze troche poćwiczyć bo na szybkiego nie idze tej skórki dostosowac, możecie sami to zrobić jak miała wzięcie, możecie też swój podpis wstawić bo w sumie to była wasza skórka tylko przerobiona lekko bright-flower_v4.0
drugi dzien kombinuje jak to poprawić, dziwna sprawa, ie6 używa 0,7 % populacji, ale jestem uparty jak skończe to dodam niżej poprawke. podobny pasek zrobiłem za pomocą kolorów, bg.gif jest zbedne:
/* HEADER WITH TOP MENU ABOVE LOGO 2 */ #head3 {background:#f3f2f1;}
/* MENU TOP 2 */ #head3{position:absolute;left:0;top:32px;} #menu2{float:left;height:45px;margin:0;list-style:none;} #menu2 li{float:left;padding:8px 8px 0;list-style:none;} #menu2 li a{float:left;padding:8px 10px 10px;color:#4e4e3d;font:bold 1.17em 'Trebuchet MS';text-decoration:none;text-transform:uppercase;border-left:1px solid #f3f2f1;border-right:1px solid #f3f2f1;border-top:1px solid #f3f2f1;} #menu2 li a:hover, #menu2 .selected{border:1px solid #e6e3e3;border-bottom:0px;background-color:#fff;color:inherit;text-decoration:underline;}
pasek jeszcze do oszlifowania ale jest już szkielet, po tej zmianie przenosi mi go pod top-baner kombinuje w container.tpl przenieść: <div id="head3"><!-- second top menu starts here --> w kazde miejsce już to wkładałem i za każdym razem sie wszystko sypie
podaje rozwiazanie: w container.tpl menu1 i menu2 powinno wyglądać tak: $sMenu1<!-- content of top menu --> </div> </div> </div> <div id="head2"><!-- second top menu starts here --> <div class="container"> $sMenu2<!-- content of top menu --> </div> </div> </div> <div id="head3"><!-- banner, logo and slogan starts here --> <div class="container"> <div id="logo"><!-- logo and slogan --> <div id="title"><a href="$config['index']" tabindex="1"><img src="$config[dir_templates]default/img/logo.jpg" alt="$config[title]" /></a></div> <div id="slogan">$config[slogan]</div> </div> </div> </div> <div id="body"> <div class="container"> <div id="column"><!-- left column with left menu -->
w style.css wpisy menu2 i headera powinny wyglądać tak: