Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Die Website Homepage-FAQs.de befindet sich im Archivmodus.
FAQS zu HP&Co.
Kleinigkeiten für Homepagebastler

Inhalt:

- Trennlinie mit dem HR-Tag und CSS farblich, mit Muster, Rand und 3D-Effekt gestalten

- Usermap / Membermap (Landkarte zeigt Wohnorte der Mitglieder)
- Bilder- / Grafiklaufband mit Verlinkung (auch mit Stop bei Mouseover)
- Popup - variable Popups für Bilder - automatische Anpassung oder Größe per Link übergeben
- Favicon - kleine Bildchen in der Adresszeile
- Imagemap / Hotspot - Bereiche auf einer Grafik als anklickbare Links
- ICQ - Blume oder anderes Symbol zeigt an wenn man online ist
- Grafiken / Button / Bilder - keine Abstände zwischen den Grafiken
- Javascript - Feuerwerk auf der Homepage (auch in Mozilla/Firefox)
- Excel-Tabellen auf der Homepage / fürs Web (Internet)


A) Trennlinie mit dem HR-Tag und CSS farblich, mit Muster, Rand und 3D-Effekt gestalten

Statt einer Grafik kann man auch normale Trennlinien verwenden, siehe

http://de.selfhtml.org/html/text/trennlinien.htm

und bei Bedarf mit CSS farblich gestalten, siehe

http://www.blakems.com/experimental/hr/

Hier ein Beispiel daraus, die grüne dicke Linie unten ist ganz ohne Grafiken


HTML-Code:
<hr style="border: 3px ridge #cf0; height: 6px; margin: 10px auto 0 0;">
Noch ein Link zu HR und CSS diesmal in deutsch

http://www.webstyle-times.de/artikel...ienlayout.html


B) Usermap / Membermap (Landkarte zeigt Wohnorte der Mitglieder)

- Usermap für PHPkit

http://www.rttr.de/daritter/usermap-phpkit2.6.2.zip

- Usermap-Hack für VBulletin

Siehe Forenbeitrag (neuer Beitrag, der Scripter hat den alten Beitrag abgeschlossen)

http://www.vbulletin-germany.com/forum/showthread.php?t=18247

- TDW Membermap

http://www.tdw-clan.com/download/skripte.shtml

- Land Mark System (Usermap / Userlocation)

http://www.chaosquake.de/land_mark_system

- Infos zu OpenGeoDB - freie Geokoordinaten-Datenbank unter

http://opengeodb.hoppe-media.com/index.php (neue Adresse)


C) Bilder- / Grafiklaufband mit Verlinkung (auch mit Stop bei Mouseover)

Hier ist das Gesuchte

http://www.dynamicdrive.com/dynamic...trightslide.htm

sogar mit Stop bei Mouserover, damit die Besucher die Grafik in Ruhe anschauen und anklicken können.

Auch eine Art Bilder-Laufband gibt es hier

http://www.grammiweb.de/javascript/java204.shtml
http://www.dynamicdrive.com/dynamic...rightslide2.htm

allerdings wird nur jeweils ein Bilder für einige Sekunden angezeigt und dann weiter geschoben, jedes Bild kann verlinkt werden.

Eine weitere einfache Möglichkeit wäre der marquee-Tag, damit lassen sich auch Newsticker gestalten, siehe

http://www.homepage-faqs.de/index.p...marquee-up-down

allerdings gilt der Marquee-Tag als nicht valide, aber wen das nicht stört, der hat eine einfache Möglichkeit, die auf fast allen modernen Browsern läuft.


D) Popup - variable Popups für Bilder - automatische Anpassung oder Größe per Link übergeben

Hier ein Javascript für automatisch angepasstes Bildpopup, siehe

http://www.flashforum.de/forum/showthread.php?s=&threadid=31252

eine andere umständlichere Möglichkeit wäre die Bildmaße im Link für das Popup zu übergeben, siehe

http://www.pc-magazin.de/praxis/programmierung/a/Pop_up_Fenster_mit_Musik/2091.html


E)
Favicon - kleine Bildchen in der Adresszeile

Ab und zu kommt in Foren die Frage nach den kleinen Bildern in der Adresszeile und in den Favoriten.

Eine Seite, auf der das ausführlich beschrieben ist findet sich unter dieser Adresse

http://favicon.de/


Auszug aus der Seite:

...hier gibt es alle Informationen zu den kleinen Bildchen, die in der Adresszeile vieler Browser oder z.T. auch an anderen Stellen auftauchen. Neben einer Anleitung bietet diese Website auch die Antworten zu den meistgestellten Favicon-Fragen, Informationen zu Software für die Icon-Erstellung und weiterführende Links...


F) Imagemap / Hotspot - Bereiche auf einer Grafik als anklickbare Links

Je nach Programm heissen sie hotspots oder imagemaps, für Photoimpact gibt es hier eine Anleitung

http://www.juergens-workshops.de/tu...p?show=imagemap

und für Picture Publisher hier

http://www.martinvogler.de/web_imagemap.html

für das kostenlose Grafikprogramm GIMP gibt es hier ein Imagemap plug-in

http://www.zdnet.de/downloads/prg/m/3/deAHM3-wc.html

und wer kein Grafikprogramm nehmen will, für den gibt es hier ein kostenloses Tool

http://www.cl-soft.de/fim_indx.htm (Fast-Imagemap 2)

Auszug aus der Beschreibung zu Fast-Imagemap 2

Features:
· einfaches Erstellen der Verweisflächen mit der Maus
· übersichtliche Bedienoberfläche
· Erstellung XHTML konformer Image Maps
· Vorschaufunktion
· Zoomfunktion
· Importieren von beliebigen Image Maps zur Weiter-/Nachbearbeitung



G) ICQ - Blume oder anderes Symbol zeigt an wenn man online ist

Hier ist die Adresse, um sich den Code für die Homepage erstellen zu lassen

http://www.icq.com/features/web/indicator.html

1) rechts sucht man sich die Nummer des Designs aus, die man dann unten im gelben Formular auswählt

2) die eigene ICQ-Nummer eintragen, evtl in mittleren Bereich noch eine Auswahl treffen

3) dann auf Preview (Vorschau) klicken

4) wenn es gefällt auf Create my ICQ... klicken und es wird unten der Code angezeigt, den man kopiert, um ihn auf die eigene Seite zu setzen.


H) Grafiken / Button / Bilder - keine Abstände zwischen den Grafiken

Mal hier lesen

http://de.selfhtml.org/html/grafiken/ausrichten.htm#textumfluss

<img src="text.png" width="311" height="194" align="left" vspace="0" alt="Text?">

Mit vspace [Pixel] bestimmen Sie den Abstand zwischen Grafik und anderen Elementen darüber bzw. darunter (vspace = vertical space = vertikaler Abstand).
Beispiel vspace="0" für keine Abstand zwischen den Grafiken oben und unten.

Es gibt auch hspace

Mit hspace [Pixel] bestimmen Sie den Abstand zwischen Grafik und anderen Elementen links bzw. rechts davon (hspace = horizontal space = horizontaler Abstand).


I) Javascript - Feuerwerk auf der Homepage (auch in Mozilla/Firefox)

http://www.rolandsteffen.de/feuer.html



X) Excel-Tabellen auf der Homepage / fürs Web (Internet)


http://www.excel-jeanie-html.de/

Auszug:
Das optimale Werkzeug, um Excel-Ausschnitte in's Web zu bringen.



Anleitung (C) 2006 Daniel Wurst - http://www.homepage-faqs.de