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

Supporter

Herkunft: Daheim
Beiträge: 2923

# Antwort: 2 - 02.01.2011 um 17:27 Uhr

Ich würde dem entsprechenden Menüpunkt einen Klasse zuweisen.
Weil ich muss ja gucken, wo ich mich gerade befinde und welchen Menüpunkt ich entsprechend aktiv habe.

z.B. wie folgt, noch entsprechend anzupassen.

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.

Grüße.

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

Bei Problemen mit Code von mir bitte eine

Private Nachricht an mich

Inaktiv

tobimo
Thread-Ersteller

King for a day

Beiträge: 253

# Antwort: 3 - 02.01.2011 um 17:52 Uhr

Danke euch zwei!

X-R4Y's Lösung geht nicht oder?

Zu deiner Lösung @Tom08:
Wie sieht das ganze dann in meiner index.html (vom Template) aus? oder soll ich dann da die php einfügen via Iframe? Aber dann funktioniert doch bestimmt der Hover nicht oder? Hab das noch nicht ganz verstanden, leider. Aber genau das scheint der richtige Weg zu sein!

Zuletzt editiert von tobimo am 02.01.2011 um 17:52 Uhr (1x Editiert)

Inaktiv

Supporter

Herkunft: Daheim
Beiträge: 2923

# Antwort: 4 - 02.01.2011 um 18:19 Uhr

Du packst den Code, den ich dir gegeben habe, in eine Textdatei, nennst die nav.php und packst die in mods/users/.
Nun öffnest du deine index.htm (auf /templates/[Dein template]/) und fügst entsprechend {users:nav:id=X} ein, wobei x eine fortlaufende Nummer ist.

Beim ersten Menüpunkt (Start) ist das also {users:nav:id=1}.

Geht man davon aus, dass deine Navi wie folgt aussieht:

1.
2.
3.
4.
5.
6.
7.
8.

<ul>
  <li {users:nav:id=1}><img src="start.png" alt="START" />
   <ul> <li> SUBMENÜ</li></ul>
  </li>
  <li {users:nav:id=2}><img src="via2lux.png" alt="via2lux" />
   <ul> <li>Sub</li></ul>
  </li>
</ul>

Wenn jetzt die Seite News aufgerufen wird, bekommt der Punkt "Start" zusätzlich class="active".

Alternativ kannst du in der nav.php dann auch die letzte Zeile anpassen: statt class="active" dann _hover.
Dann packst du das wie folgt in den CodE:

1.
2.
3.
4.
5.
6.
7.
8.

<ul>
  <li><img src="start{users:nav:id=1}.png" alt="START" />
   <ul> <li> SUBMENÜ</li></ul>
  </li>
  <li><img src="via2lux{users:nav:id=2}.png" alt="via2lux" />
   <ul> <li>Sub</li></ul>
  </li>
</ul>

Jetzt wird, wenn die News aufgerufen sind, nicht die start.png sondern die start_hover.png geladen.

Ich weiß nicht, wie dein bisheriger Slice aussieht, von daher kann ich dir jetzt uach nicht ganz genau helfen.

Bei weiteren Fragen/Problemen einfach weiter fragen ...

Grüße

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

Bei Problemen mit Code von mir bitte eine

Private Nachricht an mich

Inaktiv

ichraffsnicht ClanSphere Team

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191

# Antwort: 5 - 02.01.2011 um 19:00 Uhr

jetzt hab ich verstanden, was du willst^^

ignorierste mich tom, wa?^^

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

Inaktiv

Geekboy

Herkunft: Calbe (Saale)
Beiträge: 1133

# Antwort: 6 - 03.01.2011 um 10:50 Uhr

