Dare to Think http://www.daretothink.co.uk Specialists in Wordpress, Websites and Print Sat, 04 Feb 2012 19:43:17 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 Jasmine Hemsley http://www.daretothink.co.uk/portfolio/websites/jasmine-hemsley/ http://www.daretothink.co.uk/portfolio/websites/jasmine-hemsley/#comments Fri, 20 Jan 2012 22:09:41 +0000 daretothink http://www.daretothink.co.uk/?p=2537

Jasmine Hemsley is a fashion model, TV & film actress who also specialises in personal nutrition for A-list clients with Hemsley & Hemsley Ltd. Another happy client, Susie Pearl, recommended Dare to Think to Jasmine. Yay, another happy client ;-)

www.jasminehemsley.com

Summary

The site was a bespoke design for Jasmine. A simple, clean, and clear site was created as a showcase for Jasmine’s portfolio including modelling, TV and Film work.

Key details

  • Web design
  • Web development
  • CSS/HTML/PHP/jQuery
]]> http://www.daretothink.co.uk/portfolio/websites/jasmine-hemsley/feed/ 0 Hay House Blogs http://www.daretothink.co.uk/portfolio/websites/hay-house-blogs/ http://www.daretothink.co.uk/portfolio/websites/hay-house-blogs/#comments Thu, 22 Sep 2011 10:34:59 +0000 daretothink http://www.daretothink.co.uk/?p=2510

Hay House Blogs is a community site featuring a blog by Pearl Wisdom as well monthly featured bloggers, featured videos, extracts and lots more including the pulling together of the Hay House social network content.

Hay House Blogs

Summary

The blog was created in WordPress, using CMS plugins to allow the client easy access to maintain and add to their current site content.

Key details

  • Web development
  • CSS/HTML/PHP
  • WordPress CMS
]]> http://www.daretothink.co.uk/portfolio/websites/hay-house-blogs/feed/ 0 Free and Simple Social Media Icon Set http://www.daretothink.co.uk/blog/free-simple-social-media-icon-set/ http://www.daretothink.co.uk/blog/free-simple-social-media-icon-set/#comments Tue, 13 Sep 2011 08:39:39 +0000 daretothink http://www.daretothink.co.uk/?p=2494

A simple, clean and bold social media icons set (also includes a few other icons). The set comprises of 59 icons including variations. Available to download in 48px, 32px and 24px PNG format and also available as a fully grouped and layered Illustrator file allowing you to change the background colour to whatever takes your fancy.

You’re free to use these icons anywhere. You don’t have to give us a credit (although it would be lovely if you did in the form of a link back to our site). More importantly we’d love to know where and how you’ve used them so add a comment below letting us know.

Download 24×24 icon set
Download 36×36 icon set
Download 48×48 icon set
Download Layered AI file

Icons include:

AIM x 3
Amazon x 2
Apple
Bebo
Blogger
Chat
Dare to Think
Delicious x 2
Digg x 2
Edit
Email x 3
Facebook
Favourite x 2
Feedburner x 2
Flickr x 2
Google x 2
Google +1 x 2
Instapaper
iPhone
Last.fm
Linkedin
Mobile (Cell) Phone
Myspace x 3
Netvibes
Picasa x 2
Profile
Reddit
RSS
Search
Skype
Stumbleupon
Technorati
Twitter x 2
Vimeo
Windows x 2
Wordpress x 2
Yahoo x 2
Youtube x 2
Zootool

]]> http://www.daretothink.co.uk/blog/free-simple-social-media-icon-set/feed/ 2 Signs for Sounds Exhibition http://www.daretothink.co.uk/portfolio/print/signs-for-sounds-exhibition/ http://www.daretothink.co.uk/portfolio/print/signs-for-sounds-exhibition/#comments Fri, 09 Sep 2011 09:12:08 +0000 daretothink http://www.daretothink.co.uk/?p=2460

Signs for Sounds is a Harley Gallery touring exhibition curated by Jeremy Theophilus. Supported by the National Lottery through Arts Council England. This exhibition considers the impact of Letterform, an art that we are surrounded by everyday – from traditional calligraphy 2 hi-tech font design.

Working once again in collaboration with Brochocka Baynes we were required to produce a set of 7 panels that will accompany the touring exhibition and a set of worksheets for children to fill in as well as download from the Harley Gallery website.

For more information on the Signs for Sounds exhibition visit the Harley Gallery website

Summary

The site was based on a predefined template. A template was used to reduce the cost of development. A CMS was also required with WordPress being used for it’s easy of use and flexibility. This allows us to maintain and add to the site with little effort.

Key details

  • Exhibition panel design & print
  • Printer sourcing
  • Print management
]]> http://www.daretothink.co.uk/portfolio/print/signs-for-sounds-exhibition/feed/ 0 Centre image within div http://www.daretothink.co.uk/blog/centre-image-within-div/ http://www.daretothink.co.uk/blog/centre-image-within-div/#comments Fri, 26 Aug 2011 17:11:39 +0000 daretothink http://www.daretothink.co.uk/site/?p=2222

Recently I needed a solution whereby the image was centred horizontally and vertically within its containing DIV. Seems straight forward until you bring IE into the mix of things. The main problem is if you have an image which is not always a set width/height i.e. a dynamically generated image. Anyway, here you have it a solution that works in all browsers and validates.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Centre image in containing DIV | Dare to Think</title>
<style type="text/css">
.pic-container {
	height: 100px;
	width: 100px;
	margin-bottom: 20px;
}

.pic-container .pic {
	width: 100px;
	height: 100px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	background-color: #000;
}

.pic-container .pic * {
    vertical-align: middle;
}
-->
</style>
<!--[if lte IE 7]>
<style type="text/css">
.pic span {
    display: inline-block;
    height: 100%;
}
</style>
<![endif]-->
</head>
<body>
	<div class="pic-container">
		<div class="pic"><span></span><img src="http://placehold.it/50x100" alt="" width="50" height="100"/></div>
	</div>
	<div class="pic-container">
		<div class="pic"><span></span><img src="http://placehold.it/100x50" alt="" width="100" height="50"/></div>
	</div>
	<div class="pic-container">
		<div class="pic"><span></span><img src="http://placehold.it/50x50" alt="" width="50" height="50"/></div>
	</div>
</body>
</html>
]]> http://www.daretothink.co.uk/blog/centre-image-within-div/feed/ 0 Exclude current post from WP Query http://www.daretothink.co.uk/blog/wordpress/exclude-current-post-from-wp-query/ http://www.daretothink.co.uk/blog/wordpress/exclude-current-post-from-wp-query/#comments Tue, 23 Aug 2011 14:03:55 +0000 daretothink http://www.daretothink.co.uk/?p=2438

There are times when you don’t want the current post/page you are viewing to show on the page i.e. list of recent posts, more posts from the same category and so on. Here’s how to remove that post from your query.

In my situation I had a list of posts from a certain category that I wanted to include in the sidebar (I used the php code widget to add php to my sidebar widget) but I didn’t want the post I was currently on to be displayed in that list. So here’s the code I used:

So, in the code below “get_the_ID” is fetching the ID of the current post, “cat” is indicating the category I want to show posts from, “showposts” is indicating how many posts I would like to display and then finally “post__not_in” is getting the current post ID and then excluding it from the query.

<?php
$currentID = get_the_ID();
$my_query = new WP_Query( array('cat' =--> '1', 'showposts' => '5', 'post__not_in' => array($currentID)));
while ( $my_query->have_posts() ) : $my_query->the_post(); ?>
<h2><?php the_title() ?></h2>
<?php the_content(); ?>
<?php endwhile; ?>
]]> http://www.daretothink.co.uk/blog/wordpress/exclude-current-post-from-wp-query/feed/ 2 Colnago website redesign http://www.daretothink.co.uk/blog/colnago-website-redesign/ http://www.daretothink.co.uk/blog/colnago-website-redesign/#comments Fri, 29 Jul 2011 10:33:41 +0000 daretothink http://www.daretothink.co.uk/site/?p=2401

Working in collaboration with SHIFT Active Media we’ve launched the new Colnago website.

We were asked to develop the site from scratch using WordPress, as the CMS, from the supplied designs. Not only in the site in English – as you’d expect – but also in Chinese, French, German, Italian, Japanese, Russian and Spanish. We’re really proud of the work done by all parties involved in the site.

www.colnago.com

]]> http://www.daretothink.co.uk/blog/colnago-website-redesign/feed/ 0 Colnago http://www.daretothink.co.uk/portfolio/websites/colnago/ http://www.daretothink.co.uk/portfolio/websites/colnago/#comments Sat, 23 Jul 2011 12:21:25 +0000 daretothink http://www.daretothink.co.uk/site/?p=2303

Colnago is an Italian manufacturer of high-end bikes. Working in collaboration with SHIFT Active Media – An international media communications agency in cycling – we were asked to develop and build the Colnago website in WordPress based on a set of supplied creatives. Not the first time we have worked with SHIFT as we originally produced their website. We hope to continue working with them on more exciting projects.

www.colnago.com

Summary

WordPress was used for the CMS. The ability to add highly adaptable and useful plugins enables us to develop a site that is flexible as well as functional for both user and client.

Services

  • Web development
  • CSS/HTML/PHP
  • WordPress CMS
  • Multilingual site
]]> http://www.daretothink.co.uk/portfolio/websites/colnago/feed/ 0 Welbeck Estate Exhibition http://www.daretothink.co.uk/portfolio/print/welbeck-estate-exhibition/ http://www.daretothink.co.uk/portfolio/print/welbeck-estate-exhibition/#comments Tue, 19 Apr 2011 14:41:15 +0000 daretothink http://www.daretothink.co.uk/site/?p=2263 The Welbeck Estate is a project to find new uses for a range of 18th and 19th century buildings. The aim is to create a sustainable and thriving community in a settling of unique natural and architectural beauty in Nottinghamshire. The exhibition depicts the residents of the Welbeck Estate and gives visitors an insight into how the area has been developed.

]]> http://www.daretothink.co.uk/portfolio/print/welbeck-estate-exhibition/feed/ 0 Melanoma Prognosis website http://www.daretothink.co.uk/portfolio/websites/melanoma-prognosis-website/ http://www.daretothink.co.uk/portfolio/websites/melanoma-prognosis-website/#comments Thu, 10 Feb 2011 12:09:15 +0000 daretothink http://www.daretothink.co.uk/site/?p=2113 After surgery for melanoma, it is possible to work out the chance of melanoma spreading to a distant part of the body (metastatic or Stage 4 melanoma) and shortening life expectancy. This website calculates the chance of being alive in the future, based on the information entered about the melanoma. This is achieved by the use of a bespoke php script.

www.melanomaprognosis.co.uk

]]> http://www.daretothink.co.uk/portfolio/websites/melanoma-prognosis-website/feed/ 0