In diesem Tutorial geht es wieder um Indexhibit und wie ihr auf der Startseite einzelne Projekte in einer Slideshow featuren und direkt verlinken könnt.

Das InnerFade Script könnt ihr euch hier runterladen.

Dieser Teil kommt in die index.php in eurem Theme-Ordner:

<script type=”text/javascript” src=”<%baseurl%><%basename%>/site/js/jquery.innerfade.js”></script>

<script type=”text/javascript”>

$(document).ready(
function(){
$(‘#slideshow’).innerfade({
animationtype: ‘fade’,
speed: ‘slow’,
timeout: 3000,
type: ‘random’,
});

});

</script>

Und diesen Teil kopiert ihr in eurem Backend auf die gewünschte Seite. Hier wird nur ein Bild aufgerufen. Den Teil müsst ihr kopieren und natürlich die Verlinkung und die Bildquelle ändern.

<div id=”slideshow”>

<a href=”http://www.incolorswetrust.com/project/whats-he-building”><img src=”http://www.incolorswetrust.com/files/slideshow/building.jpg” width=”600″ height=”334″ /></a>

</div>

Die Bilder müsst ihr entweder separat erstellen und über FTP hochladen oder ihr verlinkt auf Bilder, die sowieso schon in den Projekten verwendet werden.
Die Bilder können auch unterschiedliche Größen haben, schöner sieht’s aber aus, wenn sie alle gleichgroß sind.

weitere Indexhibit Tutorials:

Neues Indexhibit Video, diesmal wie ihr eure Bilder mit Border verseht und ein paar andere Tipps.
Wer Bock hat, kann ja mal seine Indexhibit-Seite posten. Würd ich gern mal sehen!

weitere Indexhibit Tutorials:

Ausgehend von einem Kommentar zum zweiten Indexhibit Tutorial habe ich hier die Themen “horizontales Format” und “tranzparentes Menu” abgedeckt. Außerdem zeige ich kurz, wie ihr eine Introseite erstellen könnt.

Indexhibit Tutorials:

Ich zeig euch in diesem Tutorial, wie ihr das Menu in ein Dropdown Menu verwandelt. Die erwähnten Java Script Dateien und den weiteren Code könnt ihr euch hier runterladen.

Noch ein Hinweis zu dem Script: In der JS-Datei steht an einer Stelle “var speed = 200;” mit dieser Zahl könnt ihr steuern, wie schnell oder langsam das Menu aufklappt.

Indexhibit Tutorials:

Hier also der zweite Teil des Indexhibit Tutorials. Es wird erklärt, wie ihr oben links euer Logo einbettet, wie ihr den Link zu indexhibit aus der Navigation löscht (ihr solltet indexhibit dann im Impressum verlinken) und wie ihr das Menu anpasst.

Außerdem empfehle ich euch das Firefox Add-on Firebug für die Bearbeitung.

Indexhibit Tutorials:

Endlich wieder ein neues Tutorial! Diesmal für alle, die endlich mal ihre Arbeiten online stellen wollen, aber sich mit Websites und HTML nicht sonderlich auskennen.
Die Lösung heißt Indexhibit. Das ist ein kostenloses CMS (Content-Management-System) was es ermöglicht, einmal installiert, sehr schnell und einfach neue Arbeiten online zu stellen.

In diesem Video erkläre ich, wie es installiert wird und wie die ersten Projekte angelegt werden. In Teil 2 geht es dann um das anpassen des Designs mittels CSS und HTML.

Habt ihr noch Probleme bei der Installation, schreibt in die Kommentare und ich werde versuchen zu helfen.

Indexhibit gibt es hier.
Solltet ihr noch Webspace samt Domain suchen, ich bin mit meinem Kram bei All-Inkl und sehr zufrieden (guter Service). Alwina’s Domain ist bei Host4Free registriert, da bekommt ihr für 2 Euro im Monat schon das, was ihr für Indexhibit braucht. Günstiger gehts eigentlich nicht.
Wenn ihr einen der beiden Webhoster nutzen wollt, nehmt doch die folgenden Links, dann bekommen wir eine kleine Provision:

Webhosting von All-Inkl
Webhosting von Host4Free

Indexhibit Tutorials: