Ergebnis 1 bis 4 von 4

Thema: Joomla Css Menu

  1. #1
    minder
    Gast

    Standard Joomla Css Menu

    Hallo

    Ich hab mal gefragt wie man ein HTML Layout an Joomla anpasst. Das hab ich jetzt geschaft. Nur das Css-Menu bereitet mir Probleme.

    Wie kann ich den an Joomla anpassen:

    Code:
    /* ================================================================ 
    This copyright notice must be untouched at all times.
    
    The original version of this stylesheet and the associated (x)html
    is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
    Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
    =================================================================== */
    .pro_linedrop {
    height:35px;
    width:844px;
    background:url(../images/black_0.gif);
    position:relative; 
    font-family:arial, verdana, sans-serif; 
    font-size:11px;
    z-index:500;
    	border-left: 2px solid #808080;
    	border-right: 2px solid #808080;
    }
    
    .pro_linedrop .select {
    margin:0; 
    padding:0; 
    list-style:none; 
    white-space:nowrap;
    }
    
    .pro_linedrop li {
    float:left;
    background:url(../images/black_1.gif);
    }
    
    .pro_linedrop li.lrt {
    float:right;
    background:url(../images/blue_1.gif);
    }
    
    
    .pro_linedrop .select a {
    display:block; 
    height:35px; 
    float:left; 
    background: url(../images/black_0.gif); 
    padding:0 0 0 15px; 
    text-decoration:none; 
    line-height:33px; 
    white-space:nowrap; 
    color:#fc0;
    }
    
    
    .pro_linedrop .select li.lrt a {color:#fcd;}
    
    
    .pro_linedrop .select a b {
    display:block;
    padding:0 30px 0 15px; 
    background:url(../images/black_0.gif) right top;
    }
    
    .pro_linedrop .select li.line a b {
    background:url(../images/black_0a.gif) right top;
    }
    
    .pro_linedrop .select a:hover, 
    .pro_linedrop .select li:hover a {
    background: url(../images/black_1.gif); 
    padding:0 0 0 15px;
    cursor:pointer; 
    color:#fff;
    }
    
    .pro_linedrop .select li.lrt a:hover, 
    .pro_linedrop .select li.lrt:hover a {
    background: url(../images/blue_1.gif); 
    }
    
    .pro_linedrop .select a:hover b, 
    .pro_linedrop .select li:hover a b {
    display:block; 
    padding:0 30px 0 15px; 
    background:url(../images/black_1.gif) right top; 
    cursor:pointer;
    }
    
    .pro_linedrop .select li.line a:hover b, 
    .pro_linedrop .select li.line:hover a b {
    background:url(../images/black_1a.gif) right top; 
    }
    
    .pro_linedrop .select li.lrt a:hover b, 
    .pro_linedrop .select li.lrt:hover a b {
    background:url(../images/blue_1.gif) right top; 
    }
    
    .pro_linedrop .select li.lrt a:hover b.arrow, 
    .pro_linedrop .select li.lrt:hover a b.arrow {
    background:url(../images/blue_1a.gif) right top; 
    }
    
    .pro_linedrop .sub {
    display:none;
    }
    .pro_linedrop ul ul {display:none;}
    
    /* IE6 only */
    .pro_linedrop table {
    border-collapse:collapse; 
    margin:-1px; 
    font-size:1em; 
    width:0; 
    height:0;
    }
    
    .pro_linedrop .sub {
    margin:0; 
    padding:0;
    list-style:none;
    }
    
    .pro_linedrop .sub li {background:transparent;}
    
    .pro_linedrop .select :hover .sub {
    height:25px;
    display:block; 
    position:absolute;
    float:left;
    width:844px;
    top:35px; 
    left:0; 
    text-align:center;
    border-top:1px solid #aaa;
    }
    
    .pro_linedrop .select :hover .rt li {float:right;}
    
    .pro_linedrop .select :hover .sub li a 
    {display:block; height:25px; line-height:22px; float:left; background:transparent url(../images/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
    
    .pro_linedrop .select :hover .sub li.subline a {color:#c00;}
    
    .pro_linedrop .select :hover .sub li a:hover,
    .pro_linedrop .select :hover .sub li:hover
    {color:#000; line-height:20px; position:relative; background:#fff url(../images/fade.gif) left bottom;}
    
    
    {color:#000; line-height:20px; position:relative; background:#fff url(../images/fade.gif) left bottom;}
    
    
    .pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
    .pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard

    check mit dem firebug (addon für ff) die einzelnen styles fürs menü und überschreib sie entsprechend.. is das einzige was ich dir raten kann..
    und wenn du irgendwo schon bilddateien hast, musste die auch entsprechend ersetzen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    minder
    Gast

    Standard

    ok danke
    werds mal versuchen

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard

    viel erfolg )
    so ein Redesign einer bestehenden Site ist gar nicht mal so einfach...
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Joomla
    Von minder im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 19.07.2008, 15:26
  2. joomla
    Von haillo im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 03.07.2008, 19:41
  3. joomla anpassen !!!
    Von fler171087 im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 0
    Letzter Beitrag: 10.11.2007, 17:11
  4. Hilfe bei Joomla
    Von darkdevil im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 05.09.2007, 18:20
  5. Jscript zur Darstellung von linearem Menu in ein Baum Menu
    Von stud3 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.11.2004, 09:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •