jQuery Teamansicht Version 1.1 für IlchClan .1O

Beschreibung

Teamansichts Modifikation: Bei mouseover erscheint ein Cover mit Informationen zum User

Entwickelt

• von "Forcey"
• Fehler behoben/erweitert von "kdl"
• auf Basis von IlchClan 1.1 O
• nutzt die jQuery Bibliothek

Installation

• alle Dateien im Ordner upload, in ihrer Ordnerstruktur hochladen
• Vorsicht, überschreibt folgende Dateien:
  • include/content/teams.php
  • include/templates/teams.htm
• index.htm des Designs öffnen (bzw. style.css) und folgendes in den Head-Bereich einfügen:
  • Wenn jQuery noch nicht integriert ist:
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  
  
  
  • CSS:
    <style type="text/css">
.boxgrid{
width: 128px;
height: 167px;
margin:10px;
float:left;
background:#161613;
border: solid 0px #8399AF;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxgrid p{
padding: 0 10px;
color:#afafaf;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption{
color:#afafaf;
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.cover {
top: 167;
left: 0;
}
</style>
  
  
  
  • Javascript (jQuery):
    <script type="text/javascript">
$(document).ready(function(){
//Full Caption Sliding (Hidden to Visible)
$(".cover").css("top", "167px");
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop(true, true).animate({top:'71px'},160);
}, function() {
$(".cover", this).stop(true, true).animate({top:'167px'},160);
});
});
</script>
• Hinweis:
  In der Admin Konfiguration muss unter "Team Optionen" bei "Avatar bei den Usern?" "ja" ausgewählt werden, sonst funktioniert das Modul nicht.

Modifizieren

Eventuell ist es notwenig das Modul zu modifizieren. Genauer gesagt die Größe der Avatare anzupassen. Sinn macht das, wenn alle Team- bzw. Clan-Mitglieder gleich große Avatare haben. Ansonsten ist es überflüssig, da die Avatare automatisch auf die festgelegte Größe skaliert und zentriert werden.
Hier also die Anleitung zum modifizieren/einstellen der Größe. Folgende Dateien müssen bearbeitet werden:

• index.htm des Designs
  • In dem bei der Installation eingefügten CSS-Teil müssen alle "width: 128px;", "height: 167px;" und "top: 167;" (height) geändert werden.
  • In dem bei der Installation eingefügten Javascript-Teil müssen die "top:"-Werte angepasst werden
• include/content/teams.php (nur an der mit "#" markierten Stelle die Werte ändern)

Bekannte Einschränkungen / Fehler

keine

Haftungsausschluss

Ich übernehme keine Haftung für Schäden, die durch dieses Skript entstehen.
Benutzung ausschließlich AUF EIGENE GEFAHR.

Fehler bei kdl (http://www.ilch.de/user-details-19275.html) melden. Support nur im ilch-Forum (http://www.ilch.de/forum.html).