http://booksandmore.twoday.net/ books and more books and more 2009-01-20T21:28:00Z en hourly 1 2000-01-01T00:00:00Z http://static.twoday.net/booksandmore/images/icon.gif http://booksandmore.twoday.net/ http://booksandmore.twoday.net/stories/5244477/ Wieder was gelernt: Wer in seinen Beiträgen oder Kommentaren gern mal ein sehr langes Wort verwendet, sieht sich dem unschönen Effekt gegenüber, dass der Browser (der selbstständig keine Silbentrennung vornehmen kann, weil dumm wie Brot) vor diesem Wort meist einen Umbruch erzeugt - je nach Stellung des Wortes in der entsprechenden Zeile. Das lange Wort kommt also in die nächste Zeile, dafür hat die Zeile davor nun einen mehr oder weniger langen, jedenfalls unschönen Leerraum am Zeilenende.<br /> <br /> Abhilfe: Man füge editierenderweise an passenden Stellen des Wortes die Zeichenfolge <span style="border:1px solid black;"><b>&shy;</b></span> ein. 'shy' ist die Abkürzung für 'soft hyphen', ein 'weicher Trennungsstrich' also, der nur bei Bedarf aktiviert wird. Alle nicht benötigten <span style="border:1px solid black;"><b>&shy;</b></span>s, die man in das lange Wort eingebaut hat, werden vom Browser ignoriert. Cool!<br /> <br /> Beispiel: Wortüberlängen<span style="border:1px solid black;"><b>&shy;</b></span>trennungs<span style="border:1px solid black;"><b>&shy;</b></span>problemlösung<br /> <br /> Background Music for subliminal learning while trying this new piece of HTML: <a href="http://de.youtube.com/watch?v=HL93ezsJMqo">The Pointer Sisters</a> 'So Shy'. books and more Blogging Tools Copyright © 2008 books and more 2008-10-09T09:11:00Z http://booksandmore.twoday.net/stories/4939725/ Hier 3 Möglichkeiten: <br /> <br /> 1) <a href="http://booksandmore.twoday.net/stories/4895810/">Kopieren aus dem Quelltext</a> einer Beispieltabelle. <br /> <br /> 2) Arbeit mit einem Editor wie XINHA [in den Kommentaren zu 1) beschrieben; muss zuvor installiert werden].<br /> <br /> 3) Arbeit mit einem Online-Editor wie z.B. <a href="http://booksandmore.twoday.net/stories/4458655/">hier beschrieben</a>. Das scheint mir die technisch unkomplizierteste Variante zu sein. In den Symbolleisten des Editor-Fensters findet sich ein Symbol 'Tabelle Erstellen' ähnlich wie in WORD: <br /> <br /> <img title="" height="111" alt="screenshot-tabellen_erstell" width="260" src="http://static.twoday.net/booksandmore/images/screenshot-tabellen_erstell.gif" /><br /> <br /> Es öffnet sich ein Dialogfenster, in dem die gewünschten Eigenschaften der Tabelle angegeben werden können:<br /> <br /> <img title="" height="164" alt="screenshot-tabellen_erst2" width="260" src="http://static.twoday.net/booksandmore/images/screenshot-tabellen_erst2.gif" /><br /> <br /> <b>Tipp:</b> Breite auf 100% setzen, dann passt sich die Tabellenbreite automatisch dem jeweiligen Blog-Layout an (falls man das so haben will). books and more Blogging Tools Copyright © 2008 books and more 2008-05-21T06:08:00Z http://booksandmore.twoday.net/stories/4898026/ Bei <a href="http://traumkladde.twoday.net/">Frau Traumzeit </a>gefunden: Ein Link zum <a href="http://www.colurz.de/">'Colurz Blog'</a>. Dort gibt es jede Menge sehens- und lesenswertes zu <i>"Photoshop, Illustrationen, Kunst, Fotografie, Webdesign, Blogdesign, Tutorials ..."</i> books and more Blogging Tools Copyright © 2008 books and more 2008-04-29T18:06:00Z http://booksandmore.twoday.net/stories/4895810/ Wenn man - sagen wir mal - einen Kommentar vorliegen hat, der mit bestimmten Formatierungen (z.B. Schriftgrößen, Kursiven ...) spielt, und man will, auf diesen Kommentar antwortend, einige dieser Formatierungen möglichst genau übernehmen, dann gibt es zwei Möglichkeiten: <br /> <br /> (1) Selbst nachstricken. Kann schwierig sein und viel Zeit kosten.<br /> <br /> (2) Einfach <span style="color: rgb(153, 51, 0);"><b>aus dem Quelltext kopieren</b></span>. Das geht so: Im Firefox den Menüpunkt <i>ANSICHT-SEITENQUELLTEXT ANZEIGEN</i>, im Internet Explorer den Menüpunkt <i>ANSICHT-QUELLTEXT</i> auswählen. <br /> Im Quelltextfenster kann man mit dem Menüpunkt <i>BEARBEITEN-SUCHEN</i> schnell zum gesuchten Text gelangen und die HTML-'<a href="http://de.selfhtml.org/html/allgemein/textauszeichnung.htm">Tags</a>' (die Dinger in spitzen Klammern; eines vor dem formatierten Textbereich, eins als Abschlußzeichen dahinter) kopieren. Dann noch den Text zwischen Start- und End-Tag durch eigenen Text ersetzen. Fertig.<br /> <br /> [EDIT:] Im Firefox geht das sogar noch komfortabler: Originaltext markieren, dann mit der rechten Mouse-Taste auf den markierten Bereich klicken. Im erscheinenden sog. 'Kontextmenü' den Punkt <i>AUSWAHL-QUELLTEXT ANZEIGEN </i>wählen. Da ist man dann gleich am richtigen Platze, muss aber die Auswahl evtl. noch mal mit der Maus korrigieren, um das Start-Tag <b><i>und </i></b>das End-Tag zu erwischen. books and more Blogging Tools Copyright © 2008 books and more 2008-04-28T20:36:00Z http://booksandmore.twoday.net/stories/4858302/ Der Datentransfer zwischen Mouse und Notebook erhöht sich signifikant, sobald man die Mouse auch einsteckt! books and more Blogging Tools Copyright © 2008 books and more 2008-04-12T16:04:00Z http://booksandmore.twoday.net/stories/4824428/ Hallo Frau Audrii, <br /> <br /> unter uns TechnikerInnen mal wieder ausnahmsweise per Du: <ol> <li>Tippe oder kopiere in Deinen Kommentar diesen Code:<br /><span style="color: rgb(153, 51, 0);"><b><a href="LINK"></b></span>TEXT<span style="color: rgb(153, 51, 0);"><b></a></b></span></li> <li>Ersetze LINK durch die Adresse, die Du verlinken willst. Die Anführungszeichen sind erforderlich und bleiben unverändert!<br /> Wie setzt man diese Adresse ein? Du gehst z.B. auf die Seite, auf die Du verlinken willst, und kopierst dort aus der Adresszeile des Browsers die komplette Adresse (Auf der Startseite von twoday steht da z.B.: <a href="http://twoday.net/">http://twoday.net/</a> ). Willst Du auf <i>einzelne Beiträge</i> von twoday verlinken, erhältst Du die entsprechende Adresse so: Klicke auf die Überschrift des entsprechenden Beitrags, um seine Einzeldarstellung zu bekommen; es ist dann auf der neu geladenen Seite im Browser nur dieser gewünschte Beitrag zu sehen. Jetzt kannst Du aus der Adresszeile die Adresse kopieren und als LINK-Adresse in Deinen Kommentar einfügen.<br /></li> <li>Ersetze TEXT durch einen beliebigen Text (kann auch Leerzeichen enthalten). Ein kompletter Link auf die Startseite des Spiegel sieht z.B. so aus: <br /><span style="color: rgb(153, 51, 0);"><b><a href="http://spiegel.de">Hier geht es zum SPIEGEL ONLINE></a></b></span></li> <li>Hochladen, fertig. </li> </ol> books and more Blogging Tools Copyright © 2008 books and more 2008-03-30T10:12:00Z http://booksandmore.twoday.net/stories/4819845/ Komfortabler (für manchen allerdings auch unübersichtlicher) geht das natürlich mit dem hier bereits besprochenen <a href="http://booksandmore.twoday.net/stories/4458655/">Online-Editor</a>. Die Adresse der Grafik, die man verlinken d.h. einfügen will, erhält man wie in <a href="http://booksandmore.twoday.net/stories/4819825/">'Bilder in Kommentaren (1)'</a>, Schritte 1-5. <br /> <br /> Der Editor hat den Vorteil, dass man z.B. die Größe der Grafik ohne externes Bildbearbeitungsprogramm variieren kann.<br /> <br /> Der Editor erzeugt Code, den man in das KOMMENTAR ERSTELLEN-Feld bei twoday einkopieren kann. books and more Blogging Tools Copyright © 2008 books and more 2008-03-28T06:39:00Z http://booksandmore.twoday.net/stories/4819825/ Auf Anfrage von <a href="http://anjaodra.twoday.net/stories/4813120/#4819836">Frau Anousch</a> hier eine mögliche einfache Vorgehensweise zum Einfügen von Bildern in Kommentare auf <i>fremden </i>Blogs.<br /> <br /> Ausnahmsweise per Du. So unter uns internetaffinen hippen Trendsettern! 2.0, was? Ha-ha-ha! *forciertes Lachen, markige Schulterhiebe* <ol> <li>Bringe das Bild in einem externen Foto- bzw. Bildbearbeitungs-Programm auf die gewünschte Größe <div style="font-size:smaller; ">(oder nutze zur Größenanpassung die Einstellmöglichkeiten innerhalb des Bilder-Hochladen-Dialogs im Blog selbst; siehe Schritt 2).</div></li> <li>Lade das Bild über den 'CONTRIBUTE-BILDER'-Dialog in Dein twoday-Bilderverzeichnis</li> <li>Nach erfolgreichem Hochladen siehst Du es oben in der Gesamtliste Deiner Bilder [Überschrift: 'BILDER AUF (blogname)'].</li> <li>Klicke auf die Miniaturansicht des Bildes, um zu seiner Einzelanzeige zu gelangen [Überschrift: 'BILD ANZEIGEN'].</li> <li>Klicke mit der rechten Maustaste auf das Bild und wähle im dann erscheinenden 'Kontextmenü' die Option 'GRAFIKADRESSE KOPIEREN'. Das ist die Adresse, unter der das Bild jetzt bei twoday öffentlich zugänglich abgespeichert ist, d.h. auf beliebigen Webseiten verlinkt werden kann. Das geht nun so:</li> <li>Tippe oder kopiere in Deinen Kommentar diesen Code:<br /><span style="color: rgb(153, 51, 0);"><b><img src="</b></span>BILDADRESSE<span style="color: rgb(153, 51, 0);"><b>"></b></span></li> <li>Ersetze BILDADRESSE durch die Grafikadresse, die du in Schritt 5 bereits kopiert hast.<br />Mit der Maus geht das so: Das Wort BILDADRESSE durch Doppellinksklick markieren, dann mit der rechten Maustaste auf das markierte Wort klicken und im erscheinenden Kontexmenü 'EINFÜGEN' wählen. Fertig.<br />Die Anführungszeichen sind erforderlich und bleiben unverändert!</li> <li>Kommentar speichern und testen.</li> </ol> books and more Blogging Tools Copyright © 2008 books and more 2008-03-28T06:20:00Z http://booksandmore.twoday.net/stories/4766507/ Auf <a href="http://www.photozauber.de/workshops/tutorials/">photozauber.de</a> findet sich jede Menge Schulungsmaterial incl. Video-Tutorials zum Thema Photoshop und Webdesign. Tolles Angebot! books and more Blogging Tools Copyright © 2008 books and more 2008-03-07T09:38:00Z http://booksandmore.twoday.net/stories/4734075/ Mehr Harmonie ins Layout! Ein online-Tool zur Berechnung <a href="http://de.wikipedia.org/wiki/Goldener_Schnitt">Goldener Schnitte</a> gibt es <a href="http://jumk.de/goldener-schnitt/">hier.</a><br /> <br /> (Nicht zu verwechseln mit <i>Silberschnitten</i>) books and more Blogging Tools Copyright © 2008 books and more 2008-02-25T15:37:00Z http://booksandmore.twoday.net/stories/4732824/ Instruktive Texte, z.B. zum Spalten-Layout mit CSS! <br /> <a href="http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout">http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout</a> books and more Blogging Tools Copyright © 2008 books and more 2008-02-25T08:40:00Z http://booksandmore.twoday.net/stories/4641812/ Eine Sammlung von Links zu lesenswerten Seiten. Unkommentierter Zettelkasten in Sichtweite für den privaten Gebrauch: <br /> <br /> <a href="http://www.thestyleworks.de/index.shtml">http://www.thestyleworks.de/index.shtml</a>, besonders das Kaptiel über Grundlagenkonzepte: <a href="http://www.thestyleworks.de/basics/index.shtml">http://www.thestyleworks.de/basics/index.shtml</a><br /> <br /> Struktur der CSS-Syntax grafisch am Beispiel erklärt: <a href="http://www.thestyleworks.de/basics/rulesyntax.shtml">http://www.thestyleworks.de/basics/rulesyntax.shtml</a> books and more Blogging Tools Copyright © 2008 books and more 2008-01-23T17:51:00Z http://booksandmore.twoday.net/stories/4640702/ Für den Werkzeugkasten: eine umfangreiche <a href="http://cloford.com/resources/colours/500col.htm">Tabelle </a>mit Farbnamen, Hex-Codes, RGB-Codes.<br /> <br /> Hier ein Ausschnitt:<br /> <br /> <img title="" height="97" alt="500-named-colors" width="260" src="http://static.twoday.net/booksandmore/images/500-named-colors.jpg" /> books and more Blogging Tools Copyright © 2008 books and more 2008-01-23T11:20:00Z http://booksandmore.twoday.net/stories/4636785/ Eine sehr schöne Seite zu HTML etc. ist <a href="http://www.html-world.de/">HTML-World</a>. Bestechend die Übersichtlichkeit durch die mittige Spalte mit 'INHALTE'n. Selten so schnell was gefunden, z.B. zum Thema <a href="http://www.html-world.de/program/css_ov.php">CSS</a>. Cool! books and more Blogging Tools Copyright © 2008 books and more 2008-01-22T00:16:00Z http://booksandmore.twoday.net/stories/4630148/ Sehr schönes Online-Werkzeug für <a href="http://www.colorcombos.com/combotester.html">Farbzusammenstellungen</a>:<br /> <br /> <img title="" height="300" alt="color_combo" width="400" src="http://static.twoday.net/booksandmore/images/color_combo.jpg" /><br /> <br /> Über ein Pop-Up-Fenster per Maus oder durch Eingabe von Hex-Code können die Farben der einzelnen Spalten geändert werden. Spalten können hinzugefügt und gelöscht, ihre Abfolge kann frei verändert werden. books and more Blogging Tools Copyright © 2008 books and more 2008-01-20T09:35:00Z Search this site: q http://booksandmore.twoday.net/search