Download: Grunge v2.0.2 [IPB 3.1.1]

Taylor J · June 3, 2010

File Name: Grunge v2.0.2 [IPB 3.1.1]
File Submitter: TheRevTastic
File Submitted: 02 Jun 2010
File Updated: 18 Jun 2010
File Category: Dark Skins

Grunge is a sleek gray and orange skin. It was made for people that want a nice looking style for their site that is very easy to customize and to use. This is a IPB 3.1.0 Skin by IPBoardThemes.

Extra Information: This skin has only been skinned for IP.Board. Blog, Gallery, and Downloads version of this skin will be coming soon. This style comes with all psd's needed to customize the banner etc.

Click here to download this file

Olivier Turbis · June 3, 2010

Cool one!

demoneyezer · June 3, 2010

Thank you ! :thumbsup:

Taylor J · June 3, 2010

Cool one!

Thanks!

Thank you ! :thumbsup:

Don't forget if you spot any bugs or anything I missed while skinning to post them here!

June 4, 2010

Thanks for updating this. :)

Taylor J · June 4, 2010

I have spotted a couple of things I have missed, will update it to 2.0.1 in the next couple of days.

I should seriously start making a check list for these things xD.

June 4, 2010

This skin is beautiful. The only problem i saw right away was the Members status on the sidebar. The background of them is bright and so is the text.

Great theme though, i checked your website, are you in the process of creating it? Also the installation html file, links to /forums/ so gives an error :)

Taylor J · June 4, 2010

This skin is beautiful. The only problem i saw right away was the Members status on the sidebar. The background of them is bright and so is the text.

Great theme though, i checked your website, are you in the process of creating it? Also the installation html file, links to /forums/ so gives an error :)

Thanks for the feedback, and yeah thats one of the things I saw I missed, forgot to turn it on while skinning :P.

Yes me and my partner are still creating the site, in the readme file I forgot it linked to /forums, we moved the forums to our sites public_html (root). Once we get Light Speed upgraded we will probably be done with making the site.

Thanks again for the feedback, will finish up some stuff that i missed today!

June 5, 2010

Yeah, I noticed those things you missed.

Taylor J · June 6, 2010

Grunge v2.0.1 is now out, it fixes some things I had missed, such as some sidebar things, sidebar open and close button, and a couple of other things.

Download now for the fix!

June 7, 2010

Looking good still, on a side note the chatroom is near unreadable on this skin :) The chat background is very light as is the text, just a heads up :)

Any chance of putting in a colour request for another skin?

Tony.M · June 7, 2010

Looking good still, on a side note the chatroom is near unreadable on this skin :) The chat background is very light as is the text, just a heads up :)

Any chance of putting in a colour request for another skin?

If you want you can use what I did..

Here is the CSS:



#ipschat {

	overflow: hidden;

	position: relative;

	padding: 10px;

	background: #333;

	border: 1px solid #444;

}


#chat-container {

	margin-right: 200px;

}




#chat-controls {

	/*position: absolute;*/

	height: 32px;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 6px 10px;

}


#scrollbar_container {

	position: relative;

	/*width: 960px;*/

} 


#messages-display {

	overflow: auto;

	/*width: 945px;*/

	margin-left: 0px;

	height: 350px;

	border: 1px solid #444;

	margin-bottom: 4px;

	background: #222;

}


.messages-list label {

	width: 100px;

	display: block;

	min-width: 100px;

	float: left;

	font-weight: bold;

	margin-right: 5px;

	text-align: right;

}


.messages-list li {

	/*border-top: 1px solid #D3D3D3;*/

	border-bottom: 1px solid #444;

	padding: 4px;

	font-size: 12px;

	overflow: auto;

}


.messages-list div {

	padding-left: 5px;

	margin-left: 103px;

	border-left: 1px solid #444;

}


/*#chat-container, #chat-online {

	float: left;

}*/


#chat-submit {

	vertical-align: top;

	position: absolute;

	right: 15px;

	top: 20px;

}


#chat-form {

	border: 1px solid #444;

	border-bottom-width: 4px;

	padding: 4px;

	background: #222;

	position: relative;

}


#ipboard_body #editor_message {

	margin: 0px;	

	margin-right: 150px;

	border: 0;	

}


	#ipboard_body #editor_message textarea {

		height: 40px;

		width: 99.7%;

		resize: none; /* disables the grip on safari */

		outline: 0; /* disables the 'halo' */

	}


	#ipboard_body #editor_message .toolbar {

		padding: 0;

	}


#chat-submit {

	height: 45px;

	padding: 0 15px;

	float: right;

}


.chat-me {

	font-style: italic;

	background-color: #111;

}


.messages-list li.chat-time {

	font-size: 11px;

	font-weight: bold;

	color: #bbb;

}


.messages-list li.chat-system {

	font-weight: bold;

	color: #fff;

	background: #e99310;

	padding: 6px 20px;

}


.chat-message {


}


.chat-myown {

	background-color: #252525;

}


.chat-notice {

	background-color: #353535;

}


.chat-moderator {

	background-color: #e99310;

}


ul.kickmenu {

	background: #000;

	border: 1px solid #666;

	margin-top: 0px;

	width: 170px;		

	float: right;

	z-index: 10000;

}


	ul.kickmenu li {

		padding: 1px;

		float: none;

	}


	ul.kickmenu a {

		color: #e99310;

		text-decoration: none;

		padding: 4px 4px 4px 4px;

		display: block;

		font-size: 11px;

	}


		ul.kickmenu a:hover {

			background: #333;

			color: #bbb;

		}


#chatters-online-wrap {

	overflow: auto;

	height: 370px;

	min-height: 370px;

	bottom: 30px;

}


#chatters-online {

	list-style: none;

	padding: 5px;

}


	#chatters-online li {

		padding-bottom: 3px;

		padding-top: 3px;

		border-bottom: 1px solid #444;

		height: 30px;


	}


/*	#chatters-online .photo {

		float: left;

	}


		#chatters-online .names {

			margin-left: 34px;

		}*/


#chat-online {

	position: absolute;

	top: 10px;

	right: 10px;

	width: 185px;

	background: #252525;

}

	#chat-online h3 {

		margin: 0;

	}


#initial_message {

	display: block;

	padding: 15px;

	color: #999;

	font-style: italic;

}


/* Kill the loading bar at the top */


#ipboard_body #ajax_loading {

	display: none;

}


#emoticons_custom_menu_menucontent {

	border: 1px solid #444;

	height: 400px;

	width: 200px;

	overflow: auto;

}


.chat-photo {

	width: 30px;

	max-width: 30px;

	min-width: 30px;

	height: 30px;

	min-height: 30px;

	max-height: 30px;

	display: inline-block;

	text-align: center;

}


#iframeContainer {

	left: 5000px;

	display: none;

}


/* Navigation */

#chat-tab-bar {

	background: url({style_images_url}/row_b.png) bottom repeat-x;

	font-size: 0.95em;

	padding-left: 10px;

	height: 31px;	

	margin: 0;

}


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

		color: #000;

		text-decoration: none;

				background: transparent url({style_images_url}/tab_right.png) no-repeat top right;

		padding: 6px 13px 6px 8px;

			margin-left: 6px;

			display: block;	

	}


	#chat-tab-bar ul li {

		background: transparent url({style_images_url}/tab_left.png) no-repeat top left;

		font-size: 1.0em;

		font-weight: bold;

		padding: 0;			

			margin: 2px 0px auto 0px;

	}


		#chat-tab-bar ul li.active {

			background: transparent url({style_images_url}/tab_left2.png) no-repeat top left;

			/*	font-size: 1.05em;

		font-weight: bold;*/

			padding: 0;			

			margin: 2px 0px auto 0px;

			position: relative;	

		}


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

			background: transparent url({style_images_url}/tab_right2.png) no-repeat top right;

			padding: 6px 13px 6px 8px;

			margin-left: 6px;

			display: block;	

			color: #000 !important;		

			text-shadow: #c7d076 0px 1px 0px;

		}


	#chat-tab-bar ul li a {

		color: #000;

		text-decoration: none;

	}


.chat-private-message {

	background-color: #151515;

	border: 1px solid #e99310;

	padding: 4px;

}


	.chat-private-message textarea {

		height: 45px;

		width: 300px;

	}


	.chat-private-message input {

		float: right;

		height: 48px;

		padding: 0 15px;

	}

Taylor J · June 8, 2010

Looking good still, on a side note the chatroom is near unreadable on this skin :) The chat background is very light as is the text, just a heads up :)

Any chance of putting in a colour request for another skin?

As of now no, I might release a slightish red version that I have been working on for a machinima site though.

If you want you can use what I did..

Here is the CSS:



#ipschat {

	overflow: hidden;

	position: relative;

	padding: 10px;

	background: #333;

	border: 1px solid #444;

}


#chat-container {

	margin-right: 200px;

}




#chat-controls {

	/*position: absolute;*/

	height: 32px;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 6px 10px;

}


#scrollbar_container {

	position: relative;

	/*width: 960px;*/

} 


#messages-display {

	overflow: auto;

	/*width: 945px;*/

	margin-left: 0px;

	height: 350px;

	border: 1px solid #444;

	margin-bottom: 4px;

	background: #222;

}


.messages-list label {

	width: 100px;

	display: block;

	min-width: 100px;

	float: left;

	font-weight: bold;

	margin-right: 5px;

	text-align: right;

}


.messages-list li {

	/*border-top: 1px solid #D3D3D3;*/

	border-bottom: 1px solid #444;

	padding: 4px;

	font-size: 12px;

	overflow: auto;

}


.messages-list div {

	padding-left: 5px;

	margin-left: 103px;

	border-left: 1px solid #444;

}


/*#chat-container, #chat-online {

	float: left;

}*/


#chat-submit {

	vertical-align: top;

	position: absolute;

	right: 15px;

	top: 20px;

}


#chat-form {

	border: 1px solid #444;

	border-bottom-width: 4px;

	padding: 4px;

	background: #222;

	position: relative;

}


#ipboard_body #editor_message {

	margin: 0px;	

	margin-right: 150px;

	border: 0;	

}


	#ipboard_body #editor_message textarea {

		height: 40px;

		width: 99.7%;

		resize: none; /* disables the grip on safari */

		outline: 0; /* disables the 'halo' */

	}


	#ipboard_body #editor_message .toolbar {

		padding: 0;

	}


#chat-submit {

	height: 45px;

	padding: 0 15px;

	float: right;

}


.chat-me {

	font-style: italic;

	background-color: #111;

}


.messages-list li.chat-time {

	font-size: 11px;

	font-weight: bold;

	color: #bbb;

}


.messages-list li.chat-system {

	font-weight: bold;

	color: #fff;

	background: #e99310;

	padding: 6px 20px;

}


.chat-message {


}


.chat-myown {

	background-color: #252525;

}


.chat-notice {

	background-color: #353535;

}


.chat-moderator {

	background-color: #e99310;

}


ul.kickmenu {

	background: #000;

	border: 1px solid #666;

	margin-top: 0px;

	width: 170px;		

	float: right;

	z-index: 10000;

}


	ul.kickmenu li {

		padding: 1px;

		float: none;

	}


	ul.kickmenu a {

		color: #e99310;

		text-decoration: none;

		padding: 4px 4px 4px 4px;

		display: block;

		font-size: 11px;

	}


		ul.kickmenu a:hover {

			background: #333;

			color: #bbb;

		}


#chatters-online-wrap {

	overflow: auto;

	height: 370px;

	min-height: 370px;

	bottom: 30px;

}


#chatters-online {

	list-style: none;

	padding: 5px;

}


	#chatters-online li {

		padding-bottom: 3px;

		padding-top: 3px;

		border-bottom: 1px solid #444;

		height: 30px;


	}


/*	#chatters-online .photo {

		float: left;

	}


		#chatters-online .names {

			margin-left: 34px;

		}*/


#chat-online {

	position: absolute;

	top: 10px;

	right: 10px;

	width: 185px;

	background: #252525;

}

	#chat-online h3 {

		margin: 0;

	}


#initial_message {

	display: block;

	padding: 15px;

	color: #999;

	font-style: italic;

}


/* Kill the loading bar at the top */


#ipboard_body #ajax_loading {

	display: none;

}


