Roll-Over-Bilder erstellen

Roll-Over-Bilder erstellen

Bilder, die sich verändern, wenn man mit der Maus darüberfährt, nennt man Roll-Over-Bilder. Damit lassen sich Produkt-Bilder oder andere Inhalte für Besucher interaktiver machen. Wer auf seiner eigenen Webseite ebenfalls Roll-Over-Bilder einsetzen möchte, muss dazu nicht selbst Code erstellen.

Mit dem Roll-Over-Tool von FreshInbox ist das gar kein Problem. Zuerst braucht man dazu die beiden (gleich großen) Bilder, die sich abwechseln sollen. Das eine erscheint, wenn die Maus nicht auf dem Bild steht, und das andere wird angezeigt, sobald man mit der Maus über die Grafik fährt. Die Bilder lädt man dann in die Cloud hoch, sodass man für beide Bilder URLs hat (etwa bei ImgUr oder in Dropbox).

Nun zum Roll-Over-Tool wechseln, hier die beiden Grafik-URLs sowie die Maße eingeben. Zudem kann noch eine Link-Adresse angegeben werden, die beim Anklicken geladen wird. Nach Klick auf Generate werden die Vorschau und der passende Code erzeugt.

freshinbox-rollover-tool

Direkt auf einen bestimmten Bereich einer Internet-Seite verlinken

Direkt auf einen bestimmten Bereich einer Internet-Seite verlinken

Im Online-Lexikon Wikipedia und anderswo trifft man häufiger auf lange Artikel. Will man diese weitergeben und dabei auf einen ganz bestimmten Abschnitt Bezug nehmen, lässt sich der Link leicht anpassen.

Dazu untersucht man das Element, etwa die Überschrift, auf die man verlinken möchte, im Browser. Dann fügt man die gefundene Element-ID dann an die URL an.

Im Einzelnen geht das so:

  1. Zunächst mit der rechten Maus-Taste auf den Abschnitt oder die Überschrift klicken.
  2. Im Menü die Funktion Element untersuchen oder Element-Informationen klicken. Nun erscheint unten im Browser ein neuer Bereich.
  3. Hier sucht man nach dem soeben markierten Element.
  4. Jetzt den Wert des Attributs id=“…“ kopieren, falls vorhanden. Nur solche Elemente lassen sich direkt in der URL ansteuern.
  5. Dann die Adresse der aktuellen Internet-Seite kopieren und eine Raute anhängen, gefolgt von der kopierten ID. Fertig ist der direkte Link auf diesen Abschnitt des Artikels.

Beispiel-Link: https://de.wikipedia.org/wiki/Microsoft_Windows_10#Apps
Dieser Link zeigt auf den Artikel zu Windows 10 und springt direkt zum Abschnitt „Apps“.

direkte-links

Instagram-Fotos optimal in die eigene Webseite einbetten

Instagram-Fotos optimal in die eigene Webseite einbetten

Das soziale Netzwerk Instagram ist natürlich vor allem für schnelle, aber effektvoll in Szene gesetzte Fotos bekannt. Ist ein Bild so schick geworden, dass man es am liebsten in die eigene Website einbetten würde, steht dem nichts im Wege.

Hier die nötigen Schritte, um Instagram-Fotos optimal in die eigene Webseite einzubetten:

  1. Als Erstes besucht man instagram.com/username, wobei am Ende statt „username“ der eigene Benutzer angegeben wird.
  2. Dann auf das Foto klicken, das eingebettet werden soll.
  3. Nun die URL aus dem Browser kopieren.
  4. Jetzt zu ctrlq.org/instagram wechseln.
  5. Hier die URL in das Feld einfügen.
  6. Nach einem Klick auf Generate Embed Code erscheint ein Schnipsel HTML, den man markiert und kopiert.
  7. Dieser kann schließlich in den Code der eigenen Webseite eingefügt werden, und zwar genau an der Stelle, wo das Bild erscheinen soll.

embed-instagram

Windows 10: Link zu einer OneDrive-Datei per Explorer kopieren

Windows 10: Link zu einer OneDrive-Datei per Explorer kopieren

Mit der Microsoft-Cloud OneDrive lassen sich Dateien und Ordner nicht nur bequem sichern, sondern auch mit anderen teilen. Besonders einfach geht das über einen direkten Link zu der jeweiligen Datei. Der lässt sich einfach weitergeben, zum Beispiel per eMail.

Um eine URL zu einer Datei oder einem Ordner zu kopieren, die oder der in der OneDrive-Cloud abgespeichert ist, öffnet man am Windows-10-Gerät zunächst den Explorer. Jetzt links oben auf OneDrive klicken, sodass rechts die Inhalte des Cloud-Ordners erscheinen.

