Download: Esquire (FREE!)

Tom Christian · December 1, 2010

File Name: Esquire (FREE!)
File Submitter: Tom Christian
File Submitted: 30 Nov 2010
File Updated: 01 Dec 2010
File Category: Light Skins

Esquire is a light theme with a professional feel throughout. This skin consists of smooth, flowing gradients packed with awesome, state of the art icons. I've now introduced a brand new JavaScript controlled "slider" that allows your users to choose whether or not to display the message panel.

Esquire is currently available in fluid format. This can be changed in the AdminCP by the user.

Files Included
Readme
PSD's
XML's

Compatible Addons
(no addons are skinned at this moment in time. If there's demand for it, then I will do so :))

Click here to download this file

Tom Christian · December 1, 2010

Please post any bugs in here and I'll try to address them ASAP.

Planetby · December 1, 2010

Nice and clean professional skin tom, thanks :D
No bugs found as yet but will let you know if I spot anything.

Planetby · December 1, 2010

1st bit of a bug ive come across is some of the add-in hooks title bars don't take on the images and are just the blank background colour, this includes so far :

Shout
Radio
Donation tracker

I assume this is perhaps a css thing or perhaps these pick up on the wrong <h> ?

Apart from this all seems well and its a sleek looking skin

Tom Christian · December 1, 2010

Hi John,

I have tweaked the HTML in the sidebar hooks. Unfortunately, this means that any custom sidebar hooks will look slightly different.

IIRC, it was just 1 or 2 changes. You could quite easily compare the edited sidebar hooks with your custom sidebar hook templates and fix it yourself :)

If you're not sure how, just PM the template code for your custom hooks and I'll fix it for you :)

Planetby · December 1, 2010

Thanks Tom, sorted it out myself m8 my post was more a heads up for you that you may have many asking about it, especially with shout as most sites use it ;)
Well impressed with the skin tho, really nice finish and crisp look to it, i've been looking at your other work and will be purchasing a few in the near future to replace my SbyD skins with.

December 2, 2010

Everything works perfect, except for the Awards Management System 1.0.1, the buttons are messed up on profiles:

Planetby · December 4, 2010

Everything works perfect, except for the Awards Management System 1.0.1, the buttons are messed up on profiles:

Same problem here too

ThunderBlue · February 6, 2011

Ie8 problem on bug report this error...

Message: Does not support this property or method
Linea: 24
Carattere: 464
Codice: 0
URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js

help...

Tom Christian · February 6, 2011

Can you go into the includeJS template and tell me if the jQuery include ends with /> or </script> ?

Thanks,
Tom.

ThunderBlue · February 6, 2011

Can you go into the includeJS template and tell me if the jQuery include ends with /> or </script> ?

Thanks,

Tom.

includejs template code...

<if test="minifyjs:|:$this->settings['use_minify']">

	<if test="remoteloadjs:|:$this->settings['remote_load_js']">

		<script type='text/javascript' src='<if test="usehttpsprototype:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/prototype/1.6/prototype.js'></script>

		<script type='text/javascript' src='<if test="usehttpsscriptaculous:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/scriptaculous.js?load=effects,dragdrop,builder'></script>

	<else />

		<script type='text/javascript' src='{$this->settings['public_dir']}min/index.php?ipbv={parse expression="trim(ipsRegistry::$vn_full)"}&amp;g=js'></script>

	</if>

	<script type='text/javascript' src='{$this->settings['public_dir']}min/index.php?ipbv={parse expression="trim(ipsRegistry::$vn_full)"}&amp;charset={$this->settings['gb_char_set']}&amp;f=public/js/ipb.js,public/js/ips.quickpm.js<if test="hasjsmodules:|:count($jsModules)">,public/js/ips.{parse expression="implode('.js,public/js/ips.', array_unique( array_keys( $jsModules ) ) )"}.js</if>,cache/lang_cache/{$this->lang->lang_id}/ipb.lang.js' charset='{$this->settings['gb_char_set']}'></script>

