Goodbye Subdreamer Hello Wordpress

18 Dec 2008 In: General

Well, i don’t publish to this site any more, but i do use it for reference to the skins and applications I have made over the year for Joomla and Subdreamer. I figured since I use wordpress a lot more it was time for a change…. Well, it’s as good as a holiday… =)

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Archetoy - for lovers of urban vinyl

27 Mar 2008 In: General

ArchetoyArchetoy has finally launched. A social networking / Online retail website which caters for lovers of urban art and Vinyl, it offers users more than your average website.

The aim of Archetoy is to promote artists and global exhibitions through publishing and community chat. Though in it’s infancy, Archetoy hopes to fill the void where many others fail.

Visit Archetoy today!.

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Got Milk? - Get The Glass!

22 Aug 2007 In: General

get The GlassGet The Glass is an online interactive campaign brought to you by The California Milk Processor Board, and is based on their "Got Milk" theme, introduced by the board in 1993 to increase milk sales and awareness in California.

What is It?

Get the glass is an amazing interactive online 3d flash game which is both fun and informative, which sets tasks for you to complete, as you wind your way towards the goal.

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

HTML Codes

17 Aug 2007 In: General

This is a helpful list of html codes, Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1

Browser support: All browsers

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

A New Free Subdreamer Template

17 Aug 2007 In: General

A New LookI decided (after subtle nudging from TullyMan) to pull my finger out and release a new skin for the Subdreamer Content Management System. The skin you see here makes the use of many new features.

Features

  • Skin uses MooTools as an effects base
  • Fantastic new SEO menu (thanks to XhUnTeR for this!)
  • Mootools effect on the drop down menu
  • MooTools ToolTips
  • Skin switcher, choice of 4 colors (Again, thanks to X!)
  • Font-Sizer/Switcher
  • Semantic output for modules
  • Div & CSS based
  • Forum integration

 

Plus loads more…

 

What else can i do?

Grunge Boxes!

You can add grunge boxes into your content. By adding a few div’s and assigning a class, you can add content simply * easily. Currently I have only included blue boxes, so feel free to create your own.

It’s a good place to start to make things “stand out” a little better.

Use like:


< div class="roughbluebox">
< div>
< div>
< div>
< h2 class="roughbluebox">heading goes here!< / h2>
< div class="roughbluebox_content">

< p>Content goes here!< /p>

< / div>
< / div>
< / div>
< / div>
< / div>

Cpanel

I have added a “CPanel” for you to add goodies to. This uses MooTools for the action, and degrades gracefully if JS is turned off. I recommend only adding extras in this box, not things like user Logins etc…

Tool Tips

If you want to add a Tool Tip to an item, such as an image or a link, you can do so by adding a class and a title within the code.
ie: < img src="blah.gif" alt="blah" title="Tip Title :: Hello!" class="Tips2" width="10" height="10" />
More examples:

  • Tips1 == Appears instantly
  • Tips2 == Fades in & Out
  • Tips3 == Fixed Position
  • Tips4 == Custom Box (design your own Via CSS)

The beauty is, the styles are controlled by CSS.

Classes for color

two important additions are:
Alert (red text) - Use like: class=”alert”
Confirm (green text) - Use like: class=”confirm”
Again, this is for visual appeal & recognition.

Heading Classes

I have added styles for headings, to helps split up content.

H1 tag

H2 tag

H3 tag

H4 tag

H5 tag

Unordered Lists

Want more control over the style of your unordered lists? yeah, mee too, so I have added a few classes to make your life better.

  • This is an unordered lists using arrows
  • Use like: < ul class="arrow">
  • This is an unordered lists using dots
  • Use like: < ul class="dot">
  • This is an unordered lists using ticks
  • Use like: < ul class="tick">
  • This is an unordered lists using the acrobat icon
  • Use like: < ul class="acrobat">
  • This is an unordered lists using the external acrobat icon
  • Use like: < ul class="acrobatout">
  • This is an unordered lists using the “jump to anchor” icon
  • Use like: < ul class="anchor">
  • This is an unordered lists using the “linkout” icon
  • Use like: < ul class="linkout">

Classes for links

To give you more control over looks, and help with visual design, I have adedd several classes that allow you to design the overall look & feel of links. These include links:
Linkout - use: class=”linkout”
Anchor - use: class=”anchor”
Acrobatout out - use: class=”acrobatout”
Acrobat - use: class=”acrobat”

Dividing content

Want to break up your content, rather than just use a “hr” (horizontal rule)then use: < div class="hdot">

The class hdot will add a 1 px hight dotted line across the page.

Where to from here?

Get creative, add extras, you can add so much to this skin it’s not funny. Since it has MooTools as a base, you can extend features, add image slides & more. Visit MooTools for more tricks.

Consider this a work in progress, it will be released on Subdreamer.org hopefully this saturday. All feedback is welcome (I expect to get a million bug reports.

Any questions, just ask!

Alert Important Information!

*Note: if you use “Div’s” in your content, or any plugins do, any extra closing divs/bad markup will break the layout, so be sure your content & plugins are well coded!

Download

This skin is available at Subdreamer.org (*requires membership), and is only for the Subdreamer CMS.

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Death Metal/Pop & Childrens Video Mashup

31 Jul 2007 In: General

Cookie MonsterThere is something to be said about mixing Death Metal music with pop and childrens videos.

Youtube has brought forth a lot of wannabe “jack-asses”, but is also a great playground for people with way too much time on their hands.

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Content or Images for Certain Pages

19 Jul 2007 In: General

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Create your own music Label

25 May 2007 In: General

Create your own crap!Want to make your own funny mix tapes, record labels concert tickets or more?, why not visit Saysit.com, make a few funny images and send them to a friend.

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Image Replacement for H1 headings

24 May 2007 In: General

A loading ImageOk, so you’ve seen it all before, this tutorial is nothing new, but it does bring a new way of making your site look dynamic, whilst still being accessible.

Whilst working on a recent job, I was stuck with the dilemma of needing header images to replace the
< h1> tag, which were still accessible. No probs i thought, there’s plenty of tutorials online. I came across the perfect solution to handle this, but i still had an inherent problem of my heading images taking a while to load.

This is a very neat solution, that overcomes this problem, very simply.

 

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

Mighty Million Launches

20 May 2007 In: General

Mighty MillionAre you a lover of the arts? Do you know a struggling artist, muso, writer or creative? Do you want to be part of an online revolution that can not only make a difference, but give you a chance to win a million dollars?

Mighty Million launches its brand new website, and is unlike anything out there. Unique in its conception, MM is opening the door for bigger and better things for those involved.

Read the rest of this entry »

SociBook del.icio.us Digg Facebook Google Yahoo Buzz StumbleUpon

About this blog

72dpi is just site for me to put my code, share some templates and have the occasional rant.

Flickr PhotoStream

    E-11E-11E-11 SideonE-11 Front ClosupE-11 BlasterpStormtrooper helmetE-11 foldingstockStormtrooper Helmet almost doneClosing the Gaps

Sponsors

What I'm Doing...

Posting tweet...