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

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

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

danke schonmal für den code...

aber wohin damit? *rotwerd*

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

Also einfach nur an das ende dranschmeißen... k, ich versuchs mal

xD is aba auch schlau^^ is nur der css code damit kommstenet weiter^^ Fehlt noch der HTML Code....

Den HTML Code erstellen? Mal bei Selfhtml vorbeischauen, und nochmal meinen Post lesen.