Wo finde ich die Links in der U_... Form?

[Mahony]

Hallo
Du findest den gesuchten Code in der portal/block/main_menu.php


Grüße: Mahony

[FanMan]

Danke, Mahony! Ich danke dir

[wolfman24]

Und das konntest du mit den vorher genannten Tipps nicht selbst finden? Ganz schön peinlich!

[Onassis]

Ich habe hier glaube ich eine ähnliche, passende Frage:

Ich habe mir zwei zusätzliche Links eingebaut: "IGMarkets" und "Tradingtermine", siehe Bild:
[ externes Bild ]
Aber die Grafiken sind nicht mittig, deshalb muss ich es mit diesen U_ und L_ irgendwie machen, damit es perfekt aussieht.
Aber in welchen Dateien muss ich was eintragen, damit die Grafiken mittig eingebaut werden könnne?

In der overall_header habe ich folgendes drinstehen:

Code: Alles auswählen

 <ul class="linklist rightside">
                                <li><img src="http://www.sr-trading.eu/forum/styles/prosilver/theme/images/icon_ig.png" alt="" border="0" width="16" height="14"><a href="http://www.igmarkets.de/?QPID=32622173&QPPID=1" target="_blank">IG Markets</a></li>
                                <li><img src="http://www.sr-trading.eu/forum/styles/prosilver/theme/images/icon_kalender.gif" alt="" border="0" width="16" height="14"><a href="http://www.sr-trading.eu/tradingtermine.html" target="_blank">Tradingtermine</a></li>
                                <li class="icon-geomap"><a href="{U_GEOMAP}" title="{L_GEOMAP}">{L_GEOMAP}</a></li>
                                <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                                <li class="icon-chat"><a href="{U_CHAT}" title="{L_CHAT_EXPLAIN}">{L_CHAT}</a></li>

Irgendwo, in irgendwelchen Dateien, muss ja diese li calls definiert werden, das href und der titel... aber wo?

Eine Anleitung von phpbb zu dem gesamten Dateien gibt es wohl nicht, damit könnte ich mich auch alleine durcharbeiten...

Onassis

PS:
php Version 3.0.8
Mods: GeoMap, Startrek-Chat, Highslide-Mod, Thanks-Mod

[Tetischere]

Hallo
versuch es mal mit

Code: Alles auswählen

<ul class="linklist rightside">
                                <li><img src="http://www.sr-trading.eu/forum/styles/prosilver/theme/images/icon_ig.png" alt="" border="0" width="16" height="14" align="middle" /><a href="http://www.igmarkets.de/?QPID=32622173&QPPID=1" target="_blank">IG Markets</a></li>
                                <li><img src="http://www.sr-trading.eu/forum/styles/prosilver/theme/images/icon_kalender.gif" alt="" border="0" width="16" height="14" align="middle" /><a href="http://www.sr-trading.eu/tradingtermine.html" target="_blank">Tradingtermine</a></li>
                                <li class="icon-geomap"><a href="{U_GEOMAP}" title="{L_GEOMAP}">{L_GEOMAP}</a></li>
                                <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                                <li class="icon-chat"><a href="{U_CHAT}" title="{L_CHAT_EXPLAIN}">{L_CHAT}</a></li>

[Onassis]

Hallo,

das klappt leider nicht (also eigentlich schon), aber dann sind die kleinen Grafiken zu weit unten.
top schiebt sie zu weit nach oben
middle zu weit nach unten
bottom viel zu weit nach unten

Damit bekomme ich es nicht sauber hin!

Evtl. merkt es ein user gar nicht - aber mir fällt das nicht perfekte Bild direkt ins Auge.
Ich denke ich muss es über die L_ und U_...s irgendwie lösen!

Onassis

[Tetischere]

Hallo
da hast du recht, die anderen Grafiken werden auch als Hintergrund definiert.
suche diesen Code, so musst du deine anderen beiden icons definieren!

Code: Alles auswählen

ul.linklist li {
    display: block;
    float: left;
    font-size: 1.1em;
    line-height: 2.2em;
    list-style-type: none;
    margin-right: 5px;
    width: auto;
}

.icon-geomap {
    background-image: url("./styles/prosilver/theme/images/icon_geomap.gif");
}

hab mal geomap als Beispiel kopiert, so sieht der Code bei dir aus

[Onassis]

Danke für den Hinweis!
Ich mach mich heute abend mal an die Arbeit - mal sehen ob ich es hinbekomme...

edit: Bin fertig - alles absolut perfekt!

Hier die Anleitung, falls es jemand auch mal benötigt:

1) Die kleinen Bilder, gifs oder pngs werden in folgenden Ordner kopiert: /forum/styles/prosilver/theme/images

In den Ordner.../prosilver/theme/ befinden sich zwei wichtige Dateien:
a) buttons.css
b) colours.scc

Bei der buttons.css muss folgendes geändert werden (am Beispiel von IG Markets)
Einfügen von ".icon-igmarkets,"

Code: Alles auswählen

/* Icon images
---------------------------------------- */
.sitehome, .icon-igmarkets, .icon-kalender, .icon-chat, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search , .icon-geomap {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}
...

Bei der colours.css muss eingefügt werden:
".icon-igmarkets { background-image: url("{T_THEME_PATH}/images/icon_ig.png"); }"

Code: Alles auswählen

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-igmarkets						{ background-image: url("{T_THEME_PATH}/images/icon_ig.png"); }
.icon-kalender						{ background-image: url("{T_THEME_PATH}/images/icon_kalender.gif"); }
.icon-chat						{ background-image: url("{T_THEME_PATH}/images/icon_chat.gif"); }
.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
...

Das muss man erstmal rausbekommen!
Aber jetzt funktioniert es tadellos!
Das Aussehen ist perfekt - und so soll es sein!

Onassis