::Design/Layout::| Online seit 7693 Tagen. Letztes Update: 2005.01.23, 17:34 |
| ::Design/Layout:: |
STATUS
Sie sind nicht eingeloggt ... login
MENÜ
KÜRZLICH GEÄNDERT
Zentrieren von Überschriften
Da ich "offline" gefragt wurde wie es geht... ... den... by wolfgang_bauer_salzburg (2005.01.23, 17:34) Problem mit der Schrift!!!
Vielleicht kann mir da ja jemand helfen: Hab soeben... by julia_schwaiger.salzburg (2004.01.23, 18:55) Online Nachschlagewerk
Danke für den Tip mit http://selfhtml.teamone.de/...... by markus.thurner.linz (2004.01.18, 19:16) Reihenfolge von Stories...
Also ich hatte doch eben auch das Problem, die Reihenfolge... by johannes.wegner_berlin (2004.01.05, 00:01) Danke!
Das hat mir viel geholfen :). Hätte ich alleine... by rebecca.jantscher.linz (2003.11.01, 20:26)   powered by  |
Sonntag, 23. Januar 2005
wolfgang_bauer_salzburg,
23.01.2005 17:34h, Topic: basic info
Zentrieren von Überschriften
wolfgang_bauer_salzburg, 17:34h
Da ich "offline" gefragt wurde wie es geht... Code: <h2 align="center">Cookies</h2> Ergebnis: CookiesCode: <div align="center"><h2>Cookies>/h2></div> Ergebnis: CookiesEs geht auch noch mit style-sheet Angaben (=fortgeschritten): h2 { text-align : center; } in die style-sheet-Datei oder den style-sheet-Bereich in der HTML-Datei.
... URL
(keine Kommentare)
... kommentieren
... nach oben
Freitag, 23. Januar 2004
julia_schwaiger.salzburg,
23.01.2004 18:55h, Topic:
Problem mit der Schrift!!!
julia_schwaiger.salzburg, 18:55h
Vielleicht kann mir da ja jemand helfen:
Hab soeben meine Belegarbeit fertiggestellt, wollte die Schriftgröße der Überschrift verändern, auf einmal hat sich die Schriftart verändert!! Daraufhin hab ich versucht wieder alles auf Arial einzustellen, aber sie verändert sich nicht!! Was kann ich denn da machen?? julia
... URL
(keine Kommentare)
... kommentieren
... nach oben
Mittwoch, 29. Oktober 2003
sebastian.gueckelhorn.salzburg,
29.10.2003 23:58h, Topic: Besucherzaehler
Counter einbinden
sebastian.gueckelhorn.salzburg, 23:58h
Also.
Dann versuch ich mich mal hier. Da es meines Wissens nach noch keinen Counter auf JavaScript (sondern hauptsächlich auf PHP) basierend gibt, müssen wir einen Anbieter finden der uns diesen zur Verfügung stellt. Dafür benutzt doch einfach Google oder eine andere Suchmaschine. Hier ein paar Anbieter: http://www.topwebmaster.net/ http://www.counti.de http://www.germantop100.de/ .... Ich bleibe jetzt mal bei topwebmaster.net und registriere mich dort. Dort könnt Ihr Gästebucher, Foren, Umfragen, Statistiken.... erstellen. Um aber beim Thema zu bleiben, klickt auf Counter (setup) und sucht euch ein Design aus, gebt dem Counter einen Namen, einen Startwert, Stellenwert. Dannach werden die Einstellungen gespeichert . Eigentlich funktioniert das so bei jedem Anbieter. Jetzt zum entscheidendem Teil: Nachdem Ihr die Einstellungen gespeichert habt, erscheint der CODE. Kopiert ihn. z.B. mit strg + c Jetzt könnt Ihr den Code an jeder Stelle eures Weblogs einbinden (z.B. mit strg + v). Es stellt sich natürlich die Frage wo es einen Sinn macht :) Beispiel: Gute Nacht Sebastian
... URL
(es gibt einen Kommentar)
... kommentieren
... nach oben
wolfgang_bauer_salzburg,
29.10.2003 21:07h, Topic: Besucherzaehler
Einladung an Sebastian...
wolfgang_bauer_salzburg, 21:07h
... wenn Du Lust hast, beschreibe hier wie man einen counter einbaut .
... URL
(keine Kommentare)
... kommentieren
... nach oben
Montag, 27. Oktober 2003
tomk32,
27.10.2003 07:35h, Topic: Strukturierung
Wichtige Stories auflisten
tomk32, 07:35h
Die Einteilung nach Topics ist ja recht praktisch, aber die Stories werden trotzdem chronologisch gelistet. Was aber wenn man eine andere Reihenfolge will?
Zwei Möglichkeiten:
... URL
(4 Kommentare)
... kommentieren
... nach oben
Sonntag, 26. Oktober 2003
wolfgang_bauer_salzburg,
26.10.2003 18:31h, Topic: Literatur
SELFHTML
wolfgang_bauer_salzburg, 18:31h
Hier der Link http://selfhtml.teamone.de/...
... SELFHTML von Stefan Münz ist wohl das umfangreichste und beste (?) online-Nachschlagewerk wenn es um HTML, CSS, JavaScript, PHP, DHTML, XML und CGI/Perl geht. Klar gibt es noch bessere, aber keines, das zu all den Themen die ein Webdesigner so braucht so umfangreich Antworten bietet. Und das Beste: man kann es GRATIS herunterladen und fortan auch als offline-Hilfe jeder Zeit verwenden. Ich kann nur jeder/jedem raten, der vor hat im Web-Bereich etwas zu machen... herunterladen, lesen, ausprobieren und ausgiebig verwenden und nachschlagen!
... URL
(es gibt einen Kommentar)
... kommentieren
... nach oben
wolfgang_bauer_salzburg,
26.10.2003 18:17h, Topic: css (stylesheet)
Rand nach oben verändern
wolfgang_bauer_salzburg, 18:17h
Ach ja, "ganz rauf" kommt man wenn man im 'main page'-skin folgende Zeile ändern (an eventuelle "Profis, die jetzt gleich aufheulen: ich weiß schon, es ginge auch anders, aber ich weiß ja nicht, welche Vorkenntnisse vorhanden sind):
<body> wird zu <body style="margin-top: 0px;"> Wenn man anstatt 0px; einen anderen Wert eingibt, kann man den Abstande zum oberen Rand beliebig variiren! Besser: im stylesheet-skin eine Zeile einfügen... body { margin-top: 0px; } (nicht zum bestehenden body,td {...} einfügen, sonst gilt das auch für Tabellen-Zellen!)
... URL
(keine Kommentare)
... kommentieren
... nach oben
Samstag, 25. Oktober 2003
goody_wolfschluckner_salzburg,
25.10.2003 21:03h, Topic:
Sehr zu empfehlen...
goody_wolfschluckner_salzburg, 21:03h
Hallo Leute! Hab beschlossen meinen 'Contributor'-Status zu nützen.
Eine tolle Alternative 'zum grellen Weiß' (ist halt Geschmackssache), finde ich persönlich das Design des Weblogs "Blogville". Sehr angenehm für die Augen! lg Gudrun
... URL
(4 Kommentare)
... kommentieren
... nach oben
tomk32,
25.10.2003 19:24h, Topic: fonts
add a story - Bug
tomk32, 19:24h
Hab grad eine Sache gefunden die den anspruchsvollen Layouter sicher schon längst stört ;-)
Bei großen Schriftarten für den StoryTitle erscheint auch das Eingabefeld in "add a story" größer. Einfach in Skin-Editor / Editor skins / "form for creating/editing a story" die Zeile 5 von <% story.content part="title" as="editor" width="24" style="formTitle" %></td> in das hier verwandeln <% story.content part="title" as="editor" width="24" %></td>
... URL
(keine Kommentare)
... kommentieren
... nach oben
wolfgang_bauer_salzburg,
25.10.2003 18:43h, Topic: allgemeine Info
Besucht und lest auch das...
wolfgang_bauer_salzburg, 18:43h
Diesen sehr interessanten Link hat ein Kollege von uns in seinem blog veröffentlicht (kann mich leider nicht mehr erinnern wer... tut mir Leid).
Es geht um Farben, Farbpsychologie genauso wie um Schriften und Schriftgrößen, usw. usf. sehr interessant!
... URL
(3 Kommentare)
... kommentieren
... nach oben
wolfgang_bauer_salzburg,
25.10.2003 18:15h, Topic: allgemeine Info
Danke Tom!
wolfgang_bauer_salzburg, 18:15h
Endlich ist da jemand, der den ersten Schritt gewagt hat und in einem "fremden" blog etwas veröffentlicht hat!
Ich kann nur alle, die zu den Themen Design und Layout etwas zu sagen haben, einladen hier Ihre Beiträge zu veröffentlichen. Bitte achtet auch auf die Vergabe der richtigen 'topics', damit die Besucher sich dann leichter tun verschiedene Beiträge zu finden. Weiters kann ich nur jeden bitten, der sich ein Spezialthema für "seinen" blog überlegt hat, diesen für Coautoren zu öffnen, sofern sich andere auch für dieses Thema interessieren und Beiträge dazu liefern möchen (man kann sich ja erst als 'comment' eintragen und den jeweiligen "blog-Besitzer" bitten einen als Coautor freizuschalten).
... URL
(2 Kommentare)
... kommentieren
... nach oben
tomk32,
25.10.2003 15:28h, Topic:
Topics ein Bild zuweisen
tomk32, 15:28h
Im Skin-Editor muss "Stories/display" um bei der Anzeige einer Story auch gleich den Topicnamen oder gar ein Bild anzugeben.
Infos unter http://macros.antville.org/stories/142577/ Funktioniert bei mir problemlos. Die Bilder vorher hochladen, etwa "topic_DeWikiPedia.gif" oder "topic_Information.gif", gleichlautetend mit dem Thema.
... URL
(keine Kommentare)
... kommentieren
... nach oben
tomk32,
25.10.2003 13:47h, Topic: pic info
Überschriften des Menüs
tomk32, 13:47h
Im Menü gibt es ja die Kategorien "status", "menu" und "recently modified". Man kann diese ganz leicht ändern.
Im Skin Editor die "main page" bearbeiten. Es gibt drei Zeilen (Achtung, sind verstreut) <div class="statushead"><% image name="/status" %></div> <div class="statushead"><% image name="/menu" %></div> <div class="statushead"><% image name="/recent" %></div> Die zum Beispiel durch diese ersetzt werden können: <div class="statushead">Status</div> <div class="statushead">Menü</div> <div class="statushead">Letzte Änderungen</div> Wer will, kann auch neue Schriftzüge in einem Grafik-Programm erstellen, hochladen und mittels des image-Macros einbinden. Es können auch neue Abschitte eigefügt werden, bei mir finden sich zum Beispiel "Links" die ich so eingefügt habe: <div class="statushead">Verweise</div> <div class="sep"><% image name="/pixel" width="198" %></div> <ul> <li><a href="http://de.wikipedia.org">DeWikipedia</a></li> <li><a href="http://www.bookcrossing.com">Bookcrossing</a></li> </ul> Viel Spass beim ausprobieren und positionieren.
... URL
(es gibt einen Kommentar)
... kommentieren
... nach oben
tomk32,
25.10.2003 11:46h, Topic: übersetzung
Übersetzung / Lokalisierung
tomk32, 11:46h
Viele werden sich wohl daran stören dass das weblog nur in Englisch gehalten ist.
Wer es unbedingt übersetzen will, der muss sich im Skin-Editor die einzelnen Dateien vornehmen, Ich mach das mal am Beispiel des "user logged in" skins: Logged in as <% username %> <% membermgr.membership prefix="You are " suffix=" of this weblog<br />" %><% membermgr.link to="edit" text="edit" prefix="... " suffix=" your profile<br />" %><% membermgr.subscribelink text="subscribe to" prefix="... " suffix=" this site<br />" %><% membermgr.subscriptionslink prefix="... Your " suffix="<br />" %><% membermgr.link to="logout" text="logout" prefix="... " %> wird zu: Eingeloggt als <% username %><br /> <% membermgr.membership prefix="Du bist " suffix=" in diesem Weblog<br />" %><% membermgr.link to="edit" text="bearbeite" prefix="... " suffix=" dein Profil<br />" %><% membermgr.subscribelink text="abboniere" prefix="... " suffix=" dieses Weblog<br />" %><% membermgr.subscriptionslink prefix="... Deine " suffix="<br />" text="Abbonements%><% membermgr.link to="logout" text="logout" prefix="... " %> Normaler Text (der nicht in einem <% %> tag steht) wie z.B. "Logged in as" ist am leichtesten zu finden, innerhalb der Tags können die Parameter "prefix", "subfix" oder "text" stehen die auch übersetzt werden müssen. Zum Teil (wie im Skin "comment/toplevel) fehlt der Parameter "Text" und er muss daher hinzugefügt werden. Falls ihr euch über wundert, das ist ein Leerzeichen, soll verhindern dass ein Zeilenumbruch das Layout versaut.
... URL
(keine Kommentare)
... kommentieren
... nach oben
wolfgang_bauer_salzburg,
25.10.2003 10:07h, Topic:
"System-Schriftarten" ändern
wolfgang_bauer_salzburg, 10:07h
Manche Schriften kann man über die 'preferences' nicht ändern, hier eine Möglichkeit diese Schriften zu ändern (wie die Farbe kann man natürlich auch alle anderen EIgenschaften der Schriften ändern... und wie '.statuslight' läßt sich natürlich auch jede andere "System-Schrift" anpassen:
.statuslight { font-family: <[Macro site.smallfont not allowed in sandbox]; font-size: <% site.smallsize %>; width: 198px; color: ??? (weiß ich nicht mehr, da ich den bei mir schon geändert habe) display: block; padding-top: 3px; padding-bottom: 3px; }
... URL
(keine Kommentare)
... kommentieren
... nach oben
Freitag, 24. Oktober 2003
wolfgang_bauer_salzburg,
24.10.2003 12:04h, Topic:
Hintergrundbild
wolfgang_bauer_salzburg, 12:04h
Nachdem es sein kann, dass nicht jeder die 'comments' durchliest, hier der Beitrag wie man den Hintergrund der Überschrift ändert noch einmal als 'story':
Also... Du gehst auf "... skin editor", und dann auf "stylesheet", dort suchst Du die "CSS-Klasse" .title (eine "class" wird immer durch einen Punkt im CSS-file eingeleitet). zwischen den geschwungenen Klammern nach ".title" sind die Definitionen gespeichert, welche das aussehen dieser Klasse bestimmen. Unter anderem wird dort die Eigenschaft "background-image" definiert (Hintergrundbilder kann man übrigens auch hinter Tabellen, Überschriften usw. geben). was as bedeutet weiß ich nicht, aber der "name" ist eh wichtiger... dort ersetzt Du "/webloghead" durch den Namen Deines Bildes (ohne Endung, nur den Namen z.B. "blick_vom_schlenken_zum_schmittenstein"). Wichtig ist nur, dass die Breite 700 Pixel ist (Standard bei Antville), die Höhe ist egal, sie sollte nur gleich mit dem Wert height sein (bzw. der Wert height muß gleich groß sein mit der Höhe des Bildes, sonst wiederholt sich das Bild immer wieder --> kann aber auch ein gewollter Effekt sein, wenn man z.B. etwas Kacheln will, mit marb_0002.gif z.B.). Hintergründe (Texturen) im Netz gibt es wie Sand am Meer, z.B. hier.
... URL
(8 Kommentare)
... kommentieren
... nach oben
Donnerstag, 23. Oktober 2003
wolfgang_bauer_salzburg,
23.10.2003 14:42h, Topic: pic info
Bilder etwas anders einfügen...
wolfgang_bauer_salzburg, 14:42h
Also, wir wissen ja, dass man Bilder erst hochladen muss (oder auch nicht, aber das würd jetzt zu kompliziert werden) bevor man sie einsetten kann, und dann mit z.B. <% image name="wolf_am_hohen_zinken" %> anzeigen kann.
Jetzt kann es aber sein, dass man gerne den Text um das Bild "fließen" lassen möchte! Da gibt es einen kleinen Trick: und zwar schauen wir einmal wo Antville die Bilder hinlädt, wenn man sie auf den Server lädt... /static/images/ALIAS/BILD wäre das (ALIAS z.B. layout, ist dann der jeweilige alias den Ihr gewählt habt, und BILD z.B. hoher_zinken_01.gif, ist dann das Bild das Ihr hochgeladen habt). Nun, da wir wissen wo das Bild steckt, und wie es heißt können wir das Bild auch ganz anders aufrufen, nämlich mit einem HTML-Tag namens <img>. Das sieht dann so aus: <img src="/static/images/sbgtutor/hoher_zinken_01.gif"/> ... damit das jetzt auch etwas hermacht, können wir dem ganzen noch eine Höhe (height="120") und Breite (width="160") geben (geht auch ohne, ist aber einfach professioneller), einen Alternativtext (alt="wolf am Hohen Zinken" falls keine Bilder angezeigt werden, oder man mit der Maus auf das Bild fährt, "keinen Rand" (border="0") und einen Titel (title="wolf am Hohen Zinken") und vor allem  sagen, auf welche Seite das Bild soll (align="left" oder right oder middle, je nachdem, wo man es haben will). Nun kann man noch die vertikalen (vspace="5") und horizontalen (hspace="5") Abstände zum Text definieren und voi la fertig! (HTML-code: <img width="160" height="120" title="wolf am Hohen Zinken" border="0" src="/static/images/layout/wolf_am_hohen_zinken.jpg" alt="wolf am Hohen Zinken" vspace="5" hspace="5" align="left"/> p.s.:kleiner Trick... Zeilenumbrüche könnt Ihr mit jeder Zeit "erzwingen" probiert halt ein bißchen herum.
... URL
(11 Kommentare)
... kommentieren
... nach oben
Montag, 20. Oktober 2003
wolfgang_bauer_salzburg,
20.10.2003 13:44h, Topic: fonts
Schriften
wolfgang_bauer_salzburg, 13:44h
Nun will ich einmal kurz auf die Schrift zu sprechen kommen...
... prinzipiell gilt, dass Ihr vor allem Schriften verwenden solltet, welche Plattformunabhängig sind (wie z.B. Arial, Times New Roman, Helvetica, sans-serif, serif, ...), also sowohl auf Windows-, also auch LINUX/UNIX- und Aple-Rechnern vorhanden sind. Prinzipiell sind Schriften ohne Serifen (Arial, Sans-Serif, etc.) besser lesbar als solche mit Serifen (serif, Times New Roman, etc.). Schriften wie z.B. Tahoma, Futura oder Litograph sind also nicht so gut geeignet und werden meistens gar nicht so angezeigt. Des weiteren sollte die Schrift nicht zu groß (20) oder zu klein (5) sein. Auch Überschriften wie <h1>Überschrift</h1>und<h2>Überschrift</h2>sollte man sparsam einsetzen.Zum Hervorheben kann man <b>FETT</b>, <u>UNTERSTRICHEN</u> oder z. B. <i>ITALIC</i> verwenden, aber auch small und big immer in TAG's (= <TAG>TEXT</TAG> ) oder strong funktionieren. Also dann, viel Spaß mit den Schriften... die erwähnten Möglichkeiten sind übrigens bei weitem nicht alles, was HTML sonst noch in Bezug auf Schriften zu bieten hat, aber für den Anfang reicht es (dieser Text wurde zwischen "blockquote"-TAG's = zum Zitieren geschrieben).cu all wolf
... URL
(keine Kommentare)
... kommentieren
... nach oben
Mittwoch, 15. Oktober 2003
wolfgang_bauer_salzburg,
15.10.2003 21:48h, Topic: basic info
Farbpalette
wolfgang_bauer_salzburg, 21:48h
... URL
(keine Kommentare)
... kommentieren
... nach oben
Dienstag, 14. Oktober 2003
wolfgang_bauer_salzburg,
14.10.2003 14:37h, Topic: allgemeine Info
Farben
wolfgang_bauer_salzburg, 14:37h
Hallo Liebe Antville-User!
Als einer von zwei Salzburger Tutoren fühle ich mich nach erstem Studium der verschiedenen blog's gleich einmal dazu berufen etwas kund zu tun: Ich finde es zwar toll, dass es schon so viele web-log's online geschafft haben, aber etwas ist mir aufgefallen: Neben zum Teil sehr schönen Bildern und interessanten und humorvollen Beiträgen ist das Layout/Design und da vor allem die Farbpalette (ich denke die Farben eine Web-Site kann man durchaus zum Layout/Design zählen) manchmal etwas unpraktisch, weil fast unlesbar, gewählt! z.B.: schwarze Schrift auf blauem Hintergrund ist einfach schwer zu lesen... Deshalb habe ich mir gedacht, eröffne ich hier einfach mal einen blog zu diesem Thema, wo sich die Leute Tipps und Tricks verraten, aber auch Fragen stellen können. Es soll hier weniger um technische und "Antville-speziefische" Fragen gehen (aber auch die sind willkommen), als vielmehr um Fragen des "künstlerischen Anspruchs" ;-) oder wie man das halt sagen mag... vielleicht einfach der "usability"... Also bitte "subscribe to" klicken, falls Ihr regelmäßig Design/Layout-Infos wollt! Ihr solltet hier aber auch Fragen stellen, bzw. eigene Beiträge einstellen (nachdem Ihr "subscribe to" geklickt habt schalte ich Euch frei, dann könnt auch Ihr hier veröffentlichen)
... URL
(2 Kommentare)
... kommentieren
... nach oben
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||