In meiner Webseite möchte ich eine Textbox haben und wenn ein User dort hineinklickt, dann soll der voreingestellte Text automatisch verschwinden. Damit ich das für den Block der Suche umsetzen kann, muss ich nur das Template (system_block_search.html) dazu ein bisschen bearbeiten.
vorher

nacher

Das kann mit jedem Textfeld genutzt werden.

SWF = http://www.xoops-magazine.com/uploads/wp-content/2008/02/mouse-over-text.swf

Derzeit sind bunte Farben als Schrift für eine Webseite sehr modern, dazu passend ein Schwarzer Hintergrund (ist aber nicht dringend erforderlich). Es gibt viele bekannte Webseite in denen man diesen Trend schon sehen kann. Aber das Problem ist, welche Farben soll man benutzen? Pantone? RAL? Nein, das ist langweilig. Ich nutze sehr gern die HKS-Farben. Die HKS Farben werden normal für den Druckbereich in Agenturen eingesetzt. Aber die Farben hinterlassen in einer Webseite auch einen erfrischenden Eindruck. Deshalb empfehle ich diese Farben. Für den Web-Bereich benötigt man die HEX-Farben. Wir stellen Euch die komplette Liste der 97 HKS-Farben als Beispiel mit HEX-Wert zur Verfügung.
Hier sind einige Beispiele für den Design-Trend 2008:

.

.

.

Download the HKS-color list as a HTML-file now!

Um das eigene XOOPS, XOOPS Cube oder ImpressCMS aufzupeppen, hat man gern das bewährte Lightbox benutzt um Grafiken, Bilder oder ähnliches zu präsentieren. Das JavaScript ist jedoch in die Jahre gekommen und nicht mehr wirklich attraktiv. Aber jetzt gibt es feine Alternativen. Die lassen sich mit sehr wenig Arbeitsschritten in das CMS einbinden. Hier haben wir zunächst das PopBox Tool. Für dieses Tool muss nur das JavaScript in die theme.html eingebunden werden:

<script type="text/javascript" xsrc="PopBox.js"></script>

Jetzt kann das Bild mit dem entsprechenden Parameter angesteuert werden:

<img id="image1" xsrc="large.jpg" pbsrc="small.jpg" onclick="Pop(this);" />

Beispiele und Download gibt es auf der Homepage:
http://www.c6software.com/Products/PopBox/

Kommen wir zum nächsten JavaScript. Das Highslide ist ein sehr schönes Feature für die Webseite um kleine Bilder mit einem Klick zu vergrößern. Die Effekte sind einzigartig und sehr beeindruckend. Es macht viel Spaß mit dem Skript zu experimentieren. Auch hier wird das JavaScript in die Theme.html eingetragen:

<script type="text/javascript" xsrc="highslide.js"></script>

Um zum Bild könnte folgender Parameter hinzugefügt werde:

<a xhref="image.jpg" onclick="return hs.expand(this)"><img xsrc="thumbnail.jpg" /></a>

Beispiele und Download gibt es auf der Homepage:
http://vikjavev.no/highslide/
(Achtung: Dieses Script ist nur kostenlos für private Webseiten, Schulen, Familienfotoalben und non-Profit Organisationen)

Xoops-Theme stellt sich vor

Xoops-theme ist ein Ein-Mann-Betrieb, erstellt von mir (Student an der TU Wien, 26 Jahre alt). Als ich mal auf der Suche nach einem bestimmten Theme war, viel mir auf dass sich die Suche nach dem Theme sehr aufwendig gestaltet hat. Da kam die Idee: eine Webseite - alle Themes - Screenshots - Download Links. Xoops-theme.com ist jetzt das Resultat der Idee Ich möchte Menschen die Xoops benutzen einfach die Möglichkeit bieten sich anzuschauen was man mit Xoops alles machen kann. Zur Zeit befinden sich 80 kostenlose Themen auf der Seite.

Da ich in der Freizeit gerne Xoops-Themen erstelle werden bestimmt auch ab und zu Themen von mir kommen. Mein erstes Theme (big-bis theme) dass ich zum Download biete kann man sich schon auf Xoops-theme.com anschauen. Es ist ein recht einfaches Theme. Ich hoffe es gefällt euch.

Bleekk
http://www.xoops-theme.com

Ist es möglich bei bestimmten Blöcken in XOOPS den Block-Titel wegzulassen ohne das bei allen zu ändern? Ja, kein Problem. Das grundlegende Aussehen der eigenen XOOPS-Seite wird bestimmt durch die Formatierungen in der Datei /themes/DEINTHEME/theme.html. Hier werden auch die Abschnitte definiert, die letztlich die Blöcke der Seite darstellen. Das sieht für den linken Block-Abschnitt dann z.B. so aus:

