The Futtock » Other Stuff

Hotlink Image Test

The Futtock — Sun, 18 Sep 2011 20:04:04 +0000

Share and Enjoy:

Social network for fantasy fans

The Futtock — Fri, 16 Sep 2011 22:14:16 +0000

Dicingdangers.com is a fantasy social network for fans of fantasy, sci-fi, horror, steampunk and speculative fiction in general.

The site is new (2011) but is already proving to be an interesting place to visit every day as there is always something new.

If you are a fantasy fan of fantasy art, fantasy books, fantasy fiction then head over and have a look. Users are encouraged to upload their own creations so if you write or illustrate or have anthing to show off then do so.

DicingDangers

Share and Enjoy:

Paper Curl in Flash

The Futtock — Fri, 24 Apr 2009 15:36:22 +0000

In this tutorial we will be looking at how to create a paper curl in Flash. We will also be adding some texture to the paper using a bitmap.

This tutorial has moved to this web design and graphics site

Share and Enjoy:

Flash Obama vector illustration tutorial

The Futtock — Thu, 23 Apr 2009 22:58:41 +0000

This is a tutorial on taking a sketch and creating a flash vector illustration with it. The subject in this case will be the American president, Barack Obama.

This tutorial has moved to this web design and tutorials site.

Share and Enjoy:

JavaScript hide email address

The Futtock — Thu, 23 Apr 2009 13:50:53 +0000

If you want to avoid spam robots crawling your email address, then the following bit of code can help. It breaks up the address, and uses javascript to present it properly to the end user. Just replace your email address with the following, changing id to your name, dom to the site name and tag to the site name tag such as com or net.

Share and Enjoy:

CSS align background image center

The Futtock — Mon, 20 Apr 2009 13:35:03 +0000

If you want to center and middle align a background image, use the following CSS code:

body {
background: #000 url(images/background.jpg) no-repeat center;
}

If you want a fixed image, center aligned but not middle aligned, try this:

body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 0%;
}

Share and Enjoy:

CSS cursor styles

The Futtock — Sun, 19 Apr 2009 15:52:58 +0000

You can control the cursor style using the CSS ‘cursor’ property.

For example, to make a

use a crosshair cursor then sue the following CSS:

p {
cursor:crosshair;
}

The following is a list of al the cursor styles. Mouse over them to see the cursor change.

auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
progress
help

Share and Enjoy:

CSS centering content on page

The Futtock — Sun, 19 Apr 2009 13:53:29 +0000

Centering your content on a page using CSS is not complicated once you know how:

You need to create a content or container div that all the content goes into.
In your css you need to give the content container a width and then set the left and right margins to auto.

Example HTML:

Example CSS:

#content {
margin-left: auto;
margin-right: auto;
width: 500px;
}

Share and Enjoy:

Linux for designers

The Futtock — Fri, 17 Apr 2009 23:58:51 +0000

A tough choice!

I use a PC. I can’t stand the Mac tax and the Mac image. I don’t mind PCs; I understand them, but I am growing very fond of Ubuntu, one of the Linux alternatives to Macs and PCs. The problem is that I do a lot of design work and as a designer I am married into adobe. It was a shotgun wedding, but there we are. Adobe don’t do Linux.

Adobe now have a monopoly (or as good as) in the field of design software, and as long as they don’t do Linux, I can’t make the move. I know there are alternative packages out there, but adobe make very, very good bits of design software. I hate that there is no real competition. The other problem is that as a designer I need my software to be 100% compatible with everyone else’s. Sure, file formats can be read but it always goes wrong and always when you are working to a deadline. So as long as Adobe don’t do Linux, I am stuck with a PC.

Don’t get me wrong. Adobe are not anti-Linux, they just have not spent the time and energy needed to port their top products to the platform.

Here are three of the main Adobe packages with some Linux alternatives:

Adobe Illustrator

Xara Xtreme for Linux
Inkscape

Adobe Photoshop

GIMP
Krita

Dreamweaver

KompoZer
Nvu
Bluefish

Share and Enjoy:

Make a div semi-transparent

The Futtock — Fri, 17 Apr 2009 23:19:51 +0000

This does not work in all browsers but seems fine in the latest ie and firefox. Just add the following to the style of the div:

filter: alpha(opacity=50);
-moz-opacity: .50;

It takes two lines of code. One for ei and the other for firefox. The numbers is how see-through you want it. The higher the number the more solid the colour.

Remember that the div also needs a backgroud colour.

Share and Enjoy: