Im Zuge der auswählbaren Stylesheets habe ich auch den Chii-Style wiederbelebt ^-^. Er ist - chronologisch der 1. also - der erste von den Styles (01). Da ein relativ großer Umbau der Seite nach diesem Stil erfolgt ist, habe ich all dass, was neu hinzugekommen ist ausgeblendet, um dem Original so nahe wie möglich zu kommen ^-^ Außerdem sind noch eins zwei andere Änderungen zu erwähnen *blubber*. Ich habe die Nummerierung im Gästebuch entfernt und das Top unter jedem Eintrag. Ich hoffe mal, dass das so auch ok ist. Nun denn... viel Spaß beim style'chen wechsle dich...
Archives
30
Jun 04
Style'chen wechsel dich (jetzt mozillatauglich)
Nun gut, dass das mit dem Style wechseln und merken funktioniert ist ja jetzt schon eins zwei Tage alt ^-^'' Habe gestern und heute noch ein wenig gebastelt und jetzt gibt es zwei Stile mehr, aus denen ihr wählen könnt.
Auf den einen Stil bin ich ganz besonders stolz. Habe ich doch dort mal wieder eine neue Technik verwendet.. inclusive Trick 3729 ^-^''. Ihr könnt nämlich auch Text in Überschriften verschwinden lassen, und den Text im Hintergrund als Bild erscheinen lassen (stil 04). Wie man das macht? Aalso - wichtig ist, dass ihr jeder einzelnen Überschrift eine eigene ID zuweißt (oder Klasse, falls ihr ID schon verwendet habt ;)). Dann definiert ihr folgendes in der CSS-Datei für z.B. u id="titel"
u#titel {
display:block;
font-size:0pt;
color:'Farbe des Hintergrundes;
background: url(bild.gif) no-repeat left;
line-height: 'höhe des bildes'px;
text-align:right;
}
Wenn möglich richtet den Text entgegengesetzt zum Bild aus ^-^. Dies ist eine weitere Maßname um zu verhintern, dass das restliche Textfitzelchen doch noch über dem Bild hängt und man es sieht. In dem Bild habt ihr dann vorher mit einem Bildbearbeitungsprogramm die Überschrift geschrieben. Am besten ist hier, wenn ihr das Bild möglichst genau am Rand der Schrift enden lasst und den Hintergrund transparent macht!!, dann könnt ihr es z.B. bei mehreren Hintergrundfarben verwenden ^-^.
Ach so, display:block; ist sinnvoll, da es die 'u'-Box auf die komplette Breite des blockes ausdehnt, den es überdecken soll.
Es gibt auch noch eine einfacherere Möglichkeit Überschriften zu setzen, wenn diese gar nicht vorhanden sind! So wie bei der Seitenüberschrift. Das jeweilige Bild muss dann nur als Hintergrundbild gesetzt werden (no-repeat beachten!!) und ein genügend großer oberer Randabstand (padding-top:;), damit der Text das Bild nicht überschneidet!
Wie immer gibt es tausend Möglichkeiten! Könnt ja mal eure posten ^-^'' Sie freut sich nämlich immer, neue Dinge dazulernen zu können!
Mozillaproblem: ok, der Fehler ist gefunden. Anders als vermutet ist die U-Box nicht zu niedrig, sie ist zu kurz. Beheben kann man das Problem also, in dem man noch eine Weitendefinition einfügt. Außerdem habe ich die Schriftgröße mal auf 1 geändert, falls Mozilla damit auch Probleme hat. Der Korrekte CSS-Code muss also lauten:
u#titel {
display:block;
font-size:1pt;
color:'Farbe des Hintergrundes;
background: url(bild.gif) no-repeat left;
line-height: 'höhe des bildes'px;
text-align:right;
width:120pt;
}
funktioniert zumindest bei mir ^-^''
28
Jun 04
wallpaper und homepagezeugs
Ich hasse Browser! Und Mäuse und den Computer *heul*. Und vor allem hasse ich es, wenn mir irgendeines von jenen meine Einträge kaputt macht *heul* ...
Dabei hatte ich doch einige schöne Dinge zusammengesammelt. Na gut, unwiederbringlich verloren. Habe ich nicht besser verdient ich dumme Kuh, selbst Schuld. Schließlich sollte man wissen, dass man die Einträge in einem Editor schreiben sollte und nicht im Browser, da er viel zu unsicher ist.
Hatte einen kleinen Ausflug auf kostenlos.de gemacht, da ich eine etwas kleinere alternative zum weatherpixie suchte. Na gut, bin dann auf einige interessante Seiten gestoßen. z.B. Veer - haben nicht nur interessante Wallpaper, sondern auch einen solchen Blog. Es lohnt sich auch definitiv einen Blick auf die Seite von Hannes Sander - vor allem für PHP-Neulinge. Gibt es dort doch sogar einige sinnvolle Code-Schnipsel. So z.B. Thumbnailerstellung via PHP - extrem praktisch für Photoalben oder Bildergalerien.
Falls einen die Langeweile plagt kann man mal bei Linkperlen vorbeischauen. Ooohhhh, Nostalgie ^-^'' - eine Seite aus meiner Netzvergangenheit ^.^ Guppi ist eine der Seiten bei denen ich aus den Tipps und Tricks gelernt habe. Und das Traum-Projekt kommt mir auch irgendwie bekannt vor *grübel*. Und Webnetz ist auch sei ein Kandidat ^-^ erstaunlich, dass diese Seite alle noch existieren. Mal sehen *tiptiptip* igitt... neee, das tue ich euch nicht an. ^-^ Dafür habe ich bei Misanthropia noch ein paar richtig schöne Bildschirmhintergründe gefunden ^-^ und bei megahirn kann man diesbezüglich auch mal vorbeischauen . ~.^ Animefans sollten sich animewalls nicht entgehen lassen ^-^ - soweit ich das sehe, gibt es allerdings nur Wallpaper in 800*600.
25
Jun 04
xhtml-buch, html-editor und favicons
Haute mal wieder ein wenig Webdesign: Praxisbuch XHTML zum downloaden. Zur Aufstockung der Tutorialsammlung ^-^'' Mehr Basiswissen und Hilfen gibt es unter lerneniminternet. Dort gibt es unter anderem ein Email-Tutorial, dass sich mit dem Auftreten von Webseiten beschäftigt.
So etwas ähnliches wie ZenGarden nur nicht so schön ^-^' ist css + design.
Wenn ihr gelangweilt seid von dem geraden CSS-Design solltet ihr unbedingt bei orderedlist vorbeischauen. Dort wird gezeigt, wie man ein Menu biegen kann.
Mehr Webwork. Bei freeware bin ich über einen HTML-Editor gestoßen, der vielversprechend aussieht, jetzt müsste ich ihn nur noch mal testen. Leider ist die Installationsdatei ziemlich groß.
Mehr Inspiration! Na, habt ihr denn schon ein Favicon? - Das sind diese kleinen Bilder, die im Adressfeld, oder dem Tab oder in den Favoriten erscheinen ^-^'' - wenn nein, Inspiration gibt es bei delta.tango.bravo
Etwas anderes, aber nicht weniger interessant. Ein Bericht von intern über einen amerikanischen Gesetzentwurf gegen P2P-Piraterie der so ziemlich alles illegal machen würde, was man so macht. Das Schlüsselwort heißt INDUCE. Der Gesetzvorschlag macht bereits das "verleiten" zum Tausch strafbar. Wenn ich mal zitieren darf: ein CD- oder DVD-Brenner strahlt eine fast schon sinnliche Kopierlust aus und damit eine Aufforderung, das Urheberrecht zu verletzen. *kopfschieflegt* *sz*
24
Mai 04
Usability
Habe mir doch bei Bouvier diese Webdesign/Usability-Bücher gekauft. Und gestern habe ich mal in Missing Links von Thomas Wirth geblättert. Und eigentlich fand ich das, was ich da gelesen habe ganz gut okaaayy, melanie hat mal wieder 'nur' quergelesen *find* Auf jeden Fall solltet ihr euch die dazu gehörige Internetseite KommDesign mal ansehen! Dort gibt es das wichtigste kostenlos zu lesen! Für Webmaster, die sich auch über die Usability Gedanken machen. Von dort kommt man natürlich auch zu einer Menge guter und Informativer Seiten. Einen großen Teil seines Buches, widmet er - neben den offensichtlichen Designfehlern - dem Nutzerverhalten. Dazu gibt es richtig umfassende Studien. Der Usability Guru Jacob Nielsen hat darüber z.B. berichtet. Eine Menge Links zum Thema Usability liefert Usable Web - immerhin noch von 2003 ^-^' etwas antiquierter, dafür auch mit Artikeln: ahref.com. Viel lustiger (trauriger) wird es dann bei so Seiten wie How to create realy cool websites ^.~ Für diejenigen, die sich schon etwas länger in dem Genre bewegen wahrscheinlich ein Oldtimer, so etwas ähnliches wie dieGoldenen Regeln für schlechtes Html, nur ironischer? heißt das so?? Mehr schlechte Beispiele kann man sich bei GUI BLoopers ansehen. Auch etwas antiquiert, ... aber na gut ;) Auch aus alten Fehlern kann man etwas lernen und darum geht es schließlich. Letztendlich. Wenn man mal einen 'netten Spruch' braucht: der Sloganizer hilft weiter. ^-^
Soo, am Schluss noch etwas anderes... z.B. dass die Simpsonssynchronisateure in den USA streiken und sich deswegen die neuste Staffel verzögert. Hmm .. und ... seltsamstraße schon alleine wegen dem Link zum freien Download von Röyksopps 'Epple' ^-^ Und einen Photoblog mit richtig coolen Bildern und ner Menge Links zu anderen Photoblogs - Achtung, Bandbreitenintensiv *hüstel* *pfeif* So, und das sollte doch jetzt eigentlich reichen um nicht in langeweile zu versinken ^.~ Weiterklicken bringt's...
Mel aka