Tutorial - mar_EterG mit Last Forum Box Scroller


Info zum Tutorial / was wird benötigt

Hierbei wird der LastForum Box ein Scrollbalken eingefügt, so das mehr als 4 Einträge einzusehen sind. (Anzahl frei wählbar)

- vorgefertigter Upload

Bei diesem Tutorial werden die Original Dateien als Vorlage genutzt.Bei eigenen Änderungen sollte dies berücksichtigt werden.

Schritt für Schritt

1. Downloade Dir den vorgefertigen Upload.Lade die Dateien nach Ordnersrucktur hoch und ersetze die bestehenden.
2. Füge folgenden Code innerhalb des <head> Bereiches der index.htm ein :
<script type='text/javascript' src="include/designs/mar_EterG/js/flexcroll.js"></script>

3. Öffne die index_htm.In Zeile 36 sieht Du folgenden Eintrag:
  1. <div id="forumbox" align="left">{_boxes_lastforum_bwmod}</div>
Ersetze die Zeile 36 mit folgenden Eintrag:
  1. <div id="forumbox" align="left"><div id='mycustomscroll' class='flexcroll'>{_boxes_lastforum_bwmod}</div></div>
Speichere die index.htm und ersetze die bestehende.
Schritt 2. und 3. anschließend in der index_forum.htm vornehmen, damit die Änderungen auch in der Forumansicht übernommen wird.

4.Öffne die style.css und füge folgende Einträge hinzu:
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 10px;
background-color: #232623;
}
.vscrollerbar {
width: 10px;
background-color: #16bdec;
}
.hscrollerbase {
height: 10px;
background-color: #232623;
}
.hscrollerbar {
height: 10px;
background-color: #16bdec;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 690px;
height: 102px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #0f100f;
margin: 0.3em auto;
padding: 1px;
}
Speichere die style.css und ersetze die bestehende.
In der Box lastforum_bwmod.php in Zeile 24 kannst Du noch das Limit der Einträge ändern.Aktuell steht dies auf 12 Einträge.

Tutorial mar_EterG mit Last Forum Box Scroller | Maretz.eu - Digital Art | Free Ilch Clan und Community Templates