Saturday, October 06, 2007

Hello again!

Hmmm ... that looked like a sabbatical indeed. Last time I posted here was somewhere april. I had and have my reasons, off course.

When I returned, so to speak, there were about 70 comments, waiting for approval. I do apologize to all, but I hope you can understand I am not going to catch up!

And I noticed this blog was bloody flagged (by someone or something) and instantly abducted by a crawler! The site was gone (like a Norwegian Blue Dead Parrot) and the original address is gone. A bloody mess, yes. Well, I mailed the team and redirected the original blog to this domain. (I strongly suspect that 'mailing the team' triggers an automatic unmark!) Done!

So the URL has changed and therefore some/many referrals in this place will be dead. I'll try to find all them buggers ... ultimately.

I started working on my personal page first. Upgrading to WordPress 2.3 made me decide to make a real fresh start: dropped all tables, switched to WP 2.3 and created a new theme ...



... 'The Fat Trimmed Out' Wordpress Theme (Published 2.0.1).

And I am running warm again: today I even added Adsense code to both my WP page and this Workshop. Only because it looks nice, I guess. And that green? Is does stand out, but this place starts to get really Tinky Winky.

Thursday, April 19, 2007

DownRight v3.0

After the last tribulation (a not working DownRight v2.1 - in MIE5/6, that is!) here is a new DownRight (fixed 960px width) v3.0.

Hmmm ... right! ... the main column does not load first.

Apart from that this one is healthy!

DownRight v3.0

[ click image to view DownRight v3.0 page ]

At work The White Knight Is Talking Backwards ... so I cannot find the serenity to tackle the little v2.1 bugger.

I'll visit my cherished Skiermûntseach first (a tranquil Week Off: strolling the beach - enjoying my company - reading Pratchett - flying my kites) ... !

Saturday, March 24, 2007

DownRight v2.1

March 29:

I was told (and I have noticed) this new DownRight v2.1 Theme doesn't work correctly in MIE < 7!
So the template is down for now.
And I will fix this, of course.

I do apologize to the folks who have tried this v2.1!


Hi Thur,

I use your Downright v1.4 on my blog Bonnie Writes.

I would like to make the whole thing fixed, like you use here on the Blogger Workshop, rather than the fluid that it is now.

Can you tell me what to do to change that please. Because of SEO, I want to have the main load first, [...] .

Thank you for your help, in advance!

Hi Bonnie,

[ status: completed! ]

DownRight v1.4

[ click image to view DownRight v1.4 page ]

DownRight v2.1

[ click image to view DownRight v2.1 page ]

DownRight DashBoard v2.1


As promised I have copied the original DownRight v1.4, and made some alterations using negative margins, any order columns and opposite floats
(as I gratefully learned from Alessandro Fulciniti)!

Resulting in a DownRight v2.1 Blogger Theme featuring:
3-column
fixed 960px width
Main column loads first
Here is the xml MarkUp:

<!-- start content -->
   <div id='content_wrap'>

<!-- start header -->
   <div id='header_wrap'> </div>
<!-- end header -->

<!-- start main -->
   <div id='main_wrap'> </div>
<!-- end main -->

<!-- start left sidebar -->
   <div id='leftbar_wrap'> </div>
<!-- end left sidebar -->

<!-- start right sidebar -->
   <div id='rightbar_wrap'> </div>
<!-- end right sidebar -->

<!-- start #footer -->
   <div id='footer_wrap'> lt;/div>
<!-- end #footer -->

   </div>
<!-- end content -->

I have tested the v2.1 in MIE 5/6/7, FireFox and Opera (not in Safari!!!).

Notice:
Because the margin settings are very very strict one should not set any border-width to 0px. Alter the border-color to match the page-background-color instead!

Due to those negative margins the Layout in the Blogger Dashboard looks a bit silly. Works though!

Sunday, March 18, 2007

LightBox Photo Cloud

Using about the same Photo Cloud from my the fat trimmed out ...
I just wanna share that fair and fancy LightBox JS v2.0 with you!

Please click any image:


(© me) Lonely little duck left solitary behind (© me) 35°2 l'après-midi (Château La Tour)
(© me) Elke (Château La Tour) (© me) Boke on the Schiermonnikoog Beach (© me) Lisa (Château La Tour)
(© Boke)  Me on the Schiermonnikoog Beach (© me) Blown about elderly doggie on splendid beach
(© me) Airport (Rotterdam View)

Hovering over every image in the Lightbox triggers a Next or Prev button, where the whole image works as a map. Neat! Simply pressing n or p for navigating to Next or Previous image (and x to close the box) works too.

Please follow that LightBox link for clear instructions and downloads.

Notice:
The viewer must have JavaScript enabled.
When your WeBlog is published on BlogSpot, you must find yourself a shelter to store all LightBox files (js, css and images)!

Saturday, March 17, 2007

2.0 needs Rounded Shapes

Web 2.0 needs Rounded Corners?

Sure! Yes Sir/M'am, indeed! But how?

You can use background images (Dan Cederholm) but there are 'rounded corners without images' (Alessandro Fulciniti) techniques as well!

BIG advantage: can easily be implemented in flexible designs.

I took the page from the Creating a Blogger Template (3) - a fluid design thread and embedded the post in a box. To be found here ... have a look and resize your browser window once you are there!

testblog8

Pretty much all links pointing towards this subject:

Web 2.0 Workgroup: rounded corners!

(Here is a nice one, for example! Airtight Corners: 'Use the offset filter to shift the image 15 pixels in both directions with Wrap Around selected.')