Online seit 7693 Tagen. Letztes Update: 2005.01.23, 17:34
::Design/Layout::
STATUS
Sie sind nicht eingeloggt ... login
MENÜ
 
November 2024
Mo
Di
Mi
Do
Fr
Sa
So
 
 
 
 
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
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)

xml version of this page

made with antville
powered by
helma object publisher
 
Samstag, 25. Oktober 2003
Überschriften des Menüs
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
 

Donnerstag, 23. Oktober 2003
Bilder etwas anders einfügen...
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

wolf am Hohen Zinken
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