ilch Forum » Ilch Clan 1.1 » Kritik und Verbesserungen » Klappnavigation

Geschlossen
  1. Mo. 08.10.2007 00:28 Uhr #1
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    Aloah,
    Gibt es sowas wie Klappnavigation für das ilchClan?
    Ich meine halt, das untermenüs nicht direkt angezeigt werden, sondern erst bei mouseover...
    Wenn es sowas gibt oder es schon gehen sollte standardmäßig, wäre ich froh, wenn mir jemand sagt wo und wie XD

    Lg


    verwendete ilchClan Version: 1.1
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 08.10.2007 00:48 Uhr #2
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    etwas standardmäßiges in der richtung gibt es meines wissens nach noch nicht, also ich benutze soetwas in der art auch auf meiner hp, nur ist das nicht so ohne weiteres in jede ilch hp einzubauen...
    die funktion die du beschreibst klingt nach einem umbau des navi-systems im adminbereich, außer du verwendest statische menüs
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 08.10.2007 08:14 Uhr #3
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    Kannst du mir da vieleicht tipps geben, wie man das machen kann?
    Oder gibt es leute die sowas entwickeln könnten dafür? Als Update sozusagen...
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 08.10.2007 12:22 Uhr #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ein Klappnavigation ist eigentlich nur die Sache des Designers bzw. des Designcoders, die Möglichkeiten so ein Menü umzusetzen sind von ilch aus auf jeden Fall gegeben, ich habe erst kürzlich ein Design angepasst, wo die Klappfunktion auf Listen basierte.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 08.10.2007 15:25 Uhr #5
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    Ehrenwerter Coder^^

    Ist das viel Arbeit? Weil wenn das nicht so viel ist und sie vieleicht etwas Zeit hätten...

    Meinen sie, sie könnten so was mit dem design machen, was ich verwende??

    Ich wäre ihnen zu tiefst verbunden, da ich die HP als Fan-Site nutzen möchte, müssen viel Informationen in viele Untermenüs... Das Design nämlich passt wunderbar zum Thema. das einzig dumme ist halt nur, dass die navi nich so funzt...

    nochmal zum anschauen die hp: blutende-schatten.pytalhost.de
    lg alex


    Zuletzt modifiziert von Dionysos am 08.10.2007 - 15:26:04
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 08.10.2007 19:07 Uhr #6
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ist nicht von mir, aber ich kann ja mal den Code posten. 
    /*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}
    dann muss man halt in einem <div class="nav2"> ne liste mit ul und li erstellen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  7. Di. 09.10.2007 13:58 Uhr #7
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    danke schonmal für den code...

    aber wohin damit? *rotwerd*
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  8. Di. 09.10.2007 15:27 Uhr #8
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    In die style.css.
    0 Mitglieder finden den Beitrag gut.
  9. Di. 09.10.2007 15:29 Uhr #9
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    gut, habe die jetzt geöffnet... wohin da da drinne genau? einfach anhängen oder etwas dadurch ersetzen? Oo

    Ich poste einfach mal die style.css: 
    /*allgemein*/
body{
border:0px;
padding:0px;
margin:0px;
background:#1D150A;
color:#FFFFFF;
font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
}
div{
border:0px;
padding:0px;
margin:0px;
}
table{
border:0px;
padding:0px;
margin:0px;
}
clear{
clear:both;
}
.toptable{
width:980px;
}
.main{
width:100%;
height:100%;
}
.lnaviheader1 span, .lnaviheader span, .rnaviheader span, .rnaviheader1  span{
display:block;
font-size:12px;
font-weight:bold;
color:#A47736;
}
.linksnav
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 10px;
}

