ich habe schon vorher dieser Themen gehabt, aber jetzt bin ich schon etwas weiter. Deshalb habe ich ein neues Thema erstellt.
Ich habe die Seite www.szelle.com und will dieselbe Navigation auf www.szelle.com/forum
Ich habe schon etwas herumgetüftelt aber einfach nicht geschafft.
1) Ich habe den Navi-Code von szelle.com in overall_header.html eingefügt.
Code: Alles auswählen
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="main_nav_container"><ul id="main_nav_list"><li><span class="main_nav_item_0"></span></li><li><a class="main_nav_active_item" <a href="http://www.szelle.com/" id="mnail" shape="rect">Home</a>
</li><li><a class="main_nav_item" href="index.php" id="mni2" shape="rect">Forum</a></li>
</ul></div>
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>[/2) Ich habe unter styles/prosilver/theme/ navi.css erstellt.
NAVI.CSS
Code: Alles auswählen
/* CSS Document */
a.main_nav_active_item {
background: url(images/n1active.gif) no-repeat;
font-family: Tahoma,sans-serif;
font-style: normal;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #339D87;
background-position: top left;
}
a.main_nav_item {
background: url(images/n1.gif) no-repeat;
font-family: Tahoma,sans-serif;
font-style: normal;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #4F1C78;
background-position: top left;
}
a.main_nav_item:hover {
background: url(images/n1hover.gif) no-repeat;
font-family: Tahoma,sans-serif;
font-style: normal;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #339D87;
background-position: top left;
/*--- main navigation ------------------------------------------------------*/
#main_nav_container {
z-index: 1;
position: relative;
top: -20px;
left: 0px;
line-height: 0;
padding: 0 0px 0 0px;
margin: 0 0 0px 0;
overflow: hidden;
voice-family: "\"}\"";
voice-family: inherit;
width: 990px;
height: 40px;
}
html>body #main_nav_container {
width: 990px;
/* for FFM */
}
#main_nav_list {
margin: 0 0px 0 215px;
padding: 0;
list-style-type: none;
}
#main_nav_list li {
float: left;
margin: 0px 0 0 0;
padding: 0;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a {
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 10px;
display: block;
float: left;
line-height: 20px;
text-align: center;
/* height: 26px; */
voice-family: "\"}\"";
voice-family: inherit;
white-space: nowrap;
}
html>body #main_nav_list a {
/*height: 23px;*/
/*---???????????????---------------------26----------------------*/
}
.main_nav_item_0 {
/**************ok***************/
}
a.main_nav_item:hover {
/*background: transparent;*/
}Code: Alles auswählen
@import url("navi.css");Bilder: n1.gif, n1hover.gif, n1active.gif
Leider ist irgendetwas nicht in Ordnung, weil die Navigation ist noch immer nicht dieselbe wie auf www.szelle.com.
Ich freue mich auf Ihre Hilfe und bedanke mich vielmals.
Schöne Grüße
Philipp Hainzer
