SouThi
Unregistered
|
Beitrag #1
Partner Headerscript/link kP^^
 partner_table.zip (Größe: 584 Bytes / Downloads: 0)
XxAnimusxX schrieb:Auf Anfrage von einem BB-User habe ich mich an die Arbeit gemacht, diesen zu bearbeiten.
Nun steht der Script soweit bereit, funzt im IE, FF und Opera.
Ein Live-Beispiel könnt ihr in unserem Partnerboard "kunder" nachsehen, indem ihr im Header auf "Partner" geht.
Um den Script einzubinden muss ein template und das aktuelle Theme modifiziert werden. Fangen wir mit dem simpleren an.
:: Theme // Css ::
Wir müssen nun ein CSS-Teil in das aktuelle Theme einfügen, dafür im AdminCP -> Themes -> Ändern / Entfernen
das aktuelle, für das Board aktivierte Theme auswählen und bearbeiten.
Wenn ihr nun in der darauffolgenden Seite ganz nach unten scrollt, entdekct ihr ein Eingabefeld unter "Zusätzliches CSS".
Hier fügen wir folgendes ein:
Code:
td.innerDyn
{
padding-left:5px;
padding-right:5px;
background-color:#576972;
}
table.partner_table
{
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
z-index:10;
}
table.partner_subtable
{
Color:ivory;
font-family:verdana;
font-size:11pt;
text-align:left;
}
table.partner_subtable a:link {color:ivory;}
table.partner_subtable a:visited{color:ivory;}
table.partner_subtable a:hover {color:red;text-decoration:none;}
Hier könnt ihr auch später alle Änderungen vornehmen, falls ihr andere Farben und Einstellungen haben möchtet.
:: Script-Teil ::
Nun müssen wir den Script hochladen damit wir später in den Templates diesen benutzen können. Hier ladet euch folgende Datei herunter:
Diesen ladet ihr in das Root/jscripts/ - Verzeichnis eures MyBB-Boards auf eurem Server.
Der Script an sich ist ziemlich simpel und sollte nur von Usern modifiziert werden, die sich mit JS-Scripts auskennen :D
Ansonsten stehe ich für jede Modifikation zur Verfügung.
:: Template-Änderung ::
Nun müssen wir den Code in das Template einfügen, hierfür klicken wir uns durch AdminCP -> Templates -> Suche
und suchen unter "Suche nach" nach dem Template "header".
Im Suchergebnis wählt ihr dann das Header-Template für euren Theme aus.
Im Eingabefeld gibt ihr ganz oben in die erste Zeile folgendes ein:
Ich weiß, es ist sehr unprofessionell, aber ich habe keine andere Möglichkeit gefunden den Script auch für IE schmackhaft zu machen...
An eine geeignete Stelle fügt ihr nun folgendes in das Header-Template ein:
Nun folgt der letzte Code, den ihr jedoch für eure eigenen Ansprüche verändern müsst, daher poste ich hier nur ein Prototyp, den ihr später editieren müsst:
Code:
<table border=0 cellspacing=0 width=250 class="partner_table" id="partner_table" style="visibility:hidden;" onMouseout="spawn_table(0);">
<tr>
<td width=2 bgcolor=midnightblue></td>
<td class=innerDyn>
<table border=0 cellspacing=0 width=100% height=100% class=partner_subtable onMouseOver="spawn_table(1);">
<tr>
<td><a href="Partner1.de" target=_blank>Partner1</a></td>
</tr>
<tr>
<td><a href="Partner2.de" target=_blank>Partner2</a></td>
</tr>
<tr>
<td><a href="Partner3.de" target=_blank>Partner3</a></td>
</tr>
<tr>
<td><a href="Partner4.de" target=_blank>Partner4</a></td>
</tr>
<tr height=2 bgcolor=midnightblue><td></td></tr>
<tr>
<td>
<a href="/Übersicht.php" target=_parent>Partner-Übersicht</a>
</td>
</tr>
</table>
</td>
<td width=2 bgcolor=midnightblue></td>
</tr>
</table>
Diesen Code fügt ihr irgendwo hinein, wo es passend ist, am besten in die Nähe der Links im Header.
Als letztes müssen wir noch die nötigen Event-Handler einbauen.
Dafür suchen wir den Link im Header, welchen wir mit diesem Popup unterstützen möchten.
Da wir das für den Partner-Link machen, suchen wir nun die Zeile indem der Parnter-Link geschrieben ist, sollte ungefähr so aussehen:
Ist eine sehr vereinfachte Ansicht, da dieser Code von Board zu Board variiert. In dieses <a>-Tag setzen wir nun unsere Event-Handler ein, danach müsste es so aussehen:
Nun übernehmen wir die Änderung und testen es im Board ;)
Dieser Script entstand innerhalb weniger Minuten und könnte noch Bug-Anfällig sein. Ich bin mir auch im klaren das es bestimmt viele andere Möglichkeiten gibt, sowas zu realisieren, ich möchte nicht behaupten das dieser Script wirklich gut ist, da es noch serh ausbaufähig ist.
Wer es benutzen möchte, ist gerne aufgefordert dies zu tun und mir vll eine kurze PM zu schicken ob es bei ihnen im (Test-)Board geklappt hat oder ob noch Hilfe benötigt wird.
Desweiteren empfehle ich noch am Style zu schrauben, da ich den Style für kunder gestaltet hatte, könnte es vll mit eurem Board von der Farbzusammenstellung nicht gut verhalten. Man kann natürlich auch das Tableset völlig umändern und durch Grafiken ersetzen, liegt alles in eurer Macht ;)
Quelle:
http://www.elitescripts.de/showthread.php?tid=5
|
|
| 30.10.2007 16:29 |
|
SouThi
Unregistered
|
Beitrag #3
RE: Partner Headerscript/link kP^^
Wolf schrieb:Habe ich gestern bereits lordy mitgeteilt.
Achso konnte ich ja nicht wissen :p
|
|
| 30.10.2007 17:11 |
|
SouThi
Unregistered
|
Beitrag #5
RE: Partner Headerscript/link kP^^
X3N0X schrieb:Haha! owned by wolfi xDD
Bist gleich 0wn3d by SouThi :D
wie? frag mich lieber nicht^^
|
|
| 30.10.2007 17:24 |
|
lord drag
Unregistered
|
Beitrag #6
RE: Partner Headerscript/link kP^^
HeHe wollte das eigentlich selber proggen und bin fast fertig.
Aber danke.
|
|
| 30.10.2007 17:31 |
|
![[Bild: wolfsigig7hr5.png]](http://img133.imageshack.us/img133/9540/wolfsigig7hr5.png)