Nun die OneDrive-App starten, falls nötig, und dann auf eine der Dateien und Ordner im OneDrive, die einen grünen Haken haben, mit der rechten Maus-Taste klicken. Im Menü folgt dann ein Klick auf Einen OneDrive-Link freigeben.

win10-onedrive-link-kopieren

Direkten Download-Link zu jeder Datei finden

Direkten Download-Link zu jeder Datei finden

Lädt man ein Programm, etwa VLC player oder iTunes, aus dem Internet, sieht man keine direkte URL, sondern muss zum erneuten Laden jedes Mal wieder auf die jeweilige Webseite gehen. Wird der direkte Link benötigt, kennt FileChef eventuell die Antwort.

Zuerst lädt man die Website von  „Eye of Justice“. Dann den gewünschten Such-Begriff eintippen. Über die Klapp-Liste kann auch der benötigte Datei-Typ eingestellt werden. Schickt man die Anfrage danach ab, erscheint eine Google-Suche mit einer stark veränderten Anfrage, die darauf abzielt, direkte Download-Links zu finden.

Tipp: FileChef verlinkt zwar nur auf Google-Ergebnisse. Aber nicht alle Resultate führen auch unbedingt zu tatsächlichen Downloads.

https://eye-of-justice.com/

filechef

Webseiten bei Google speichern

Webseiten bei Google speichern

Wer eine interessante Seite im Internet gefunden hat, kann ein Lese-Zeichen lokal im Browser anlegen. Alternativ dazu kann man die gefundene Seite aber auch direkt bei Google speichern. Das wird mit einem besonderen Bookmarklet möglich.

Mit der Funktion „Save to Google“ werden Links im Google-Konto des Benutzers abgelegt. Die Seiten werden dabei zwar nicht in Kategorien einsortiert, man kann aber beim oder nach dem Speichern Tags für einen Link angeben, um die jeweilige Seite später leichter wiederzufinden oder thematisch zu gruppieren.

Um die Funktion „Save to Google“ zu nutzen, installiert man die zugehörige Erweiterung aus dem Chrome Web Store. Danach lässt sich eine Website jederzeit im eigenen Google-Konto speichern, wobei sich auch das zu speichernde Bild aus einer Liste auswählen lässt.

Die zuvor gespeicherten Websites können übrigens jederzeit über den unten stehenden Link abgerufen werden.

Kostenloser Download: Chrome-Erweiterung Save to Google

Gespeicherte Webseiten abrufen

chrome-erweiterung-save-to-google

Download von Dateien per Windows-PowerShell

Download von Dateien per Windows-PowerShell

Mit Windows liefert Microsoft auch eine mächtige Shell mit. Dabei reden wir nicht von der Bash, die im Anniversary Update neu hinzukommt, sondern von der PowerShell. Mit der PowerShell lassen sich sogar Dateien aus dem Internet herunterladen.

Zum Download einer Datei auf die lokale Festplatte nutzt man in der PowerShell die folgenden Befehle:

$client = new-object System.Net.WebClient [Enter]
$client.DownloadFile("https://example.com/datei.jpg", "C:\Users\Beispiel\datei.jpg") [Enter]

Bei dem zweiten Befehl einfach die URL zu der Datei im Web angeben sowie den Ordner-Pfad, unter dem sie abgelegt werden soll. Einen eventuell noch nicht existierenden Ordner legt die PowerShell übrigens nicht erst an, das muss man also zuvor von Hand erledigen.

powershell-datei-download

Chrome: Inhalt einer bestimmten URL nicht aus dem Cache laden

Chrome: Inhalt einer bestimmten URL nicht aus dem Cache laden

Der Cache des Browsers hilft, dass Seiten im Internet schneller geladen werden können. Dazu werden Seiten-Elemente wie Bilder und Stile auf der Festplatte gespeichert und können direkt von dort wieder geladen werden. Für einzelne Seiten kann man den Cache aber auch umgehen. Wir zeigen, wie das bei Google Chrome funktioniert.

Als Erstes lädt man die Website, für die der Cache abgeschaltet werden soll. Dann auf [F12] drücken, um die Konsole zu öffnen. Jetzt auf die [F1]-Taste drücken, um die Optionen für die Konsole anzuzeigen.

In der Rubrik General gibt es eine Option namens Disable cache. Hier einen Haken setzen und dann die Entwickler-Tools geöffnet lassen. Bei jedem Klick auf der aktuellen Website wird der Cache nun temporär ignoriert – und zwar so lange, bis man die Konsole per Klick auf das X wieder beendet.

chrome-entwickler-tools-cache-deaktivieren