Demo

Probiere ClanSphere aus und teste daran herum. Demo


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. / ... 
 <!-- NAVIGATION -->
<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%">
        <!--1st link within submenu container should point to the external submenu contents file-->    
        <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>
<!-- END NAVIGATION -->


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. / ... 
 <!-- STARTSEITE -->
<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>
<!-- CLAN -->
.
.
.
.
.



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 ClanSphere Team


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.