/*header*/
.headerleft,.headercenter,.headerright{
overflow:visible;
float:left;
position:relative;
}
.headerleft{
background:url(bilder/headerleft.jpg) #000000 no-repeat;
width:168px;
height:373px;
position:relative;
}
.headerleft div{
position:absolute;
width:76px;
height:88px;
left:76px;
top:52px;
vertical-align:top;
}
.headercenter{
background:url(bilder/headercenter.jpg) #000000 no-repeat;
width:567px;
height:373px;
position:relative;
}
.headerright{
background:url(bilder/headerright.jpg) #000000 no-repeat;
width:245px;
height:373px;
position:relative;
}
.headerright div{
position:absolute;
width:150px;
height:88px;
right:90px;
top:52px;
vertical-align:top;
text-align:left;
}
/*left*/
.leftrand{
background:url(bilder/leftrow.jpg) #000000 repeat-y top;
width:50px;
height:100%;
}
.leftrand div{
background:url(bilder/lefttop.jpg) #000000 no-repeat top;
width:50px;
height:189px;
position:relative;
}
.leftbottom{
background:url(bilder/lbotteml.jpg) #000000 repeat-y;
width:50px;
height:39px;
}
.leftnavi{
position:relative;
background:url(bilder/lnavifooter.jpg) #000000 repeat-y;
width:208px;
height:100%;
}
.lnaviheader1{
display:block;
background:url(bilder/lnaviheader1.jpg) #000000 no-repeat;
width:208px;
height:36px;
}
.lnaviheader1 span{
margin:0px 33px 0px 60px;
padding-top:22px;
}
.lnavitxt1{
position:relative;
background:url(bilder/lnavitxt1.jpg) #000000 no-repeat;
width:208px;
height:130px;
}
.ltxt1 {
position:relative;
margin:0px 36px 0px 68px;
padding:6px 0px 10px 0px;
}
.lnavifooter1{
background:url(bilder/lnavifooter1.jpg) #000000 no-repeat;
display:block;
width:208px;
height:23px;
}
.lnaviheader{
display:block;
background:url(bilder/lnaviheader.jpg) #000000 no-repeat;
width:208px;
height:41px;
}
.lnaviheader span{
margin:0px 66px 0px 29px;
padding-top:29.1px;
}
.lnavitxt{
position:relative;
background:url(bilder/lnavitxt.jpg) #000000 no-repeat;
width:208px;
height:134px;
}
.ltxt {
position:relative;
margin:0px 69px 0px 38px;
padding:10px 0px 10px 0px;
}
.lnavifooter{
background:url(bilder/lnavifooter.jpg) #000000 repeat-y;
display:block;
width:208px;
height:15px;
}
.lbottom{
background:url(bilder/lbottemr.jpg) #000000 repeat-y;
width:208px;
height:39px;
}
/*right*/
.rightrand{
background:url(bilder/rightrow.jpg) #000000 repeat-y top;
width:50px;
height:100%;
}
.rightrand div{
position:relative;
background:url(bilder/righttop.jpg) #000000 no-repeat top;
width:50px;
height:189px;
}
.rightbottom{
background:url(bilder/rightrow.jpg) #000000 repeat-y;
}
.rightbottom div{
position:relative;
background:url(bilder/tauerenright.jpg) #000000 no-repeat;
width:50px;
height:33px;
}
.rightnavi{
background:url(bilder/rnavifooter.jpg) #000000 repeat-y;
width:208px;
height:100%;
}
.rnaviheader1{
display:block;
background:url(bilder/rnaviheader1.jpg) #000000 no-repeat;
width:208px;
height:36px;
}
.rnaviheader1 span{
margin:0px 48px 0px 45px;
padding-top:22px;
}
.rnavitxt1{
position:relative;
background:url(bilder/rnavitxt1.jpg) #000000 no-repeat;
width:208px;
height:130px;
}
.rtxt1 {
position:relative;
margin:0px 36px 0px 54px;
padding:6px 0px 10px 0px;
}
.rnavifooter1{
background:url(bilder/rnavifooter1.jpg) #000000 no-repeat;
display:block;
width:208px;
height:23px;
}
.rnaviheader{
display:block;
background:url(bilder/rnaviheader.jpg) #000000 no-repeat;
width:208px;
height:41px;
}
.rnaviheader span{
margin:0px 26px 0px 76px;
padding-top:29.1px;
}
.rnavitxt{
position:relative;
background:url(bilder/rnavitxt.jpg) #000000 no-repeat;
width:208px;
height:134px;
}
.rtxt {
position:relative;
margin:0px 29px 0px 82px;
padding:10px 0px 10px 0px;
}
.rnavifooter{
background:url(bilder/rnavifooter.jpg) #000000 repeat-y;
display:block;
width:208px;
height:15px;
}
.rbottom {
background:url(bilder/rnavifooter.jpg) #000000 repeat-y;
width:208px;
}
.rbottom div {
position:relative;
background:url(bilder/taurenleft.jpg) #000000 no-repeat;
width:208px;
height:39px;
}
/*content*/
.contheader{
position:relative;
background:url(bilder/contheader.jpg) #000000 no-repeat;
width:464px;
height:59px;
}
.contheader span{
display:block;
overflow:hidden;
margin:0px 30px 0px 50px;
padding-top:10px;
text-align:left;
color:#A47736;
}
.content{
width:464px;
background:url(bilder/conttxt.jpg) #000000 repeat-y bottom;
}
.conttxt{
position:relative;
padding:0px 21px 0px 45px;
}