Da hab ich doch glatt mal ein paar Fragen zu dem Code, bei mir funzt es nämlich null :(
Erst mal ein paar Sachen vorweg,
meine Navigation 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.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.

<div id="navleiste">
  <ul id="navi">
    <li  class="navi_home" {users:nav:id=1}><a href="#"></a>
      <ul id="nav1">
        <li><a href="{url:news_recent}" class="wlink">Startseite</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:articles}" class="wlink">Artikel</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:squads}" class="wlink">Squads</a></li>
        <li><a href="{url:members}" class="wlink">Members</a></li>
        <li><a href="{url:users}" class="wlink">Community</a></li>
        <li><a href="{url:rules_list}" class="wlink">Regeln</a></li>
        <li><a href="{url:history_list}" class="wlink">History</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:maps}" class="wlink">Karten</a></li>
        <li><a href="{url:events_agenda}" class="wlink">Events</a></li>
        <li><a href="{url:events_calendar}" class="wlink">Kalender</a></li>
        <li><a href="{url:wars_list}" class="wlink">Clanwars</a></li>
        <li><a href="{url:cups}" class="wlink">Cups</a></li>
        <li><a href="{url:awards_list}" class="wlink">Awards</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_list}" class="wlink">Galerie</a></li>
        <li><a href="{url:files}" class="wlink">Downloads</a></li>
        <li><a href="{url:linkus}" class="wlink">Linkus</a></li>
        <li><a href="{url:links}" class="wlink">Links</a></li>
        <li><a href="{url:partner}" class="wlink">Partner</a></li>
      </ul>
    </li>
  </ul>
        </div>

meine Navigation 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.

/* 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/navleiste.jpg');
  width: 1000px;
  height: 69px;
  font-weight: bold;
  text-align: center;
  float: left;
}

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

ul li a {
    display: block;
    background-color: transparent;
    height: 12px;
    padding: 11px 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: 25px;
  width: 1000px;
    }

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

.navi_home {
  list-style: none;
  width: 197px;
  height: 32px;
  float: left;
  margin-left: 11px;
}

.navi_clan,.navi_gaming,.navi_kontakt,.navi_extras {
  list-style: none;
  width: 195px;
  height: 32px;
  float: left;
}

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

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

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

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

/* ENDE Navigationsleiste */

meine Nav.php

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.

<?php
// Clansphere 2011
// Tom08

// 2011-01-02
// users/nav.php
// Einbindung: {users:nav:id=X}

// ## Funktionsweise ##
// $key['x'] = 1 => Der Menüpunkt X ist aktiv.

$id = cs_get('id');
$id = $id['id'];
$key = array();

if($cs_main['mod'] == 'news'){
  $key['1'] =  true;
}elseif($cs_main['mod'] == 'wars'){
  $key['2'] = true;
}elseif($cs_main['mod'] == 'board'){
  $key['2'] = true;
}elseif($cs_main['mod'] == 'gbook'){
  $key['2'] = true;
}elseif($cs_main['mod'] == 'articles'){
  $key['2'] = true;
}elseif($cs_main['mod'] == 'votes'){
  $key['2'] = true;
  }elseif($cs_main['mod'] == 'search'){
  $key['2'] = true;
}

echo (!empty($key[$id])) ? 'class="navi_home_active" ' : '';

Tatsächlich ist es nun so, das der Code mir das Design der Navleiste zerschießt, und ich im Klartext die Klassen lesen kann.
hier ist der dabei generierte Code:

1.
2.
3.

<ul id="navi">
<li class="navi_home" <div id="cs_navlist_users-nav-id-1" class="cs_navlist">class="navi_home_active" </div>><a href="#"></a>

Meine Fragen nun, wo kommt diese ominöse Klasse cs_navlist her und warum bekomme ich die generierte Klasse nicht innerhalb des li Tags?

Achja, link zur Page: http://testsphere.ths-germany.de

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

--- CLANSPHERE ---
Professional clan care starts here

Zuletzt editiert von SlayR am 03.01.2011 um 10:51 Uhr (1x Editiert)

Inaktiv

Jam2

Highlander

Beiträge: 3291

# Antwort: 7 - 03.01.2011 um 11:01 Uhr

bsp

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

   <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:gbook}" class="wlink">Gbook</a></li>
        <li><a href="{url:board}" class="wlink">Forum</a></li>
        <li><a href="{url:articles}" class="wlink">Artikel</a></li>
        <li><a href="{url:votes}" class="wlink">Umfragen</a></li>
        <li><a href="{url:search}" class="wlink">Search</a></li>
      </ul>
    </li>

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

  <li  class="{users:nav:id=1}"><a href="#"></a>
      <ul id="nav1">
        <li><a href="{url:news_recent}" class="wlink">Startseite</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:articles}" class="wlink">Artikel</a></li>
        <li><a href="{url:votes}" class="wlink">Umfragen</a></li>
        <li><a href="{url:search}" class="wlink">Search</a></li>
      </ul>
    </li>

