Pberg Portal

ACHTUNG BAUSTELLE, diese Seite ist gerade am umgestaltet werden, es wird noch einige Zeit dauern bis die Inhalte in das neue Template eingefügt sind!

Im Frühling 2008 ist diese Seite fertig.

Die Inhalte dieser Seite werden noch vorbereitet

... damit sich hier niemand Langweilt, besucht Musik mein Beitrag zum lustigen Stöckchen Spiel.
JETZT AKTUELL: T-shirts im pberg Style

bald lest Ihr hier alles zu Partys in Pberg, Clubs Locations und Kneipen in Berlin Prenzlauer Berg sowie zu Events und Konzerten

Was euch erwartet und was diese Webseite bedeuten soll: Hier entsteht gerade ein Portal zu Kneipen Patys Clubs und Events in Berlin Prenzlauer Berg. Diese Webseite richtet sich an Touristen, Zugezogene aber auch an Berliner, auf jeden Fall an alle die zwar wissen dass in Pberg viel geht, sich aber noch nicht ganz sicher sind wo genau es hingehen soll.

Euch erwartet hier:

Alle guten Partys in Prenzlberg sortiert nach Musikrichtung und Style

Kneipen Bars Clubs Locations mit zahlreichen nützlichen Angaben z.B. Getränkeptreise, besonderheiten und Zielgruppe.


Wenn Ihr eine Location in Pberg betreibt, oder eure Lieblingslocation vorstellen wollt, nutzt einfach das Kontaktformular oder schreibt eine E-Mail an party (aet) berlin-pberg . de

Besucht diese Seite unbedingt wieder im Frühling 2008, bis dahin sendet fleißig E-Mails mit Texten zu euren Lieblingslocations in Berlin Prenzlauer Berg.

Total size of the images used is just under 25 kb, so that's good news to all the dial-up users. The code behind the template is semantically written which means that it is widely supported. As for the browsers, it displays consistently in the usual suspects:

  • Firefox of course
  • Opera sure, why not
  • Netscape like firefox's less attractive cousin at the dance
  • Internet Explorer ...
  • Safari cause macs are computers too

Coding

Image Alignment and The Header

pic Images are fully supported using the floatLeft and floatRight classes. Just apply one of them to the image you want to position. Images that have link tags around them will also have a nifty rollover effect, as long as you're using a standards complients browser. If you're not, well then no rollover effect for you.

The site header images are two slices and a repeated background. Using the same approach, and a little bit of photoshop, you should be able to easily replace them. However, since they were created by me, you're welcome to use them in any projects you might like.

The Footer

A variation on the footerStickAlt technique is used to force the site footer to the bottom of the page if there isn't enough content to push it down. This means your template will always look tidy and you won't have to worry about a lonely footer, hanging out halfway up your page.

Readability using Maximum Width

To improve readability of this template (since it is fluid), the width is capped at 1000 pixels. This seems like a pretty reasonable thing to do and that's why CSS has thoughtfully included the max-width property. Unfortunately, IE decided it didn't need no stinkin' max-width, so a CSS expression was needed.

A CSS expression is like a snippet of javascript code that runs in your style sheet. It's invalid CSS, but only IE pays any attention to it.

If you're concerned about having valid CSS, take out the expression. It won't ruin the template in IE, it just means that the content will expand to 100% of the screen width. All other browsers will behave.