#emoticons_custom_menu_menucontent {

	border: 1px solid #444;

	height: 400px;

	width: 200px;

	overflow: auto;

}


.chat-photo {

	width: 30px;

	max-width: 30px;

	min-width: 30px;

	height: 30px;

	min-height: 30px;

	max-height: 30px;

	display: inline-block;

	text-align: center;

}


#iframeContainer {

	left: 5000px;

	display: none;

}


/* Navigation */

#chat-tab-bar {

	background: url({style_images_url}/row_b.png) bottom repeat-x;

	font-size: 0.95em;

	padding-left: 10px;

	height: 31px;	

	margin: 0;

}


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

		color: #000;

		text-decoration: none;

				background: transparent url({style_images_url}/tab_right.png) no-repeat top right;

		padding: 6px 13px 6px 8px;

			margin-left: 6px;

			display: block;	

	}


	#chat-tab-bar ul li {

		background: transparent url({style_images_url}/tab_left.png) no-repeat top left;

		font-size: 1.0em;

		font-weight: bold;

		padding: 0;			

			margin: 2px 0px auto 0px;

	}


		#chat-tab-bar ul li.active {

			background: transparent url({style_images_url}/tab_left2.png) no-repeat top left;

			/*	font-size: 1.05em;

		font-weight: bold;*/

			padding: 0;			

			margin: 2px 0px auto 0px;

			position: relative;	

		}


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

			background: transparent url({style_images_url}/tab_right2.png) no-repeat top right;

			padding: 6px 13px 6px 8px;

			margin-left: 6px;

			display: block;	

			color: #000 !important;		

			text-shadow: #c7d076 0px 1px 0px;

		}


	#chat-tab-bar ul li a {

		color: #000;

		text-decoration: none;

	}


.chat-private-message {

	background-color: #151515;

	border: 1px solid #e99310;

	padding: 4px;

}


	.chat-private-message textarea {

		height: 45px;

		width: 300px;

	}


	.chat-private-message input {

		float: right;

		height: 48px;

		padding: 0 15px;

	}

Thanks! I will probably use it as I didn't have chat activated, I was planning on coding that, blogs, gallery, etc when I bought them :P.

Tony.M · June 8, 2010

Thanks! I will probably use it as I didn't have chat activated, I was planning on coding that, blogs, gallery, etc when I bought them :P.

If you want, I have a test forum so I can let you use it

Taylor J · June 8, 2010

Thanks for the offer, but my friend has been offering the same thing for awhile, I have just been to lazy to make an account and import the skins on his test board xD.

I should have the addons skinned in a couple of days or so.

Barlee · June 14, 2010

HI

Great Skin, thank you very much, however how can i sort out this IE8 Issue. The quotes are coming up as a light grey text on white background.

http://www.supersupporter.co.za/index.php?/topic/80-a-serious-question/

I have tried to find the CSS but with no luck. CAn you point me in the right direction..many thanks in advance..

Taylor J · June 17, 2010

HI

Great Skin, thank you very much, however how can i sort out this IE8 Issue. The quotes are coming up as a light grey text on white background.

http://www.supersupporter.co.za/index.php?/topic/80-a-serious-question/

I have tried to find the CSS but with no luck. CAn you point me in the right direction..many thanks in advance..

It seems that you are using the IP.Board 3.0.5 version of this skin on IP.Board 3.1.0. Download this skin and re-import it.

All other bugs pointed out so far that have not been fixed should be fixed in next skin version which will also be usable on 3.1.1. I have been busy with real life situations so I have not had time to upgrade/fix skin bugs. Skinning the ip addons will come at a later date.

Taylor J · June 19, 2010

Skin has been updated to version 2.0.2 which has also been upgraded to work with IP.Board 3.1.1.

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: Grunge v2.0.2 [IPB 3.1.1]

Recommended Posts

Taylor J

Olivier Turbis

demoneyezer

Taylor J

Guest

Taylor J

Guest

Taylor J

Guest

Taylor J

Guest

Tony.M

Taylor J

Tony.M

Taylor J

Barlee

Taylor J

Taylor J

Archived

Recently Browsing 0 members

More