die .php

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.

<?php
// Clansphere 2011
// Tom08

// 2011-01-02
// users/nav.php
// Einbindung: {users:nav:id=X}

// ## Funktionsweise ##
// $key['x'] = 1 => Der Menüpunkt X ist aktiv.

$id = cs_get('id');
$id = $id['id'];
$key = array();

if($cs_main['mod'] == 'news' || $cs_main['mod'] == 'gbook' || $cs_main['mod'] == 'board' || $cs_main['mod'] == 'articles' || $cs_main['mod'] == 'votes' || $cs_main['mod'] == 'search'){
$key['1'] = true;
}
// nächste abfrage
//elseif($cs_main['mod'] == 'wars'){
// $key['2'] = true;
//}
echo (!empty($key[$id])) ? 'navi_home_active ' : 'navi_home';

ungetestet, aber sollte funktionieren

------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....

Edi: hö ?
Jam2: nichts ist unmöglich!

Inaktiv

Fr33z3m4n

Medal of Honor

Herkunft: Hamm
Beiträge: 11094

# Antwort: 8 - 03.01.2011 um 11:05 Uhr

@tobimo
Bitte deine Signatur überprüfen.
Ein Banner kann nicht geladen werden.

------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv

Geekboy

Herkunft: Calbe (Saale)
Beiträge: 1133

# Antwort: 9 - 03.01.2011 um 11:53 Uhr

Dakeschön Jam2! So komm ich damit klar. muss mich jetzt nurnoch mit der css rumärgern, das die jeweilige sub-navi stehenbleibt. Auf jeden Fall bin ich nun auf dem richtigen Weg!

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

--- CLANSPHERE ---
Professional clan care starts here

Inaktiv

tobimo
Thread-Ersteller

King for a day

Beiträge: 253

# Antwort: 10 - 05.01.2011 um 16:38 Uhr

Wenn ich das bald mal einsetzen kann wird es sofort ausprobiert

@ SlayR: wo ist denn dein Fehler gewesen?
@ Fr33z3m4n: mach ich.
@ Tom08: vielen, vielen Dank!

Inaktiv

Geekboy

Herkunft: Calbe (Saale)
Beiträge: 1133

# Antwort: 11 - 05.01.2011 um 18:27 Uhr

Bei mir lag's an den css-Klassenzuweisungen. Schau mal auf www.ths-germany.de - da läufts schon so wie's soll.

/E...
Eines hab' ich aber noch... mit AJAX läufts nämlich nicht. Ich meine mich dunkel dran erinnern zu können, das Clansphere mal auf eine CSS-Klasse "content" angewiesen war um den Content bei AJAX zu aktualisieren. Gibt es diese Klasse noch, so das man diese einfach seiner Nav-Leiste mit auf den Weg geben könnte und diese dann auch aktualisiert wird? Ich denke nämlich daran scheitert's

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

--- CLANSPHERE ---
Professional clan care starts here

Zuletzt editiert von SlayR am 05.01.2011 um 19:59 Uhr (1x Editiert)

Inaktiv

Geekboy

Herkunft: Calbe (Saale)
Beiträge: 1133

# Antwort: 12 - 09.01.2011 um 17:53 Uhr

1.	1. / 2. / ... <li class="<div id=" cs_navlist_users-nav-id-1="">navi_home_active</li>

kommt in den, mit der generierten class, ausgestatteten li Einträgen innerhalb von ul raus sobald man AJAX aktiviert. kann man das irgendwie umgehen ohne auf AJAX verzichten zu müssen? Dann wärs nämlich perfekt!

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

--- CLANSPHERE ---
Professional clan care starts here

Inaktiv

Supporter

Herkunft: Daheim
Beiträge: 2923

# Antwort: 13 - 15.01.2011 um 15:15 Uhr

Um Probleme mit Ajax zu vermeiden, muss die Navlist wie einige andere Navlists als Ausnahme definiert werden.
Dazu bitte die /system/core/templates.php öffnen und die Z. 154 suchen:

