menü buttons für links

**Gabsi** · 04.01.2011 13:09

hi,

ich habe auf meiner seite 5 menüpunkte im "topmenü"
Menüpunkt 1 I Menüpunkt 2 I etc...

nun möchte ich, dass diese links ein hintergrundbild bekommen, jeder das selbe, aber nicht alle zusammen ein bild. quasi so wie im joomlaportal oben die leiste "forum, user cp, etc)

bisher habe ich nur folgenden css code dafür

Code:

#topmenu{
   height: 30px;
   margin-top: 113px;
   position: absolute;
   font-size: 17px;
}

(also nur die definition wo das menü sitzt)

und eben der html-code

HTML-Code:

                  <div id="topmenu">
                          <jdoc:include type="modules" name="topmenu" />
                   </div>
             </div>

die menüpunkte sind bereits eingetragen, müssten aber in der datenbank liegen.

hoffe ihr könnt damit was anfangen
gabsi

**Gnaarz** · 04.01.2011 13:15

Du solltest in der CSS-Datei dann nach so etwas wie: #topmenu ul li { ...} suchen. dort musst du dann "background-image:..." einfügen.

Einfacher wäre es wenn du uns einen link der seite gibst

**Gabsi** · 04.01.2011 13:36

hm, also das ist mein eigenes template und da fehlen einfach die richtigen definitionen, die ich eben nicht kenn.
und auf den localhost kann ich schlecht verlinken :P

**Gnaarz** · 04.01.2011 13:42

Hmm also das Menü ist meist als unordered-list definiert.

also #topmenu ul , wenn du nun jedem einzelnen listenpunkt das gleiche aussehen geben willst, musst du also entweder alle einzeln ansprechen oder aber gemeinsam als

#topmenu ul li{

background-image: ... ;

}

soweit meine theorie

**Gabsi** · 04.01.2011 14:25

also ich würde schon gerne alle gemeinsam ansprechen.
in meiner css steht jetzt auch noch:

Code:

#topmenu ul li{
   background-image: url(../images/button.jpg);
}

ich weiß nur nicht genau wie, bzw eher wo genau ich das in dem html dokument verknüpfen muss.
hier is meine index.php

PHP-Code:


<?php

/*

* Gemeinde Unterwegs

*

*

*/

defined('_JEXEC') or die('Zugriff verboten');

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://w3.org/1999/xhtml" lang="<?php echo $this->language; ?>" xml:lang="<?php echo $this->language; ?>">

        <head>

                <?php

                $user =& JFactory::getUser();

                if ($user->get('guest') == 1) {

                        $headerstuff = $this->getHeadData();

                        $headerstuff['scripts'] = array();

                  $this->setHeadData($headerstuff);}

                ?>

                <jdoc:include type="head" />

                <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/Gako/css/template.css" />

          <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />

          <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" />

          <!--[if lt IE 6]>

          <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/Gako/css/ie5.css" />

          <![endif]-->



          <?php if($this->direction == 'rtl') : ?>

          <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/Gako/css/template_rtl.css" />

          <?php endif; ?>

             <meta **********="Content-Type" content="text/html; charset=utf-8" />

        </head>

  <body>

      <div id="container">

           <jdoc:include type="modules" name="breadcrumb" />

           <jdoc:include type="modules" name="top" />

<div id="oben">

                  <div id="topmenu">

                          <jdoc:include type="modules" name="topmenu" />

                   </div>

             </div>



             <div id="mitte">

                    <div id="linkesmenu">

                        <jdoc:include type="modules" name="left" />

                     </div>

                    <div id="rechtesmenu">

                     </div>

                    <div id="content">

                        <jdoc:include type="component" />

                     </div>

              </div>



             <div id="footer">

                   <p></p><center>&copy; Gemeinde Unterwegs

                   </center>

      </div>

  </body>

</html>

**cylance** · 04.01.2011 22:14

ich weiß nur nicht genau wie, bzw eher wo genau ich das in dem html dokument verknüpfen muss.
hier is meine index.php

Da passt alles.

Du musst die Änderungen /Ergänzungen nur in der CSS einfügen.

**Gabsi** · 05.01.2011 00:23

bist du dir sicher ?
also ich hab jetzt folgenden css code für das menü und ich seh immernoch keinen button beim seiten aufruf

Code:

#topmenu{
   height: 30px;
   margin-top: 5px;
   position: absolute;
   width: 987px;
   font-size: 17px;
   padding-left: 7px;
   background: #da6b19;
}

#topmenu ul li{
   background: url(../images/button.jpg);
}

dateipfad hab ich überprüft, stimmt

**cylance** · 05.01.2011 08:31

Schau mal in den Einstellungen nach ob Du Menüstil Liste drin hast

http://www.joomlaportal.de/gel-ste-t...ml#post1170120

**Gabsi** · 05.01.2011 13:29

hm, also ich hatte horizontal eingestellt, wenn ich liste einstell dann geht es, wie du gesagt hast, aber ich möchte ja ein horizontalmenü haben..
also doch falscher css-befehl ? oder soll ich irgendwie die definition von "liste" ändern ?

edit:
die lösung ist

Code:

#topmenu a{
   background: url(../images/button.jpg);
}

Thema: menü buttons für links

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

menü buttons für links

Lesezeichen

Lesezeichen

Berechtigungen