SYSCOMM - helping technicians to improve their social skills

wet · 2006-03-14 16:30:16

SYSCOMM is a brochure-ware site for an Austrian institute aimed at technicians who want to improve their interpersonal skills.

I’ve had fun with the calendar of upcoming training events. Textpattern was well up to the task. They also donated <zem_contact_radio /> to zem_contact_reborn

Opinions welcome!

Last edited by wet (2006-03-14 16:32:12)

squaredeye · 2006-03-14 18:30:25

Wet,
Nice job.
I really like the way you styled the 2 level navigation as well.
Care to share how you did that? I am always curious about how people approach that differently.

The calendar looks really nice. Is that done with images and css?

The site is simple (even to the point of plain), but I really think that works for the audience.

Well done.

Matthew

NyteOwl · 2006-03-14 19:05:32

I like the design, though (as I and others have for many many years) resent the stereotyping that implies that technical people are less socially skilled than anyone else.

wet · 2006-03-14 22:23:30

ma_smith wrote:

I really like the way you styled the 2 level navigation as well.

Level one is an <ul> on sections, manually coded inside a form:

<ul id="nav">
<li <txp:if_section name=",article">class="active"</txp:if_section>>
<txp:link_to_home>Home </txp:link_to_home>
<txp:if_section name=",article"><ul id="nav-2"><txp:article_custom sortby="custom_1" sortdir="asc" section="article" listform="nav-sub" /></ul></txp:if_section></li>

<li <txp:if_section name="seminare,seminarkalender">class="active"</txp:if_section>><txp:zem_link section="seminare">Seminare </txp:zem_link>
<txp:if_section name="seminare,seminarkalender">
<ul id="nav-2"><txp:article_custom sortby="custom_1" sortdir="asc" section="seminare" listform="nav-sub" /></ul>
[...]

Level 2 is an <txp:article_custom /> list using the form nav-sub:

<li<txp:php>
 # $pretext contains article properties according to current URL
 # compare to *current* article in nav list
global $thisarticle; global $pretext;
$isactive = ($pretext['id'] == $thisarticle['thisid']) ? ' class="active"' : '';
echo $isactive;
</txp:php>><txp:zem_link title="%s"><txp:chh_if_data><txp:custom_field name="menu-text" /><txp:else /><txp:title /></txp:chh_if_data> </txp:zem_link></li>

Presentation is done with :hover and the above determined .active class on <li> elements, just peek into the style sheet.

The calendar looks really nice. Is that done with images and css?

Plain CSS, a small plugin renders the posting date as a series of <spans> for day, month, year. Hunt for datewidget in the style sheet.

Last edited by wet (2006-03-17 09:21:22)

wet · 2006-03-14 22:25:04

NyteOwl wrote:

I like the design, though (as I and others have for many many years) resent the stereotyping that implies that technical people are less socially skilled than anyone else.

I agree, though SYSCOMM apparently makes their living by providing to that niche.

hcgtv · 2006-03-14 22:34:45

wet, thanks for sharing with us, learn something new everyday here.

NyteOwl, I think that technical people are/can be less social with beings from the analog world. But get us in a room with other geeks and we can’t stop talking, so a site like SYSCOMM proves to be a helpful resource.

cabanadigital · 2006-05-30 17:51:25

Hi Wet, where can I found that “small plugin”
I really like that styled way for date

wet · 2006-05-30 17:59:53

It’s a plugin I wrote for this project and which is not publicly available by now.

Anyway, you could achieve the same effects for the posting date by simply joining a series of <txp:posted format="..." /> tags and embed them into either a span or a div element. The exact procedure is over here.

Last edited by wet (2006-05-31 04:14:03)

cabanadigital · 2006-05-30 18:15:49

That’s nice, thank you so much. You’re really fast answering

els · 2006-05-30 20:18:08

@cabanadigital:

Ah, now I understand ;) I’ll remove your other post.

net-carver · 2006-05-31 02:27:16

Beautiful presentation on the dates Wet, nice styling.

Textpattern CMS

Textpattern CMS support forum

#1 2006-03-14 16:30:16

SYSCOMM - helping technicians to improve their social skills

#2 2006-03-14 18:30:25

Re: SYSCOMM - helping technicians to improve their social skills

#3 2006-03-14 19:05:32

Re: SYSCOMM - helping technicians to improve their social skills

#4 2006-03-14 22:23:30

Re: SYSCOMM - helping technicians to improve their social skills

#5 2006-03-14 22:25:04

Re: SYSCOMM - helping technicians to improve their social skills

#6 2006-03-14 22:34:45

Re: SYSCOMM - helping technicians to improve their social skills

#7 2006-05-30 17:51:25

Re: SYSCOMM - helping technicians to improve their social skills

#8 2006-05-30 17:59:53

Re: SYSCOMM - helping technicians to improve their social skills

#9 2006-05-30 18:15:49

Re: SYSCOMM - helping technicians to improve their social skills

#10 2006-05-30 20:18:08

Re: SYSCOMM - helping technicians to improve their social skills

#11 2006-05-31 02:27:16

Re: SYSCOMM - helping technicians to improve their social skills

Board footer