1.	1. / 2. / ... $spans = array('count_navday','count_navone','count_navall','count_navmon','count_navusr','count_navyes','clansphere_navtime');

Hier muss entsprechend 'users_nav' hinzugefügt werden:

1.	1. / 2. / ... $spans = array('count_navday','users_nav','count_navone','count_navall','count_navmon','count_navusr','count_navyes','clansphere_navtime');

Dann funktioniertr das Modul auch mit aktivierten Ajax.

Damit das allerdings korrekt funktioniert, darf |noajax nicht verwendet werden (Die Ausnahme wird bereits oben definiert).

Grüße

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

Bei Problemen mit Code von mir bitte eine

Private Nachricht an mich

Zuletzt editiert von Tom08 am 15.01.2011 um 15:17 Uhr (1x Editiert)

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 14 - 15.01.2011 um 15:21 Uhr

wieso die "/system/core/templates.php" editieren?
reicht es nicht wenn man den links die klasse "noajax" gibt?

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

I like the part where it says 'nyan'

Zuletzt editiert von palle am 15.01.2011 um 15:22 Uhr (2x Editiert)

Inaktiv

Supporter

Herkunft: Daheim
Beiträge: 2923

# Antwort: 15 - 15.01.2011 um 15:25 Uhr

15.01.2011 um 15:21 Uhr - palle:

wieso die "/system/core/templates.php" editieren?
reicht es nicht wenn man den links die klasse "noajax" gibt?

Frag' mich nicht wieso, aber wenn ich |noajax verwende, dann kann ich nicht mehr vernünftig mit $cs_main['mod'] arbeiten. Der wird nicht mehr korrekt zur Verfügung gestellt, ist im |noajax-Fall einfach leer.
Wenn ich das in der templates.php bearbeite, dann steht mit die $cs_main['mod'] zur Verfügung.

Grüße

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

Bei Problemen mit Code von mir bitte eine

Private Nachricht an mich

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 16 - 15.01.2011 um 15:30 Uhr

komische das dass mit der platzhalter erweiterung nicht funktioniert.
und wenn man den links direkt die klasse noajax gibt? hat das schon wer versucht?

1.	1. / 2. / ... <li class="noajax <div id=" cs_navlist_users-nav-id-1="">navi_home_active</li>

gruß

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

I like the part where it says 'nyan'

Zuletzt editiert von palle am 15.01.2011 um 15:32 Uhr (2x Editiert)

Inaktiv

Geekboy

Herkunft: Calbe (Saale)
Beiträge: 1133

# Antwort: 17 - 16.01.2011 um 10:21 Uhr

Tom, leider funktioniert Deine Ausnahmeregel scheinbar nicht.
Betreffende Zeile in system/core/templates.php sieht bei mir so aus:

1.	1. / 2. / ... $spans = array('count_navday','users_nav','users_subnav','count_navone','count_navall','count_navmon','count_navusr','count_navyes','clansphere_navtime');

Aus der index.htm habe ich alle |noajax zuweisungen entfernt, doch das Problem der Falsch-Darstellung tritt immernoch auf, siehe:
http://testsphere.ths-germany.de
@Palle:
Die Klassenzuweisung ( class="noajax" ) führt auch nicht zum Erfolg.

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

--- CLANSPHERE ---
Professional clan care starts here

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 18 - 17.01.2011 um 11:03 Uhr

dass problem ist, dass um alle Platzhalter drum rum entweder ein div oder ein span tag generiert wird.
(das lässt sich eben mit der von Tom genannten $spans-Liste steuern.

Da der Platzhalter hier aber innerhalb eines HTML-Attributes benutzt werden soll, ist beides falsch.
Dafür gibt es die $exceptions-Liste einige Zeilen über der $spans-Liste.

1.	1. / 2. / ... $exceptions = array('clansphere_navmeta');

ändern zu

1.	1. / 2. / ... $exceptions = array('clansphere_navmeta','users_nav');

/e: wobei es eigentlich auch einfach mit dem von Palle genannten noajax funktioieren sollte:

{users:nav:id=1|noajax}

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

Zuletzt editiert von SCHIRI am 17.01.2011 um 11:05 Uhr (3x Editiert)

Inaktiv