Install A Counter-Strike Server On Android

[vc_row][vc_column width=”2/3″][vc_separator][venera_framed_image content_type=”video” css_animation=”appear” frame_type=”browser” slider_engine=”flexslider” video_link=”https://www.youtube.com/watch?v=3-0atIGgsXE” browser_url=”https://www.youtube.com/watch?v=3-0atIGgsXE”][vc_separator][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_tabs][vc_tab title=”About This Project” tab_id=”1402713028-1-395270-7c72″][vc_column_text]

My favorite first-person shooter game growing up was Counter-Strike. Now this nostalgic game has been portablized. So in this episode, I show you how to install a Counter-strike server on an Android device.

[/vc_column_text][/vc_tab][vc_tab title=”Installation” tab_id=”1402713028-2-395270-7c72″][vc_column_text]

How To Install

The portable Counter-Strike initiative isn’t backed by the original distributors of the game, so it isn’t supported by Valve or the original Counter-Strike creators. So to grab the unsupported portable version of the game, you need to go to CS-portable.com. Across the top of the menu, you’ll see links to download the portable version, or to even play online. Keep in mind, though, that the online version can’t network with the portable versions.

Counter-Strike Logo

iOS Devices

Installing CS portable on iOS devices is considerably more difficult than Android devices because of Apple’s strict App approval procedures. But here’s the basic procedure:

  1. Download a jailbreaking tool such as GreenPoison that matches the iOS version that you have installed (current version is 5.1.1).
  2. Jailbreak your iOS device and install cydia using these steps.
  3. Inside of Cydia, you need to install Installous. Here’s a nice guide to help you do that.
  4. Now you can use Installous to download and install CS portable. Here are a couple of guides to help out with that: [Guide 1] [Guide 2]

Android Devices

For Android devices, the process is much simpler.

  1. In the settings of your android device, make sure that your applications are set to allow unknown sources.
  2. Now you can download the CS-portable APK file for android to your computer and use a method, such as Dropbox to transfer it to your device.
  3. Using a file browser/explorer, find and open up the CS-portable APK file

Now you should just be able to open it up like a regular App and start playing!


[/vc_column_text][/vc_tab][vc_tab title=”Important Links” tab_id=”1402713403419-2-15270-7c72″][vc_column_text]

Help support my channel: http://www.patreon.com/tinkernut Follow Tinkernut! Google + Facebook Twitter

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row]

Cool Geek Stuff – May 16th, 2012

Cool geek stuff for the week of May 16th, 2012
VIEW AND VOTE FOR YOUR FAVORITE LINKS!
http://www.tinkernut.com/tinkernerdz

Tutorial of the week:
http://www.youtube.com/watch?v=rY6byKbAgGQ
Install the Android OS on a PC using VirtualBox

Game of the week:
http://www.realmofthemadgod.com/
Realm of the Mad God is a massively co-op 16-bit action RPG that drops you into the thick of the fight in a world overwhelmed by monsters

Cool Site of the week:
http://www.youtubedisco.de/
Mix and Remix Youtube videos and become your own internet VJ!

Make A Simple Responsive Website

[vc_row][vc_column width=”2/3″][vc_separator][venera_framed_image content_type=”video” css_animation=”appear” frame_type=”browser” slider_engine=”flexslider” video_link=”https://www.youtube.com/watch?v=RSoWg29wPVc” browser_url=”https://www.youtube.com/watch?v=RSoWg29wPVc”][vc_separator][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_tabs][vc_tab title=”About This Project” tab_id=”1402713028-1-39e9a4-2f88123b-77946048-92947b1b-34c3″][vc_column_text]

A responsive website is a website that changes it’s size and shape so that it can be viewed properly on any device. This is a tutorial that shows you the steps on how to make your own responsive website. Before jumping in, it’s best to watch my beginners guide to HTML and CSS at the links below.

[/vc_column_text][/vc_tab][vc_tab title=”Code” tab_id=”1402753910272-3-8123b-77946048-92947b1b-34c3″][vc_button title=”View sample Site” target=”_blank” icon=”none” size=”btn-huge” href=”http://tinkernut.com/demos/315_responsive/index_responsive.html”][vc_column_text]

How Does A Responsive Website Work?

A new addition to CSS3 is an element called a Media query, so if you haven’t already, take a look at my CSS tutorial before continuing. A media query allows CSS code to be executed only when certain constraints are met. For instance, you can set the media query to turn the background color of the webpage blue only when the browser size is 480px. So using media queries, you can have several different sets of CSS for your website that can be activated for many different devices or any browser sizes.


How To Create Media Queries

Media Queries are elements of CSS3, so they go in the CSS portion of your webpage. Normally the CSS is located in the header using style tags. To create a media query, just add the code below to your CSS:

<style>
@media {
}
</style>

Then after the @media declaration, you can set the parameters you want to target, such as browser size or device size. For browsers, you can use the max-width attribute. For devices, you can use the max-device-width attribute. To set the media parameters in between a maximum value and a minimum value, you can use both the max-width and min-width attributes within the same parameter.

<style>
@media screen and (max-width:480px){
}
</style>

This is an example of a max and min parameter:

<style>
@media screen and (max-width:800px) and (min-width: 480px){
}
</style>

The only thing left to do now is to add your own custom CSS code in between the curly brackets. The CSS can be minimal changes, or you can completely change the design and makeup of the entire site. How much or how little is completely up to you.

<style>
@media screen and (max-width:480px) {
     div.main{
	width:300px;
     }
     div.row2col1{
	font-size:0.5em;
     }
     img{
	width: 250px;
     }
     p.welcome {
	font-size:0.8em;
     }
     p.content {
	font-size:0.7em;
     }
					
}
</style>


Sample Website Code

Below is a finished copy of the webpage code used in the video:

<html>
	<head>
		<title>My Data</title>
		<style>
			b{
			color:#000000;
			}
			a{
			text-decoration:none;
			color:grey;
			}
			img{
			display:block;
			margin:auto;
			}
			p.welcome {
				text-align:center;
				font-family: “verdana”;
				font-size:1.875em;
				color:white;
				font-style:bold;				
			}
			p.content {
				font-family: “verdana”;
				font-size:1em;
				color:white;
				font-style:italic;				
			}
			div.main{
				width:50%;
				margin:auto;
				background:#251111;
			}
			div.row1{
			width:100%;
			}
			div.row2{
			width:100%;
			}
			div.row2col1{
				float:left;
				margin:0;
				padding:1em;
				color:white;
			}
			div.row2col2{
				margin-left:25%;
				background-color:#0A1616;
				padding:1em;
				border:15px solid #251111;
			}
			body{
				background-color:#393635;
				color:white;
			}
			@media screen and (max-width:480px) {
					div.main{
						width:300px;
					}
					div.row2col1{
						font-size:0.5em;
					}
					img{
						width: 250px;
					}
					p.welcome {
						font-size:0.8em;
					}
					p.content {
						font-size:0.7em;
					}
					
			}
			@media screen and (max-width:800px) and (min-width: 480px) {
					div.main{
						width:600px;
					}
					div.row2col1{
						font-size:0.7em;
					}
					img{
						width: 400px;
					}
					p.welcome {
						font-size:1em;
					}
					p.content {
						font-size:0.8em;
					}
					
			}
		</style>
	</head>
	<body>		
		<div class="main">
			<div class="row1">
				<img src="logo.jpg"/>
			</div>
			<div class="row2">
				<div class="row2col1">
					Navigation
					<hr align="left" width=75%>						
						<ul>
							<li><a href="about.html">About Me</a></li>
							<li><a href="http://www.google.com">Google</a></li>
						</ul>
				</div>
				<div class="row2col2"><p class="welcome" >Welcome to my data page!</p><p class="content" >This page is a work in progress that will eventually show places for data input, as well as data recall. Check back here for updates and more information! Thanks for visiting!</p>
				</div>
			</div>

		</div>
		
	</body>
</html>



[/vc_column_text][/vc_tab][vc_tab title=”Important Links” tab_id=”1402753981900-3-10123b-77946048-92947b1b-34c3″][vc_column_text]

Important Links:

Help support my channel:

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row]

Install Smartphone Apps In Windows



Play, use and backup your apps to your PC using the Bluestacks android emulator. This video shows you how to set up and use it as well as some simple hacks to get the most out of Bluestacks.

Links used in this video:
Bluestacks – http://bluestacks.com
Android Market apk – http://forum.xda-developers.com/showthread.php?t=1298332
Increase storage size – http://forum.xda-developers.com/showpost.php?p=18432723&postcount=33

Partner Project 13: Mobile Apps

In part 13 of the Partner Project, we discuss different options for making your website or Youtube channel mobile by showing you paid and free options for making mobile apps for your content.

For those interested in coding your own apps from scratch, here’s the links to the individual developer portals for each phone:

For Apple: http://developer.apple.com/ ($99)
For Windows Phone 7: http://create.msdn.com/en-US/ ($99)
And forJava Phones (which is essentially all dumb phones): http://www.oracle.com/technetwork/java/index-jsp-135888.html ($0)
And here’s the free App creator programs available:
AppInventor (Android): http://info.appinventor.mit.edu
Andromo (Android): http://www.andromo.com – splits add revenue with you 50/50
AppMakr (Android, iOS, WP7): http://www.appmakr.com
Conduit (All Smartphone Platforms): http://mobile.conduit.com – splits add revenue with you after your app becomes popular
If you’re using the app for a Youtube channel, here’s an extra tips to help you along:
To embed your Youtube Channel as an RSS feed, use this format:
feed://gdata.youtube.com/feeds/users/YOUR_CHANNEL/uploads
Where YOUR_CHANNEL is the name of your Youtube channel.

How To Hack The Nook Color

<center></center>

Take a Nook Color from Barnes & Nobel and turn it into a super-tablet with some pretty amazing features.

https://launchpad.net/win32-image-writer
http://mrm3.net/nook-color-updated-clockwork-recovery-bootable-sd
http://wiki.cyanogenmod.com/wiki/Latest_Version

Make Free Calls With Your Smartphone




If you have a smartphone, you no longer need to pay for data AND voice minutes. This video will show you how to make calls for free using Google Voice.

http://voice.google.com
http://www.sipgate.com
http://www.voxox.com
http://www.ipkall.com
http://www.appbrain.com/app/sipdroid/org.sipdroid.sipua
http://www.cyrket.com/p/android/com.xinlu.gvdial/

Instructions for iPhone:
http://www.hutsby.net/2010/02/howto-iphone-sip-isipsimple-and-sipgate.html

Proxy Instructions: