BERLINlOGGER 
Online for 7707 days
Last update: 2004.02.16, 09:33
You're not logged in ... login
 
Oktober 2003
Mo
Di
Mi
Do
Fr
Sa
So
 
 
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10
11
12
14
15
16
18
19
20
21
22
23
25
26
27
28
29
30
31
 
 
 
 
es spricht schon für...
.. und für Sie, dass selbst nach der erfolgten...
by Hans.Mittendorfer.Uni-Linz (2004.02.16, 09:33)
...und sogar, wem der...
...und sogar, wem der Blog gehört, in dem das...
by lars.willemsen.berlin (2004.02.16, 02:49)
So Herr Mittendorfer, die...
So Herr Mittendorfer, die Ergebnissliste zeigt jetzt...
by lars.willemsen.berlin (2004.02.16, 02:37)
der jeweilige Autor ..
.. eines Beitrages oder Kommentares wäre eine...
by Hans.Mittendorfer.Uni-Linz (2004.02.03, 17:35)
Nö...
war mir vorher nicht bekannt, ist mir wohl (??) entgangen...
by lars.willemsen.berlin (2004.01.30, 14:14)
 
'Klassisches Seitenlayout' für den Blog
Für alle, die ein 'klassisches' Seitenlayout dem antville Layout vorziehen, habe ich hier einen kleinen Guide zusammengestellt, wie man das grundsätzliche Layout seiner Seite beliebig verändern kann.
Weitere Informationen zu Webdesign und Usability unter der URL: http://webusability.pixelgarten.ch.

Der Header der Seite (hierbei handelt es sich um eine eigenständige Tabelle):

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="700" class="title" nowrap="nowrap"><% image name="/pixel" width="40" %><a href="<% this.href %>"><% site.title %></a></td>
</tr>
</table>

Die nun folgende Tabelle, die den Content der Seite enthält, besteht aus den Spalten (von links der Seite nach rechts gesehen):

-Platzhalter

<td width="40" nowrap="nowrap"> </td>

-Hauptteil (der mit den Storys)

<td width="400" valign="top" nowrap="nowrap">

<br />
<% response.message prefix='<span class="message">' suffix='</span><br /><br />' %>
<% response.body %></td>

-Platzhalter

<td width="60" nowrap="nowrap"> </td>

-Pixel-Trennlinie

<td width="2" style="background-image: url(<% image as="url" name="/dot" %>);" nowrap="nowrap"><% image name="/pixel" width="2" %></td>

-Menüs

<td width="198" align="right" valign="top" nowrap="nowrap"><div class="statuslight">
<% site.age prefix="Online for " show="days" suffix=" days<br />" %><% site.lastupdate prefix="Last update: " format="short" %></div>

<div class="sep"><% image name="/pixel" width="198" %></div>
<div class="statushead"><% image name="/status" %></div>
<div class="sep"><% image name="/pixel" width="198" %></div>

<div class="statuslight"><% site.loginstatus %></div>

<div class="sep"><% image name="/pixel" width="198" %></div>
<div class="statushead"><% image name="/menu" %></div>
<div class="sep"><% image name="/pixel" width="198" %></div>

<div class="statusdark">... <% site.link to="main" text="home" %><br />
... <% site.link to="topics" text="topics" %><br />
<% site.navigation for="contributors" %>
<% site.navigation for="admins" %><br />
... <a href="<% root.sysurl %>"><% root.systitle suffix=" " %>home</a></div>

<div class="sep"><% image name="/pixel" width="198" %></div>
<div><% site.searchbox %></div>
<div class="sep"><% image name="/pixel" width="198" %></div>
<div class="statusdark"><% site.calendar %></div>

<div class="sep"><% image name="/pixel" width="198" %></div>
<div class="statushead"><% image name="/recent" %></div>
<div class="sep"><% image name="/pixel" width="198" %></div>

<% site.history show="5" %>

<div class="sep"><% image name="/pixel" width="198" %></div>
<div class="statuslight"><br /><% site.xmlbutton %><br /><br /><% logo name="smallstraight" %><br />powered by<br /><% image name="/hop" linkto="http://helma.org" %></div></td>

Diese Tabellenteile können nun nach Belieben hin-und hergeschoben werden, oder auch dupliziert (z.B. die Pixel-Trennlinie).
Eine 100%ige Vertauschung würde somit im 'klassischen' Layout resultieren.

Die Breiten der Spalten (td width) können natürlich auch nach Belieben verändert werden, man sollte aber darauf achten, dass der Header standardmässig mit einer Breite von 700 Pixeln definiert ist, also gegebenenfalls mit anpassen, falls die Gesamtbreite der Contenttabelle grösser als 700 Pixel wird.
Viel Spass damit; Rückfragen als Comment

comment

 
wolfgang_bauer_salzburg, Dienstag, 28. Oktober 2003, 14:09
Gute Idee...
... nur den kurzen Text anzeigen zu lassen, um die Sache übersichtlicher zu gestalten.

Aber für meinen Geschmack ist der Text zu kurz, da werde ich nicht "neugierig" genug... sieht nur irgendwie "komisch" aus...

Ob da die Techniker aus Berlin etwas machen können, dass man hier etwas mehr Text anzeigen lassen kann?

 ... stay blogged,   wolf [S-TUTOR] 


link

 
lars.willemsen.berlin, Dienstag, 28. Oktober 2003, 15:46
Länge geändert
OK, die Länge des angezeigten 'Kurz'-Textes auf der Hauptseite hab ich mal von 55 Zeichen auf 150 geändert. Ich hoffe, er macht jetzt neugieriger?!

... link  

 
stephan_ziep_berlin, Sonntag, 23. November 2003, 23:46
AAHHH . mach den anchor zu!
das zittert ja wie verrückt wenn man mit der maus darüberfährt :)

... link  

 
lars.willemsen.berlin, Montag, 24. November 2003, 11:39
Danke für den Hinweis!
Dank an Stefan für den Hinweis. Geändert. War allerdings ein Schreibfehler (>), und keine Weglassung....

... link  


comment