phpBB.de

Verfasst: **10.08.2008 20:41**

Hallo,

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>[/

Der Navi-Code ist - <div id="main_nav_container">........

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;*/

}

3) Ich habe stylesheet.css verändert.

Code: Alles auswählen

@import url("navi.css");

4) Ich habe die Bilder, die navi.css benötigt unter styles/prosilver/theme/images gespeichert.
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

phpBB.de

Navigationserstellung: Habe einen Fehler oder was vergessen

Navigationserstellung: Habe einen Fehler oder was vergessen