Style highlighted / selected text - CSS Tutorial

Date: 26th October 2008 at 12:56 pm | Filed under: scripts | Author: Sam Burdge

Ever wondered how to change the default style of highlighted or selected text in your html page? I have found that this is possible using CSS3, although IE has no support for this so it doesn't work at all in IE.

In this example the background is set to green and the text set to white. Drag over this text to highlight it.

Here's the CSS:

/* Safari */
::selection {
background: #000000;
color: #ffffff;
}
/* Firefox */
::-moz-selection {
background: #000000;
color: #ffffff;
}

::selection is supported by the latest versions of Opera and Firefox 2 and upwards. ::-moz-selection is supported by the latest versions of Safari.

Leave a Comment

Toba Film Website

Date: 8th June 2008 at 12:24 am | Filed under: portfolio | Author: Sam Burdge

tobascreen1

This website for media production company Toba Film is a Flash microsite with html as a backup for users without the flash plugin and for search engines. It features a scrolling thumnail bar from which you can select a video to watch, each thumbnail is a slideshow featuring images from the video. The videos are encoded as flv (Flash Video). The video playlist is fully dynamic so that new videos can be added easily.

Check it out: www.tobafilm.com

Leave a Comment

Encoding Flash Video (flv) - Part 1 - The Basics

Date: 16th February 2008 at 12:53 am | Filed under: development, flash | Author: Sam Burdge

This is the first part in a series of articles I will be writing on encoding Flash Video (flv files) using the Adobe CS3 Video Encoder. I intend to cover all aspects of flv encoding to help you to attain the best results possible. If you are using another software to encode your flv files, such as Adobe After Effects or Final Cut Pro, many of the principles will be the same.

Read on…

3 Responses to “Encoding Flash Video (flv) - Part 1 - The Basics”

  • Comment by Grant Forrest
    Date: February 29th, 2008 at 10:29 am

    Hi Sam Been hunting the internet for some advice on optimum source files for flash - with no joy. But came across your encoding flash video article and have been enlightened. Many thanks Grant

  • Comment by John Smith
    Date: July 8th, 2008 at 2:50 pm

    Very helpful information. Much appreciated. Thank you.

  • Comment by samir
    Date: July 15th, 2008 at 6:03 pm

    Thank you for this useful article.
    Very informative.
    It solved my issue with horizontal lines in flash video files.

Leave a Comment

WP Flash Title Plugin - Example Page

Date: 15th February 2008 at 10:42 pm | Filed under: blog | Author: Sam Burdge

As you can see from the above title this plugin allows you to embed any font you want, using any colour scheme you choose. Boom!

This is a screengrab from the WP Flash Titles Options page in WordPress, where you are able to select the font, colour, mouseover / hover colour, background colour, font-size, width and height for your Flash Titles.

Back to WP Flash Titles post

WP Flash Title Plugin Options - Screengrab

Leave a Comment

WP Custom Title Colour Plugin

Date: 31st October 2007 at 8:42 pm | Filed under: development, plugins, wordpress | Author: Sam Burdge

This WordPress plugin does exactly what its title suggests, gives you the ability to customise the title colour for any post via a panel in the sidebar of the write page. Handy for creating alerts, or drawing attention to a particular post.

Instructions:

  1. Download the plugin file here: WP Custom Title Colour Plugin
  2. Upload the folder 'custom_title_colour ' into your 'wp-content/plugins' folder
  3. Activate the plugin via your plugins page in wordpress
  4. When writing or editing a post you can control the title colour via the 'Title Colour' tab in the right sidebar.

This plugin utilises the Colour Picker Selector script by: FREE-COLOR-PICKER.COM

12 Responses to “WP Custom Title Colour Plugin”

  • Comment by Lafdil
    Date: November 2nd, 2007 at 10:23 am

    does this script allow to change also the font & the size ?

    thank you

  • Comment by Sam Burdge
    Date: November 2nd, 2007 at 1:31 pm

    Hi, it only changes the colour at the moment, but I could easily add those features for a future version, good suggestion! I have just released the plugin, to see how people respond to it, so it may not be updated for a while. However, I will email you and let you know when the next version is released.

  • Comment by Zachary Guidry
    Date: November 2nd, 2007 at 4:51 pm

    Thanks for the plugin! I have a minor comment - when I unzipped the file, it did not create a folder called ‘custom_title_colour’. You may want to create the zip so that the extracted files are in the properly named folder.

    Again, thanks for sharing - I have many ideas on how to use this plugin.

  • Comment by Zachary Guidry
    Date: November 2nd, 2007 at 5:00 pm

    I just installed the plugin and it works wonderfully. I noticed that you used the same color picker I used in my Multiblix plugin. You can view Multiblix at http://blog.websitemechanics.com/?page_id=3

    Zack

  • Comment by Sam Burdge
    Date: November 2nd, 2007 at 5:41 pm

    Thanks for the feedback, I’ll change the archive so that it contains the correctly named folder inside it. Multiblix looks very cool!!

  • Comment by Thunder-man
    Date: March 24th, 2008 at 3:56 pm

    Hy, I become this Title
    Age of Japan”>Age of Japan
    My Theme is WP-Andreas09

    Thunder-man

  • Comment by zulu
    Date: June 14th, 2008 at 12:40 pm

    Hi. Nice idea :) but doesn’t work with my blog. Like Thunder-man, I always get two titles, first one in black (standard) with “>, second one is in customized colour, like:
    Message in a bottle”>Message in a bottle

    It`s also impossible to reset given colour back to “none”, last chosen colour seems fixed.
    My theme is Silver Shine 1.0 by IS.

    zulu

  • Comment by mutantz
    Date: July 15th, 2008 at 12:15 pm

    Hi! Cool plugin, but i need choose background color and border-bottom ) Can u fix this for me?))))
    sorry for english)

  • Comment by peweck
    Date: July 15th, 2008 at 8:12 pm

    doesn’t work with my blog. Like Thunder-man ans Zulu…

  • Comment by GamA
    Date: August 29th, 2008 at 2:05 am

    can you add a background color change feature as well?
    its what i was really looking for.

  • Comment by GamA
    Date: August 29th, 2008 at 2:08 am

    i was talking about the post title background. also this plugin does not work for me same as Thunder-man and Zulu.

  • Comment by Czymra
    Date: November 5th, 2008 at 1:43 pm

    When using this plugin, make sure you use ‘get_the_content’ instead of ‘the_content’ in your theme, then it will work.

Leave a Comment

Next Page »