Jump to content

Download: Grunge v2.0.2 [IPB 3.1.1]

Taylor J

By Taylor J
in Marketplace

Recommended Posts

Taylor J Enthusiast

Taylor J

Posted
Posted

index.php?app=downloads&module=display&s


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

Link to comment
Guest

Guest

Posted
Posted

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 :)

Link to comment
Taylor J Enthusiast

Taylor J

Posted
  • Author
Posted

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!
Link to comment
Guest

Guest

Posted
Posted

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?

Link to comment
Tony.M Enthusiast

Tony.M

Posted
Posted

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..

post-157757-017197300 1275949643_thumb.g


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;

	}

Link to comment
Taylor J Enthusiast

Taylor J

Posted
  • Author
Posted

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..



post-157757-017197300 1275949643_thumb.g


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.
Link to comment
Barlee Apprentice

Barlee

Posted
Posted

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..

Link to comment
Taylor J Enthusiast

Taylor J

Posted
  • Author
Posted

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.
Link to comment

Archived

This topic is now archived and is closed to further replies.

Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
Invision Community © 2024 IPS, Inc.
×
×
  • Create New...