Button ändern - Druckversion

Button ändern - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Button ändern (/thread-24016.html)

Button ändern - Schbasti_01 - 29.10.2011

Hallo,

ich habe mir ezgallery drauf gemacht und nun zeigt es mir oben ein Button an der aber nicht zu meinem Theme passt. Ich habe schon einen passenten Button gemacht und statt:

<li><a href="{$mybb->settings['bburl']}/ezgallery.php"><img src="{$mybb->settings['bburl']}/images/icons/photo.gif">{$lang->ezgallery_menu}</a></li>

den pfad zum neuen Bild geändert in:

<li><a href="{$mybb->settings['bburl']}/ezgallery.php"><img src="{$mybb->settings['bburl']}/images/icons/galerie.gif">{$lang->ezgallery_menu}</a></li>

Nur sieht das ganze jetzt so aus!? http://f3k-ooe.bplaced.net

Es soll natürlich so sein wie bei den Buttons daneben.

Was muss ich genau machen? Bitte um Hilfe.

LG Schbasti_01

RE: Button ändern - Fischbude - 29.10.2011

Hallo,

eine Frage: Die Shoutbox die Du da nutzt, welche ist das? Hast Du da vllt einen Link?

LG

RE: Button ändern - Schbasti_01 - 29.10.2011

https://www.mybb.de/erweiterungen/14x/plugins-verschiedenes/myshoutbox/

Das ist sie.

LG Schbasti_01

RE: Button ändern - krafdi - 29.10.2011

Also die Grafik passt schon nicht? Oder soll das so sein?

Und den Gallery im Link Tak musst du weg lassen!

Code:
<a href="http://f3k-ooe.bplaced.net/ezgallery.php">

<img src="http://f3k-ooe.bplaced.net/images/icons/galerie.gif">

Gallery

</a>

RE: Button ändern - Schbasti_01 - 29.10.2011

OK, Danke schon mal für den Link, jetzt ist mal das Gallery weg.

Und zu deiner Frage wegem dem Button. Die anderen Button sehen auch so aus nur sieht man da das blaue nicht. Erst wenn man darauf fährt mit der Maus, wird es blau. Gibt es eine möglich keit das auch so zu machen?

LG Schbasti_01

RE: Button ändern - Jockl - 29.10.2011

Du musst den Link noch mit

Code:
<li class="ezgallery">

</li>

umschließen und für die CSS-Klasse ezgallery eine entsprechende Anpassung in der global.css vornehmen. Siehe hierzu, wie das bei Dir z.B. mit der Klasse ".menu .calendar" umgesetzt wurde.

Edit:

Du musst den Link so gestalten

Code:
<li class="ezgallery"><a href="http://f3k-ooe.bplaced.net/ezgallery.php">Gallery</a></li>

und das Bild

Code:
<img src="http://f3k-ooe.bplaced.net/images/icons/galerie.gif">

entsprechend in die ezgallery Klasse einbauen.

RE: Button ändern - Schbasti_01 - 29.10.2011

Da gibt es eines Namens:

Zitat: .menu .calendar a

Hintergrund: url(images/blockblue/toplinks/calendar.gif)

Breite: 80px

Extra-CSS-Attribute:
height: 48px;
margin-top: -15px;

Und:

Zitat: .menu .calendar a:hover

Hintergrund: url(images/blockblue/toplinks/calendar.gif) 0 48px

Was muss ich jetzt machen?
Hab zuvor noch nie etwas im global.css machen müssen.

LG Schbasti_01

RE: Button ändern - Jockl - 29.10.2011

setze in der global.css folgenden Code ein

Code:
.menu .ezgallery a {

    background: url("../../../images/blockblue/toplinks/galerie.gif") repeat scroll 0 0 transparent;

    height: 49px;

    margin-top: -15px;

    width: 70px;

}

.menu .ezgallery a:hover {

    background: url("../../../images/blockblue/toplinks/galerie.gif") repeat scroll 0 48px transparent;

}

und ersetze

Code:
.menu .search a, .menu .memberlist a, .menu .calendar a, .menu .help a  {

    float: left;

    margin-right: 35px;

    text-indent: -99999px;

}

durch

Code:
.menu .search a, .menu .memberlist a, .menu .calendar a, .menu .help a, .menu .ezgallery a  {

    float: left;

    margin-right: 35px;

    text-indent: -99999px;

}

RE: Button ändern - Schbasti_01 - 29.10.2011

Supi, Danke hat gefunzt!!!!!!!!

LG Falki