/*footer*/
.footer{
background:url(bilder/footer.jpg) #000000 no-repeat;
width:980px;
height:116px;
}
.button{
display:block;
width:30px;
height:15px;
margin-left:660px;
cursor:pointer;
}
.footer a{
display:block;
position:relative;
width:90px;
height:20px;
margin-left:20px;
margin-top:50px;
}
/*news*/
.tplnewsheader{
        background:url(bilder/news/newsheader.png) #000000 no-repeat top;
        width:377px;
        height:45px;
}
.tplnewsbg{
        background:url(bilder/news/newstxt.png) #000000 repeat-y top;
        width:377px;
}
.tplnewsfooter{
        background:url(bilder/news/newsfooter.png) #000000 no-repeat;
        width:377px;
        height:37px;
}
.tplnewstxt{
        margin:0px 0px 0px 0px;
        padding:0px 14px 4px 14px;
}

.tplnewsheadertxt{
        margin:0px 0px 0px 0px;
        padding:11px 65px 0px 65px;
        color:#A47736;
}
.tplnewsfootertxt{

        margin:0px 0px 0px 0px;
        padding:10px 38px 0px 38px;
}
.tplnewscom{
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}
.tplnewsid{
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 100px;
}


/*ilch*/


.abg
{
   background-color: #003366;
}


.Chead
{
   background:#322212;
  color:#A47736;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{

}

.Callg
{
}

.Callg td
{
  color: #000000;
}

.Cnorm
{
  background-color: #383838;
}
.Cmite
{
  background-color: #222222;
}
.Cdark
{
  background-color: #292929;
}
.rand
{
       padding:0px 20px 0px 20px;
        color: #FFFFFF;
}

.smalfont
{
    font-size: 10px;
    text-decoration: none;
}

.border
{

}
hr
{
    height: 0px;
                border: solid #A6A296 0px;
                border-top-width: 1px;
}

input, textarea, select
{
    color: #000000;
    font: 9px Verdana;
    border-color:#5B5B5B;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    background-color: #EFEFEF;
}

.inplog
{
    color: #FFFFFF;
    font: 9px Verdana;
    border-color: #A16F3A;
    border-style: solid;
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    background-color:transparent;
        padding:0px;
    margin:0px;
}
.inplog1
{
    color: #FFFFFF;
    font: 9px Verdana;
    border-color: #A16F3A;
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    background-color:transparent;
    width:40px;
    padding:0px;
    margin:0px;
}

#menu {}
#menu ul { padding-left: 10px; margin-left: 10px; }
#smallmenu { font-size: 9px; }
#smallmenu li { font-size: 9px; }
#smallmenu a, #smallmenu a:visited { font-size: 9px; }
#smallmenu a:hover{ font-size: 9px; }

/*links overeffekts*/

a, a:visited
{
  color: #FFFFFF;
  font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration:none;
  font-weight:normal;
}

a:hover
{
  color: #666666;
  font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration:none;
  font-weight:normal;
}



a.boxlog, a.boxlog:visited
{
  color: #FFFFFF;
  font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
  font-size: 9px;
}

a.boxlog:hover
{
  color: #666666;
  font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
  font-size: 9px;
}

.contheader a, .contheader a:visited{
color:#A47736;
  font-size: 9px;
}
.contheader a:hover{
  font-size: 9px;
  color:#614B11;
}



    Zuletzt modifiziert von Dionysos am 09.10.2007 - 15:35:42
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  10. Di. 09.10.2007 15:43 Uhr #10
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    dadrunter passt..
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  11. Di. 09.10.2007 15:48 Uhr #11
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    Also einfach nur an das ende dranschmeißen... k, ich versuchs mal
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  12. Di. 09.10.2007 15:56 Uhr #12
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    angehängt ist... passiert aber nichts... neu hochgeladen und geschaut hat sich nix verändert^^
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  13. Di. 09.10.2007 15:57 Uhr #13
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    xD is aba auch schlau^^ is nur der css code damit kommstenet weiter^^ Fehlt noch der HTML Code....
    0 Mitglieder finden den Beitrag gut.
  14. Di. 09.10.2007 15:58 Uhr #14
    User Pic
    Dionysos Mitglied
    Registriert seit
    05.10.2007
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    lol und nu?
    Mein Spielplatz XD ---> blutende-schatten.pytalhost.de

    Unterstützt mich und klickt hier:
    server8.das-arbeitslosenspiel.de/beg.php?id=187000

    [url=http://www.buffed.de/?c=2972682][i
    0 Mitglieder finden den Beitrag gut.
  15. Di. 09.10.2007 16:10 Uhr #15
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Den HTML Code erstellen? Mal bei Selfhtml vorbeischauen, und nochmal meinen Post lesen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Kritik und Verbesserungen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten