• » webSPELL.org - Free Content Management System
  • Language switch: English German
  • login



    » lost password?   » register now
  • About webSPELL

    webSPELL is a free Content Management System which was especially developed for the needs of esport related communities. Since a short while we are also offering an optimized and enhanced webSPELL version for the special requirements of non-profit organisations. The purpose of both systems is to offer a professional and free opportunity to create and administrate your own website in an easy and optimized way.

    » Learn more about webSPELL     » Download webSPELL now!
  • Advertisement

    Follow us

  • Sort:      1 2  » printview
    Author
    Message
    webSPELL user
    188 Posts
    28.05.2012, 19:25 email offline quote 

    Mein problem btrifft nicht direkt eine Website sondern ein geplantes Projekt von mir.

    Ich möchte die Navigation grafisch gestallten (Also Show und Rollover Images) und möchte das sobald die Subnavigation aufgerufen wird der Hover des Hauptmenüpunktes aktiv bleibt.

    Ich habe schon eine ganze Weile gesucht und bisher nichts gefunden. ich hoffe hier weiß jemand rat

    website: www.dynasty-online.net/
    version: 4.2.3 SE
    webSPELL user
    419 Posts
    28.05.2012, 19:48 offline quote 

    Packste einfach ne Auswahlabfrage mit rein bspw.:


    <a href="# class="active">Link</a>

    z.B. ist ein normaler link dessen Klasse "active" dann aussagte das der grade aktiv ist.

    Dann machst du bspw. einfach so:

    <a href="#" <?php if($site == "forum") echo "class='active'"?> title="link">Link</a>

    Das wars eigentlich.. zwinkern
    webSPELL user
    188 Posts
    28.05.2012, 19:53 email offline quote 

    Mein navigationspunkt sieht so aus:
    Code:
    1.
    <div id="startseite"><a href="index.php?site=news" <?php if($site == "news") echo "class='active'"?> onClick="showit(0)" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','screen/navi/roll/d_23.png',1)"><img src="screen/navi/show/d_23.png" name="Image1" width="101" height="49" border="0" id="Image1" /></a></div>


    der div ist lediglich für höhe, breite und floating.

    ich habe beim Startseite Button deine methode eingebaut aber es funktioniert nicht

    ps. habe dich in icq geaddes vieleicht ist es da einfacher zu erklären.
    webSPELL user
    419 Posts
    28.05.2012, 20:02 offline quote 

    Achso, du nutzt Javascript für den Grafikwechsel mhh

    Nutze den ICQ Account nicht mehr, das der noch aktiv ist amüsiert

    Du könntest doch rein theoretisch (ist aber total unsauber!)
    Einfach die Bildquelle ändern.. in der if....

    <img src="bild1" />
    <img src="bild2" />

    Beispielsweise:

    dann einfach

    <img src="<?php if($site == "forum") echo 'bild2' else 'bild1'?>" />

    Wie gesagt absolut unsauber.. aber Javascript für den Hovereffekt ist auch nicht grad das beste zwinkern
    webSPELL user
    188 Posts
    28.05.2012, 20:05 email offline quote 

    ist die einzge möglichkeit die ich kenne mit mouseovergrafiken die als link fungieren.

    Nutze so eine Navigation zu selten bin für beispiele offen^^

    damit ich das richtig verstehe statt dem class active den bildlink?
    webSPELL user
    419 Posts
    28.05.2012, 20:08 offline quote 

    TheMessia wrote:

    ist die einzge möglichkeit die ich kenne mit mouseovergrafiken die als link fungieren.

    Nutze so eine Navigation zu selten bin für beispiele offen^^

    damit ich das richtig verstehe statt dem class active den bildlink?


    Bei ner Klasssischen Listen Navigation würde ein active einfach nur den Hintergrund kA Blau färben, so wäre dann dauerhaft der Link innerhalb der Liste Blau hinterlegt (bei nem Mouseover) zB Grün kannste ja alles in CSS hinterlegen,

    Könntest das ja auch auf Bilder beziehen

    Beispiel:

    <a href="index.php?site=forum" id="forum" title="Forum">Forum</a>

    CSS:

    Code:
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    a#forum{
    display:block;
    width:100px;
    height:10px;
    background: url(forum.jpg) 0px 0px no-repeat;
    text-indent:-9000%;
    }

    a:hover#forum,.active{
    background: url(forum_hover.jpg) 0px -10px no-repeat;
    }


    Im Normalen würder er dann halt nur das forum.jpg anzeigen bei nem Hover dann eben forum_hover.jpg

    Mit der Klasse ".active" wäre dann eben der Link dauerhaft mit der anderen Grafik

    Ist natürich verbesserungswürdig! habs grad so zusammengeschmissen zwinkern
    webSPELL user
    188 Posts
    28.05.2012, 20:12 email offline quote 

    ich wüsste nicht wie ich die Navigation http://www.dynasty-onl...final/index.php?site=news in CSS umsetzen könnte
    webSPELL user
    419 Posts
    28.05.2012, 20:15 offline quote 

    Für dein Beispiel würde ne Listennavigation vollkommen ausreichen, hast ja immer den selben Hintergrund beim Hover Effekt zwinkern
    webSPELL user
    188 Posts
    28.05.2012, 23:21 email offline quote 

    OK danke ich werd mal verschiedene Methoden ausprobieren.

    Danke für deine hilfe
    webSPELL newbie
    28 Posts
    30.05.2012, 01:57 email offline quote 

    Ist zwar nicht Themen relevant aber m.M. nach sieht deine jetzige Seite besser aus als die Neue. Mit dem Menü etc. hat das jetzige im Vergleich zu anderen Seiten was einzigartiges.

    Das neue unter /final sieht (m.M. nach) ohne dir Nahe treten zu wollen eher wie ein 0815 Free Template aus
    Sort:      1 2  » printview


    To start or to reply to a topic you have to be registered and logged in!

    register now
    login
  • » Support

    » Topics
    18.06.2013 - 01:11 - 1 Replies
    » how can i transform back ...
    how can i transform back to old my website ?
    Last post: Schalla
    Board: EN - Technical support
    18.06.2013 - 01:11
    17.06.2013 - 20:50 - 3 Replies
    » Suche Coder !
    Suche Coder !
    Last post: naki
    Board: DE - Suche
    17.06.2013 - 20:50
    17.06.2013 - 18:56 - 7 Replies
    » Querry Failed Error no 10...
    Querry Failed Error no 1054
    Last post: RUSSHEL
    Board: EN - Technical support
    17.06.2013 - 18:56
    17.06.2013 - 12:48 - 0 Replies
    » [4SALE] Custom team websi...
    [4SALE] Custom team website
    Last post: element-
    Board: EN - Offers
    17.06.2013 - 12:48
    17.06.2013 - 10:49 - 12 Replies
    » webSPELL Bootstrap (respo...
    webSPELL Bootstrap (responsible)
    Last post: Mister T.
    Board: EN - General
    17.06.2013 - 10:49
    16.06.2013 - 21:21 - 3 Replies
    » update webspell problem
    update webspell problem
    Last post: RUSSHEL
    Board: EN - General support
    16.06.2013 - 21:21
    16.06.2013 - 20:42 - 0 Replies
    » "Make sure you have cooki...
    "Make sure you have cookies enabled" During Login
    Last post: Sasquatch
    Board: EN - General support
    16.06.2013 - 20:42
    16.06.2013 - 16:22 - 8 Replies
    » Farbe von "Dein Profil wu...
    Farbe von "Dein Profil wurde aktualisiert. Du wirst weitergeleitet" ändern!
    Last post: Cali-go
    Board: DE - Allgemeiner Support
    16.06.2013 - 16:22
    16.06.2013 - 16:19 - 2 Replies
    » Sehr erfahrener Programmi...
    Sehr erfahrener Programmierer gesucht (Community,Clanpage)
    Last post: StufF
    Board: DE - Suche
    16.06.2013 - 16:19
    15.06.2013 - 22:39 - 0 Replies
    » portfolio/agency for sale
    portfolio/agency for sale
    Last post: Thoomii
    Board: DE - Biete
    15.06.2013 - 22:39
    15.06.2013 - 16:39 - 2 Replies
    » [4SALE] eSport Design/Tem...
    [4SALE] eSport Design/Template
    Last post: LeG3nDz
    Board: EN - Offers
    15.06.2013 - 16:39
    15.06.2013 - 10:35 - 12 Replies
    » externe Festplatte spinnt
    externe Festplatte spinnt
    Last post: plenergy
    Board: DE - Internet
    15.06.2013 - 10:35
    14.06.2013 - 20:53 - 11 Replies
    » Webspell ver 1070 EN
    Webspell ver 1070 EN
    Last post: TyRRRax
    Board: EN - General support
    14.06.2013 - 20:53
    14.06.2013 - 19:03 - 4 Replies
    » Kostenlose Clanmappen!
    Kostenlose Clanmappen!
    Last post: unikat
    Board: DE - Biete
    14.06.2013 - 19:03
    14.06.2013 - 15:22 - 6 Replies
    » Userpic & Avatar
    Userpic & Avatar
    Last post: Tuxx
    Board: DE - Technischer Support
    14.06.2013 - 15:22
    14.06.2013 - 14:31 - 5 Replies
    » [B] Meine Dienste als Des...
    [B] Meine Dienste als Designer
    Last post: Kenny2601
    Board: DE - Biete
    14.06.2013 - 14:31
    14.06.2013 - 08:54 - 0 Replies
    » [S] Aufträge Web- und Pri...
    [S] Aufträge Web- und Printdesign
    Last post: neiD-
    Board: DE - Suche
    14.06.2013 - 08:54
    14.06.2013 - 00:52 - 3 Replies
    » News Fail can´t publish
    News Fail can´t publish
    Last post: bazic
    Board: DE - Allgemeiner Support
    14.06.2013 - 00:52
    13.06.2013 - 13:59 - 2 Replies
    » [V] Design + Anpassung
    [V] Design + Anpassung
    Last post: e9li
    Board: DE - Biete
    13.06.2013 - 13:59
    13.06.2013 - 13:13 - 9 Replies
    » [SELL] Gaming Website - E...
    [SELL] Gaming Website - EXCLUSIVE WEBSITE
    Last post: hornyst
    Board: EN - Offers
    13.06.2013 - 13:13
    » Partners
    Bilderkiste.org Image Hosting
    k3rmit.org
    PascalMh.de


    » Blog
    28.03.2013 - derchris
    » Those damn spammers