Quelle:

Mit einer kleinen Änderung kann die gewünschte Funktionalität eingebaut werden. Das muß dann so aussehen:

Ziel:

Um jetzt einzelne Blöcke ohne Titel erscheinen zu lassen, ist es nur noch notwendig in der Blockverwaltung den Namen des Blocks zu ändern von z.B.

in:

Durch die Verwendung des Wortes “none” am Ende des Titels wird der vorher einkopierte Code aktiviert und “versteckt” den Titel komplett. Die Änderung muß für jeden Block-Abschnitt in der theme.html extra gemacht werden, also für den Linken Block, die drei Center-Blöcke und den Rechten Block!

Je nach verwendetem Theme kann es auch sein, daß die Einrichtung der Block-Abschnitte etwas anders geschieht (XOOPS ist halt flexibel), dann muß man die hier beschriebenen Wege halt auch anders anwenden.

Hier noch eine XOOPS Webseite in der einige Blöcke keinen Titel haben Hier wurde diese Technik genutzt:

Dieser Design-Tip stammt aus der deutschen Community myxoops.org vom User @migoe. Vielen Dank! Und jetzt viel Spaß beim ausprobieren.

Frage: Welcher XOOPS DHTML-Editor sieht schöner aus? Natürlich eine dumme Frage. Bei dem xoopseditor-Pack gibt es einen erweiterten DHTML-Editor, aber die Bilder für die Erweiterungen passen nicht zum Layout. Deshalb habe ich alle neuen Erweiterungen mit neuen Bildchen versehen. Jetzt sind alle angepasst und jetzt passen diese auch zum erweiterten DHTML-Editor. Auch Du kannst diese Bildchen ab sofort nutzen. Als Member kannst Du Dir diese Bilder jetzt downloaden. Greif zu.

Download now!

Ich habe ein neues Bildset für das Forum CBB für Euch entwickelt. Die Bilder sind in englischer, französischer, spanischer, norwegischer, portugisischer (BR), türkischer, russischer, holländischer, grichischer, persischer Sprache und in deutscher Sprache vorhanden. Jeweils befinden sich die Bilder auch in transparenter Form wieder als GIF und PNG Dateien! Also alles in allem wirklich komplett. Die Dateien müssen nur entpackt und hochgeladen werden. Das Bildset befindet sich in: “XOOPS_ROOT/modules/newbb/images/imagesets/hier”

Du findest dort schon die Ordner “defaults” und “hsyong”. Kopiere also den neuen Ordner “xoops-magazine” einfach mit dazu. Im Anschluß muß nur noch über die Voreinstellung des Forums das neue Bildset ausgewählt werden und das Modul noch aktualisieren. Fertig.

Der Download ist für alle Mitglieder kostenlos.

Ich habe einmal schnell für die deutschen XOOPS-Fans ein eigenes favicon-Icon erstellt. Wer es nutzen will, muß es nur durch das vorhandene Icon ersetzen. Wenn der Browser-Cache gelöscht wurde und die Seite neu geladen wird, ist das neue Icon schon zu sehen. Der Download…ist für User kostenlos über diesen Link. Ich wünsche Euch viel Spaß.

Ein regelmäßiger Tapetenwechsel tut Ihren Seiten gut! Dabei muß nicht jedesmal die komplette Grundstruktur geändert werden. Es reicht doch auch, wenn Sie lediglich die Navigationsgrafiken etwas modernisieren und die Farbzusammenstellung leicht variiren. Ein neuer Look vermittelt Aktualität und verschafft der Webseite neue Aufmerksamkeit. Gerade mit XOOPS als CMS ist eine neue Gestaltung mit wenigen Handgriffen umgesetzt. Aber auch ohne Redesign lassen sich die Seiten lebhafter gestalten. Wie wäre es mit automatisch wechselnden Bildern auf der Webseite, ohne gleich eine Gallerie installieren zu müssen? Verwenden Sie dazu beispielsweise das folgende PHP-Script für ein PHP-Block in XOOPS:

An der Stelle der Seite, an der Sie die Befehle einfügen, erscheint zufällig eines von fünf Bildern. Legen Sie die Grafiken mit den Namen bild1.gif, bild2.gif … bild5.gif in das Themeverzeichnis ab. Ihre Webseite ist Ihr persönliches Spiegelbild. Legen Sie daher besonderen Wert auf eine professionelle Gestaltung, und denken Sie beim Layout an Ihre Zielgruppe. Jugendliche erwarten Pepp, geschäftliche Besucher Seriosität. TIPP: Fotos sind beim JPEG-Format besser aufgehoben, Logos und Strichgrafiken beim GIF-Format. [Quelle: Internet magazin]