:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Antworten: 4

Seite [1]

c0rpi

Beginner

Beiträge: 6

# Thema - 18.10.2010 um 08:06 Uhr

Hallo an die gesammte Community,

ich möchte auf Clansphere umsteigen und bastle gerade an einem Template für meinen Clan, da aber ich mit Clansphere noch nicht so stark vertraut bin, finde ich noch keine Lösung für mein Problem.
Habe auch schon Forum und Wiki durchsucht aber nichts dergleichen gefunden, falls es doch bereits Themen gibt bitte ich euch mir den Fehler zu verzeihen und mich freundlich darauf hinweisen.

Zu meinem Problem
Ein Template mit einer Navigation die wie folgt aufgebaut ist:
Navigationsmenü mit Subnavi welches sich durch Mouseover wechselt, wenn man über die verschiedene Menüpunkte mit der Maus drübergeht.

Subnavi liegt in einer externen Datei welches in der index.html eingebunden wurde.
Hier die index.html...

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.

1. / 2. / ...

<table class="menubgm" align="center" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td class="mshatt" width="100%" align="center">
            <div id="mytabsmenu" class="tabsmenuclass">
                <ul>
                    <li class="navi_home"><a href="#" rel="gotsubmenu[selected]"></a></li>
                    <li class="navi_clan"><a href="#" rel="gotsubmenu"></a></li>
                    <li class="navi_community"><a href="#" rel="gotsubmenu"></a></li>
                    <li class="navi_server"><a href="#" rel="gotsubmenu"></a></li>
                    <li class="navi_extras"><a href="#" rel="gotsubmenu"></a></li>
                </ul>
            </div>
        </td>
    </tr>
</table>

<table align="center" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center" class="mainall" width="100%">
        
        <div id="mysubmenuarea" class="tabsmenucontentclass"><a href="/test/templates/FGC_Design/[b]submenucontents.htm[/b]" style="visibility:hidden">Sub Menu contents</a></div>

<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)
</script>

        </td>
    </tr>
</table>

und hier die Submenü-Datei...

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

1. / 2. / ...

<div class="tabsmenucontent">
<ul>
                        <li><a href="{url:news_recent}" class="wlink">News</a></li>
                        <li><a href="{url:articles}" class="wlink">Artikel</a></li>
                        <li><a href="{url:search}" class="wlink">Search</a></li>
                        <li><a href="{url:votes}" class="wlink">Umfragen</a></li>
                        <li><a href="{url:votes}" class="wlink">Umfragen</a></li>
                        <li><a href="{url:votes}" class="wlink">Impressum</a></li>

</ul>
</div>

.
.
.
.
.

Mein Problem liegt in der Linkerkennung und zwar die Linkangaben wie {url:news_recent} werden nicht erkannt und weiß im Moment nicht warum.

Es wäre super wenn mir da jemand helfen könnte und mir mal einen Tip geben kann wie ich das Problem lösen kann.

Danke vorab für euere Hilfe

Grüße ePic

Zuletzt editiert von funkyepic am 19.10.2010 um 07:47 Uhr (1x Editiert)

Inaktiv

Tress13

Highlander

Herkunft: Lüdenscheid
Beiträge: 3048

# Antwort: 1 - 18.10.2010 um 17:49 Uhr

Du kannst das doch auch ohne Javascript lösen.
Ich verwende dazu folgenden Code:

index.htm

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.

1. / 2. / ...

     <div id="navleiste">
  <ul id="navi">
    <li class="navi_home"><a href="#"></a>
      <ul id="nav1">
         <li><a href="{url:news_recent}" class="wlink">Startseite</a></li>
         <li><a href="{url:history}" class="wlink">Geschichte</a></li>
         <li><a href="{url:rules}" class="wlink">Regeln</a></li>
         <li><a href="{url:gbook}" class="wlink">Gbook</a></li>
         <li><a href="{url:board}" class="wlink">Forum</a></li>
         <li><a href="{url:votes}" class="wlink">Umfragen</a></li>
         <li><a href="{url:search}" class="wlink">Search</a></li>
      </ul>
    </li>
    <li class="navi_clan"><a href="#"></a>
      <ul id="nav2">
         <li><a href="{url:clans_view:view:id=1}" class="wlink">Clan</a></li>
         <li><a href="{url:members}" class="wlink">Squads</a></li>
         <li><a href="{url:static_view:view:id=79}" class="wlink">Management</a></li>
         <li><a href="{url:users}" class="wlink">Members</a></li>
         <li><a href="{url:static_view:view:id=66}" class="wlink">Beitrittsdaten</a></li>
      </ul>
    </li>
    <li class="navi_gaming"><a href="#"></a>
      <ul id="nav3">
         <li><a href="{url:games}" class="wlink">Games</a></li>
         <li><a href="{url:events_agenda}" class="wlink">Events</a></li>
         <li><a href="{url:wars}" class="wlink">Clanwars</a></li>
         <li><a href="{url:cups}" class="wlink">Turniere</a></li>
         <li><a href="{url:clans}" class="wlink">Clan-Archiv</a></li>
      </ul>
    </li>
    <li class="navi_extras"><a href="#"></a>
      <ul id="nav4">
         <li><a href="{url:gallery}" class="wlink">Galerie</a></li>
         <li><a href="{url:files}" class="wlink">Downloads</a></li>
         <li><a href="{url:static_view:view:id=44}"  class="wlink">Medaillen</a></li>
         <li><a href="{url:shop}" class="wlink">Shop</a></li>
         <li><a href="{url:bets}" class="wlink">Wettbüro</a></li>
         <li><a href="{url:links}" class="wlink">Links</a></li>
         <li><a href="{url:linkus}" class="wlink">Linkus</a></li>
      </ul>
     </li>
  </ul>
    </div>