<else />

	<if test="nominifyremoteloadjs:|:$this->settings['remote_load_js']">

		<script type='text/javascript' src='<if test="nmusehttpsp:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/prototype/1.6/prototype.js'></script>

	<else />

		<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/prototype.js'></script>

	</if>

	<script type='text/javascript' src='{$this->settings['public_dir']}js/ipb.js?ipbv={parse expression="trim(ipsRegistry::$vn_full)"}&amp;load=quickpm,{parse expression="implode(',', array_unique( array_keys( $jsModules ) ) )"}'></script>

	<if test="nominifyremoteloadjs2:|:$this->settings['remote_load_js']">

		<script type='text/javascript' src='<if test="nmusehttpss:|:$this->registry->output->isHTTPS">https<else />http</if>://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/scriptaculous.js?load=effects,dragdrop,builder'></script>

	<else />

		<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/scriptaculous/scriptaculous-cache.js'></script>

	</if>

	<script type="text/javascript" src='{$this->settings['cache_dir']}lang_cache/{$this->lang->lang_id}/ipb.lang.js' charset='{$this->settings['gb_char_set']}'></script>

</if>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

<script type="text/javascript" src="http://plugins.jquery.com/files/jquery.cookie.js.txt"></script>

<script type="text/javascript" src="{$this->settings['img_url']}/_custom/js/esquire.js"></script>

Tom Christian · February 6, 2011

I'm not entirely sure what's causing it then..

I've never personally had any IE8 issues with jQuery.

I will try and do a bit more digging into the issue.

ThunderBlue · February 6, 2011

I'm not entirely sure what's causing it then..

I've never personally had any IE8 issues with jQuery.

I will try and do a bit more digging into the issue.

Thank you ... I thought of a google plugin ... it is possible that I'm missing something about IE8? I forgot to mention that I use win seven

Reagan2791 · February 19, 2011

I just purchased a new IPB board and downloaded this Esquire skin as a test run. I'm not very experienced with IPB...it's been a while since I last had one. I do remember having this issue in the past, but not the fix for it. I downloaded and installed the skin exactly the way instructed. However, I'm missing a lot of the images, such as the category bars, etc. The whole page is mostly white and you can see only the text, forum markers, and logo. I know it's a simple change somewhere that needs to be made but not sure what it is. Any help?

Reagan2791 · February 20, 2011

I just purchased a new IPB board and downloaded this Esquire skin as a test run. I'm not very experienced with IPB...it's been a while since I last had one. I do remember having this issue in the past, but not the fix for it. I downloaded and installed the skin exactly the way instructed. However, I'm missing a lot of the images, such as the category bars, etc. The whole page is mostly white and you can see only the text, forum markers, and logo. I know it's a simple change somewhere that needs to be made but not sure what it is. Any help?

RESOLVED.

R1-Limited · February 27, 2011

RESOLVED.

How did you resolve it?

In IP.Content, the Add Article Tabs are Pure White as are the Fonts

Tom Christian · February 27, 2011

How did you resolve it?

In IP.Content, the Add Article Tabs are Pure White as are the Fonts

The issue he's describing usually occurs when you add a space in the images folder for the skin. Do not edit the default name and you won't have any problems :)

R1-Limited · February 27, 2011

The issue he's describing usually occurs when you add a space in the images folder for the skin. Do not edit the default name and you won't have any problems :)

Hi Tom

Thanks, I really like the skin. I installed as Skin first, Images second and Replacements third

I really like the skin, as you stated do not edit, does this mean accept all defaults while importing?

Thanks again great skin

R1-Limited · February 27, 2011

I just reImported the skin as defaults, still the same

As you see I need to get the Add Article to be black

What I am confused about is I can adjust the color via ipcontent.css through Firebug I can make these changes in both the defaul IPB board skin as well as the Esquire Skin in each appropriate folder.

I can then edit it hard code and reupload the file and it changes in IPB default skin but not Esquire. So it seems Esquire is not following the css file in its own folder.

These appear to be the areas of edit in the Esquires ipcontent.css

); margin-left: 5px; padding: 4px 7px 4px; color: #000000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; cursor: pointer; } .add_link:hover, .post_block .share_links a:hover { background: url( ); text-decoration: none !important; color: #000000; }

