nosorożec
14-01-2011, 11:20
witam ponownie, tłukąc głową w klawiaturę po raz kolejny dochodzę do wniosku, że bez pomocy Waszej nie ogarnę. Pierwszy raz wpadłam na kretyński pomysł zrobienia rozwijanego górnego menu - no dobra- jest pomysł dobry i często używane, tylko w moim wykonaniu jest kretyński
Problemo numero uno
- zarodek templatki - prosty do bólu
<?php
// dostęp bezpośredni jest niedozwolony
defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/style.css" type="text/css" />
</style>
</head>
<body>
<div id="strona">
<div id="logo">
</div>
<div id="menu">
<jdoc:include type="modules" name="user3" />
</div>
<div id="foto">
<jdoc:include type="modules" name="top" />
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<center><div id="menu2">
<jdoc:include type="modules" name="user4" />
</div></center>
<div id="footer">
<p>Copyright © </p>
<!--<jdoc:include type="modules" name="debug" style="rounded" />-->
</div>
</div>
</body>
</html>w TemplateDetails tylko 4 pozycje
Menu - extended menu - struktura wygląda tak:
3482
A tak wygląda zaplecze i ustawienia.
3483
3484
I wszystko super, tylko, że templatka nie reaguje na część zmiany ustawień na zapleczu.
Myślałam, że dlatego, że za mocno obwarowałam ją w CSS (w myśl html-owego robienia stron) ale po wywaleniu całego css-u dot menu- nadal nie reagowała.
Wydaje mi się, że mam problem w podpięcie odpowiednim przedrostków klasy, ale po użyciu przedrostka typu 'mainnav' - nic i skopiowaniu css stąd- nic się nie działo
robiłam toto, co występuje w różnorakich tutorialach, ale does't works.
Akurat na stronce, którą robię mogłabym to ominąć tworząc trzecie menu, ale kurcze blade jak nie zrozumiem o co chodzi to ducha wyzionę.
Tylko proszę - dajcie wędkę- żebym zrozumiała. Bo sama już się tak zapętliłam w rozważaniach i kombinacjach, że nie wiem jak się nazywam.
CSS wygląda tak:
* {
margin : 0;
padding : 0;
}
*:focus {
outline: none;
}
#strona {
position : relative;
width : 930px;
margin : 0 auto;
text-align: center;
}
body{
background-image:url(../images/background5.gif);
font-family:Verdana, Georgia, "Times New Roman", Times, serif;
width: auto;
height: auto;
font-size:12px;
}
div#logo{
background-image:url(../images/logo2.png);
width: 500px;
height: 100px;
margin-top: 0px;
}
div#menu{
width: 930px;
height: 150px;
font-family: Courier;
background-repeat: no-repeat;
position: relative;
top: 0px;
padding-top: 0px;
text-align: center;
color: #928F95;
display: block;
}
div#foto{
}
div#content{
width: 800px;
position: relative;
left: 0px;
}
div#menu2{
width: 300px;
height: 45px;
font-family: Courier;
background-repeat: no-repeat;
margin-bottom: 100px;
margin-top: 30px;
padding-top: 0px;
text-align: center;
color: #928F95;
display: block;
}
div#menu li, div#menu2 li {
display: inline;
float: left;
white-space: nowrap;
list-style: none;
padding: 0;
margin: 15px;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
vertical-align : middle;
font-size : 10px;
font-weight : normal;
color : #928F95;
text-align : left;
padding-top : 3px;
padding-left : 0px;
margin: 8px;
text-decoration : none;
border-left:
}
a.mainlevel:hover {
text-decoration : none;
color : black;
font-size : 10px;
}
a.sublevel:link, a.sublevel:visited {
padding-left : 0px;
margin: 8px;
vertical-align : middle;
font-size : 15px;
font-weight : normal;
color : #928F95;
text-align : left;
text-decoration : none;
}
a.sublevel:hover {
color : black;
text-decoration : none;
}
a.pathway:link, a.pathway:visited {
color : #928F95;
font-weight : normal;
}
a.pathway:hover {
color : black;
font-weight : normal;
text-decoration : none;
}
a:link, a:visited {
color : #928F95;
text-decoration : none;
font-size : 13px;
}
a:hover {
color : black;
}
*/
#footer{
clear : both;
height : 25px;
}
#footer p {
padding : 6px 0 0 35px;
}
a efekt jest taki - ale za spr CSS bo bez się rozjeżdża
http://img651.imageshack.us/img651/5117/69633381.th.jpg (http://img651.imageshack.us/i/69633381.jpg/)
a taki po dojściu do submenu - czyli rozjechanie wszystkiego
http://img534.imageshack.us/img534/2996/25248178.th.jpg (http://img534.imageshack.us/i/25248178.jpg/)
Jednocześnie chciałabym, żeby pozycja strony głównej w menu - czyli 'home' była niewidoczna, albo, żeby prowadził do niej obrazek - logo czy coś. Gdzie mam grzebać żeby to zmienić?
ufff elaborat wyszedł, a to dopiero pierwszy problem :) Mam jeszcze drugi - ale to na inny wątek :)
Dzięki z góry
Problemo numero uno
- zarodek templatki - prosty do bólu
<?php
// dostęp bezpośredni jest niedozwolony
defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/style.css" type="text/css" />
</style>
</head>
<body>
<div id="strona">
<div id="logo">
</div>
<div id="menu">
<jdoc:include type="modules" name="user3" />
</div>
<div id="foto">
<jdoc:include type="modules" name="top" />
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<center><div id="menu2">
<jdoc:include type="modules" name="user4" />
</div></center>
<div id="footer">
<p>Copyright © </p>
<!--<jdoc:include type="modules" name="debug" style="rounded" />-->
</div>
</div>
</body>
</html>w TemplateDetails tylko 4 pozycje
Menu - extended menu - struktura wygląda tak:
3482
A tak wygląda zaplecze i ustawienia.
3483
3484
I wszystko super, tylko, że templatka nie reaguje na część zmiany ustawień na zapleczu.
Myślałam, że dlatego, że za mocno obwarowałam ją w CSS (w myśl html-owego robienia stron) ale po wywaleniu całego css-u dot menu- nadal nie reagowała.
Wydaje mi się, że mam problem w podpięcie odpowiednim przedrostków klasy, ale po użyciu przedrostka typu 'mainnav' - nic i skopiowaniu css stąd- nic się nie działo
robiłam toto, co występuje w różnorakich tutorialach, ale does't works.
Akurat na stronce, którą robię mogłabym to ominąć tworząc trzecie menu, ale kurcze blade jak nie zrozumiem o co chodzi to ducha wyzionę.
Tylko proszę - dajcie wędkę- żebym zrozumiała. Bo sama już się tak zapętliłam w rozważaniach i kombinacjach, że nie wiem jak się nazywam.
CSS wygląda tak:
* {
margin : 0;
padding : 0;
}
*:focus {
outline: none;
}
#strona {
position : relative;
width : 930px;
margin : 0 auto;
text-align: center;
}
body{
background-image:url(../images/background5.gif);
font-family:Verdana, Georgia, "Times New Roman", Times, serif;
width: auto;
height: auto;
font-size:12px;
}
div#logo{
background-image:url(../images/logo2.png);
width: 500px;
height: 100px;
margin-top: 0px;
}
div#menu{
width: 930px;
height: 150px;
font-family: Courier;
background-repeat: no-repeat;
position: relative;
top: 0px;
padding-top: 0px;
text-align: center;
color: #928F95;
display: block;
}
div#foto{
}
div#content{
width: 800px;
position: relative;
left: 0px;
}
div#menu2{
width: 300px;
height: 45px;
font-family: Courier;
background-repeat: no-repeat;
margin-bottom: 100px;
margin-top: 30px;
padding-top: 0px;
text-align: center;
color: #928F95;
display: block;
}
div#menu li, div#menu2 li {
display: inline;
float: left;
white-space: nowrap;
list-style: none;
padding: 0;
margin: 15px;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
vertical-align : middle;
font-size : 10px;
font-weight : normal;
color : #928F95;
text-align : left;
padding-top : 3px;
padding-left : 0px;
margin: 8px;
text-decoration : none;
border-left:
}
a.mainlevel:hover {
text-decoration : none;
color : black;
font-size : 10px;
}
a.sublevel:link, a.sublevel:visited {
padding-left : 0px;
margin: 8px;
vertical-align : middle;
font-size : 15px;
font-weight : normal;
color : #928F95;
text-align : left;
text-decoration : none;
}
a.sublevel:hover {
color : black;
text-decoration : none;
}
a.pathway:link, a.pathway:visited {
color : #928F95;
font-weight : normal;
}
a.pathway:hover {
color : black;
font-weight : normal;
text-decoration : none;
}
a:link, a:visited {
color : #928F95;
text-decoration : none;
font-size : 13px;
}
a:hover {
color : black;
}
*/
#footer{
clear : both;
height : 25px;
}
#footer p {
padding : 6px 0 0 35px;
}
a efekt jest taki - ale za spr CSS bo bez się rozjeżdża
http://img651.imageshack.us/img651/5117/69633381.th.jpg (http://img651.imageshack.us/i/69633381.jpg/)
a taki po dojściu do submenu - czyli rozjechanie wszystkiego
http://img534.imageshack.us/img534/2996/25248178.th.jpg (http://img534.imageshack.us/i/25248178.jpg/)
Jednocześnie chciałabym, żeby pozycja strony głównej w menu - czyli 'home' była niewidoczna, albo, żeby prowadził do niej obrazek - logo czy coś. Gdzie mam grzebać żeby to zmienić?
ufff elaborat wyszedł, a to dopiero pierwszy problem :) Mam jeszcze drugi - ale to na inny wątek :)
Dzięki z góry