layout.css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.

1. / 2. / ...

/* START Navigationsleiste */

a.wlink, a.wlink:visited, a.wlink:active {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

a.wlink:hover {color: #555;}

#navleiste{
  background-image: url('Bilder/Navigation/navigation.jpg');
  width: 1000px;
  height: 69px;
  font-weight: bold;
  text-align: center;
  float: left;
}

li ul {
    position: absolute;
    float: left;
    top: 32px;
    display: none;
    }

ul li a {
    display: block;
    background-color: transparent;
    height: 12px;
    padding: 13px 20px;
    }

ul {
    Position: absolute;
    }

ul#nav1 li, ul#nav2 li, ul#nav3 li, ul#nav4 li{
  list-style: none;
  float: left;
  text-align: left;
  position: relative;
}

ul#navi {
    margin: 0;
    }

ul#nav1, ul#nav2, ul#nav3, ul#nav4 {
  left: 0;
  top: 27px;
  width: 1000px;
    }

li:hover ul, li.over ul {
    display: block; }

.navi_home {
  list-style: none;
  width: 200px;
  height: 31px;
  float: left;
  margin-top: 2px;
  margin-left: 10px;
}

.navi_home:hover {
  background: url('Bilder/Navigation/home_hover.jpg');
  background-color: transparent;
}

.navi_clan {
  list-style: none;
  width: 200px;
  height: 30px;
  float: left;
  margin-top: 2px;
}

.navi_clan:hover {
  background: url('Bilder/Navigation/clan_hover.jpg');
  background-color: transparent;
}

.navi_gaming {
  list-style: none;
  width: 200px;
  height: 30px;
  float: left;
  margin-top: 2px;
}

.navi_gaming:hover {
  background: url('Bilder/Navigation/gaming_hover.jpg');
  background-color: transparent;
}

.navi_extras {
  list-style: none;
  width: 200px;
  height: 30px;
  float: left;
  margin-top: 2px;
}

.navi_extras:hover {
  background: url('Bilder/Navigation/extras_hover.jpg');
  background-color: transparent;
}

/* ENDE Navigationsleiste */

Du musst auch da drauf achten, dass deine Module aktiviert sind und die Rechte passen.
Kannste unter System/Module nachsehen und ggf. aktivieren und anpassen.

------------------

www.iv-gaming.de | www.iv-artwork.de

Inaktiv

c0rpi
Thread-Ersteller

Beginner

Beiträge: 6

# Antwort: 2 - 19.10.2010 um 07:45 Uhr

Danke für den Vorschlag, mein Gedanke war die Navigation komplett getrennt zu halten damit ich mehr Übersichtlichkeit habe und zur besseren Verwaltung der Links.

Ich finde es für mich sehr praktisch dass die Links für Subnavi in einer separaten Datei liegt.
Also so wie ich das verstehe funktionieren die Link-Platzhalter nicht wenn sie ausserhalb der index.html liegen.

Gibts da irgendeine Möglichkeit die Link-Platzhalter wieder funktionsfähig zu machen?

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 3 - 19.10.2010 um 10:44 Uhr

Das Problem ist einfach, dass diese submenu-datei eine einfache html-datei ist, die einfach nur per javascript, also nachdem die seite geladen wurde, nachträglich geladen und dann eingefügt wird. Dabei wird das ganze gar nicht mehr von php und erst recht nicht von clansphere vorverarbeitet. Die Platzhalter können also gar nicht in echte urls umgewandelt werden.

Für deine Art ein Subnavi einzubinden wüsste ich jetzt auch keine schöne Lösung für das Problem.

Du müsstest wohl ein eigenes modul erstellen (also einen order im mods ordner mit info.php udn access.php und dann in den ordner noch eine subnavi.php anlegen, in der du dann per cs_subtemplate wieder in theme renderst. in die theme-datei packst du dann den html code den du jetzt in der subnavi-datei stehen hast und dann kannst du das ganze über /index.php?mod=DEINMOD&action=subnavi aufrufen

------------------
www.laszlokorte.de

Inaktiv

c0rpi
Thread-Ersteller

Beginner

Beiträge: 6

# Antwort: 4 - 20.10.2010 um 07:53 Uhr

Vielen Dank Schiri für die ausführliche Beschreibung der Problemlösung.

Inaktiv

Antworten: 4

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> (X)HTML, CSS, JavaScript -> Navigation & Link-Platzhalter