About: lion.xaraya.hu

No, I did not get bored on analizing other websites and started doing so on mine, but I need a short article to share some techical details about this site and give proper credits to the makers.

Credits

First, big thanks to Marci, Márton Petrilla for making the graphics design. He worked as a graphic designer for Netngine Kft.

The theme files and the stylesheet switcher code have been based on Xaraya_Classic default theme.

CSS

There are two alternative stylesheets available for this site. The original blue one by Marci, and the design of our WPSNET sites. You can switch them in the footer of the website, your selection will be stored in cookies. This has been a _test_ of making two completely different designs based on CSS.

You can also use your browser's view menu to switch the stylesheet, but in this case only Konqueror will be enough good to remember your selection while navigating.

The CSS layout is based on ALA's Negative margins technology.

The site's CMS engine is the Xaraya of course.

Update 07-30-2005: Most external links use the rel="external" tag to describe themselves. Browsers capable of a[rel=external] {} CSS definitions display a little "door out" icon (which was stored as IMG tag in the HTML content before).

HTML:

<a rel="external">http://www.google.com</a>

CSS:

a[rel~="external"] {

    background-image: url(../images/external_link_icon.gif);

    background-position: right center;

    background-repeat: no-repeat;

    padding-right: 14px;

}

Xaraya

Update 07-30-2005: In-depth Xaraya info added, and soon moved, follow the link.

Errors

Not well tested on Internet Explorer. Will do as time allows and update this article accordingly.

Screenshots and Photos are found one by one by the search, but from navigation you can only see their complete page.

Update 07-22-2005: Most of the pages on this website validate as XHTML 1.0 STRICT now. The screenshots and other images have got good ALT descriptions. I added some Xaraya tech info above.

Update 07-30-2005: Back button on screenshots pages now work as expected (no more javascript:back()). Using category linking in Xaraya, now each Screenshot can find which article it belongs to.

Related links

Márton Petrilla, graphics artist
WPSnet.com CMS
Xaraya free software CMS
ALA's negative margins CSS layout