.add_link, .post_block .share_links a {

	display: inline-block;

	text-decoration: none;

	background: url(

R1-Limited · February 28, 2011

Any Ideas?

R1-Limited · February 28, 2011

Any Ideas?

Corrected the issue in the
.add_link, .post_block .share_links

Changed
#fff
#000

R1-Limited · March 3, 2011

bullet.png is missing from the public/style_images/skinground-esquire/bullet.png

Had to copy it over from the default IPB skin

Found that error using IE since I dont use it I was cross testing across browsers

Geoffro73 · March 14, 2011

Hi mate,

Some members on my forum seem to be having issues with tabs overlapping as seen in the pic,

Any help would be appreciated :)

P.S great looking skin!!

R1-Limited · March 16, 2011

Greetings

Very nice skin like it a lot. Having some issues with Java Script errors in IE8. Below are the errors and a link that pointed me to assisting to find cause. It appears to be Skin Related

I turned off the following in ADMINCP, as instructed and the issues where that same Link to Original Help Request

Minify javascript?You can minify javascript  and CSS to reduce the number of HTTP requests to the server, support  proper browser caching, and compress the contents sent.

Errors

Webpage error details


User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; Creative AutoUpdate v1.40.01)

Timestamp: Wed, 16 Mar 2011 23:30:02 UTC



Message: Object doesn't support this property or method

Line: 4821

Char: 5

Code: 0

URI: http://www.john-lorenz.com/public/js/3rd_party/prototype.js



Message: Object doesn't support this property or method

Line: 24

Char: 464

Code: 0

URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js



Message: Object doesn't support this property or method

Line: 24

Char: 464

Code: 0

URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js


************************************************************************************************


Webpage error details


User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; Creative AutoUpdate v1.40.01)

Timestamp: Wed, 16 Mar 2011 23:30:23 UTC



Message: Object doesn't support this property or method

Line: 4821

Char: 5

Code: 0

URI: http://www.john-lorenz.com/public/js/3rd_party/prototype.js



Message: Object doesn't support this property or method

Line: 24

Char: 464

Code: 0

URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js



Message: Object doesn't support this property or method

Line: 24

Char: 464

Code: 0

URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js


***************************************************************************************************


Webpage error details


User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; Creative AutoUpdate v1.40.01)

Timestamp: Wed, 16 Mar 2011 23:30:41 UTC



Message: Object doesn't support this property or method

Line: 4821

Char: 5

Code: 0

URI: http://www.john-lorenz.com/public/js/3rd_party/prototype.js



Message: Object doesn't support this property or method

Line: 24

Char: 464

Code: 0

URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js



Message: Object doesn't support this property or method

Line: 24

Char: 464

Code: 0

URI: https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js

najaru_1 · March 18, 2011

very very good skin.

just in chat there is a little error.

i have change chat.css with this

/* Navigation */

#chat-tab-bar {

	background: #192b40 url({style_images_url}/_custom/sidebar_header.jpg) -41px repeat-x;

	font-size: 0.95em;

	border-bottom: 5px solid #000000;

	padding-left: 10px;

	height: 31px;	

}


	#chat-tab-bar ul li, #chat-tab-bar ul li a {

		color: #9bb2c8;

		text-decoration: none;

	}


	#chat-tab-bar ul li {

		font-size: 0.95em;

		padding: 8px 8px;

		margin-left: 6px;

	}


		#chat-tab-bar ul li.active {

			background: #000000;

			font-size: 1.05em;

			font-weight: bold;

			padding: 0;			

			margin: -4px 0px auto 5px;

			position: relative;		

		}


		#chat-tab-bar ul li.active a {

			background: #000000;

			padding: 10px 15px 10px 10px;

			margin-left: 6px;

			display: block;

			color: #FFF;

		}


	#chat-tab-bar ul li a {

		color: #9bb2c8;

		text-decoration: none;

	}


.chat-private-message {

	background-color: #eef3f8;

	border: 1px solid #d5dde5;

	padding: 4px;

}

Invision Community 4: SEO, prepare for v5 and dormant account notifications

Invision Community 5: Beta testing and latest updates

Invision Community 4: A more professional report center

Invision Community 5: A video walkthrough creating a custom theme and homepage

Download: Esquire (FREE!)

Recommended Posts

Tom Christian

Tom Christian

Planetby

Planetby

Tom Christian

Planetby

Guest N i c k

Planetby

ThunderBlue

Tom Christian

ThunderBlue

Tom Christian

ThunderBlue

Reagan2791

Reagan2791

R1-Limited

Tom Christian

R1-Limited

R1-Limited

R1-Limited

R1-Limited

R1-Limited

Geoffro73

R1-Limited

najaru_1

Archived

Recently Browsing 0 members

More