Minimum System Requirements:

OS: Windows Vista or Windows 7
Processor: Core 2 Duo @ 2.0GHz
RAM: 2GB
Graphic card: DirectX 10 or 11 compatible Nvidia or AMD ATI card.
Graphics card memory: 512 MB
Hard drive: 15 GB for disc version or 10 GB for digital version

Recommended System Requirements:

OS: Windows 7 64-bit
Processor: Quad-core Intel or AMD CPU
RAM: 4GB
Graphics card: DirectX 11 Nvidia or AMD ATI card, GeForce GTX 460, Radeon Radeon HD 6850
Graphics card memory: 1 GB
Hard drive: 15 GB for disc version or 10 GB for digital version

My Battlefield 3 Gaming Machine

CPU / Processor:
AMD Phenom II X6 1090T Black Edition Thuban 3.2GHz
http://www.newegg.com/Product/Produc…82E16819103849

Motherboard:
GIGABYTE GA-990XA-UD3 AM3+ AMD 990X
http://www.newegg.com/Product/Produc…82E16813128510

Video Card:
SAPPHIRE 100315L Radeon HD 6850 1GB 256-bit GDDR5
http://www.newegg.com/Product/Produc…82E16814102908

with 8GB 1333 DDR3 memory and my current power supply / case which will fit the new components well.

Take the build found here in this article:
http://pc.mmgn.com/Articles/Building-A-PC-For-Battlefield-3

This build budget is $1000.

With the 3 components I have above I am at $445 with a promotional code (HARDOCPX817E) on the processor. This promotion ends TODAY – 8/23/11.

If I added on a Power Supply, HDD, CPU cooler, Case, DVD Drive, and memory:

OCZ ModXStream Pro 700W – $59.99 (After rebate) + Free Shipping
Western Digital WD5000AAKS 500GB – $49.99 + Free Shipping
ZALMAN CNPS10X Performa 120mm – $40.24 – Free Shipping
Rosewill CHALLENGER Black Gaming ATX Mid Tower Computer Case – $49.99 + $9.99 Shipping
Sony Optiarc CD/DVD Burner Drive – $19.99 + Free Shipping
G.SKILL Ripjaws Series 8GB (2 x 4GB) – $49.99 + Free Shipping

Total: $749 (Plus Tax)
Saved: $250!

Now whether you are looking to put together a new computer all together or just upgrade some components, this may be helpful to you.

1. Establish your price range – Sounds simple, but careful – you may find yourself stretching your boundaries reaching for some luxurious hardware.

2. Look for the deals – Always look for specials online for websites like Newegg.com and TigerDirect.com.

Promotional codes and coupons can be found online  as well from places like RetailMeNot.com or Google. It pays to be patient as well for some upcoming deals for PC components. Check combo deals as well online for Motherboards/CPU’s or GPU/CPU’s.

3. Check compatibility -  It is very important when picking out computer parts to make sure they are compatible with everything else you are getting or with what you are keeping in your system.

With Processors (CPU’s) you want to make sure your motherboard and CPU are both either Intel or AMD. For example my processor is “AMD Phenom II X6 1090T Black Edition” and my motherboard is “GIGABYTE GA-990XA-UD3 AM3+ AMD 990X.” Both are AMD. You also want to make sure that the motherboard accepts the CPU socket type of your processor. My CPU socket type is “Socket AM3” and if you look under details on my motherboard it says “CPU Socket Type: AM3+.” Your power supply must also have the power inputs that match your motherboard’s CPU power input. My motherboard has a 8 pin spot for the CPU and my power supply has that input.

You also want to make sure your motherboard is compatible with both the video card and memory you have. Most motherboards have multiple “PCI Express 2.0 x16″ inputs. You will need at least one for your video card and more than one if you plan on having other components that will use these inputs (sound card, 2nd video card, etc.) The video card must also have the same “Chipset Manufacturer” as the motherboard/CPU brand (Intel or AMD). You should also check if features that are available from your video card are possible through your motherboard, such as SLI and CrossfireX. If you are getting a video card for any games (Battlefield 3) make sure it is DirectX11 under 3D API DirectX.

Most memory online and in stores now is DDR3. If you are upgrading your motherboard you will need to make sure the memory you will have is a compatible speed and type.  If you look at “Memory Standard” under details for my motherboard it says “DDR3 2000(O.C.)/1866/1600/1333/1066.” So it is DDR3 and runs at those speeds – 2000 is “Over Clocked.” My memory is 8GB DDR3 1600MHz so it is compatible.

Here is my motherboard layout:

Enjoy building your new PC! Post your builds here or at BFGamerz!

Reign Water Design’s 5 Star Rating System

This was a very nice easy to use Javascript 5 star rating script. All I had to do was make some tweaks to my preference and add on some PHP/Mysql code to submit the rating.

See the demo or download this script.

To view the PHP source code, images, and everything together you must download this script.

Javascript:

Insert the following in the <head> tags of your page:

Javascript Source Code

<script type="text/javascript">
function insertParam(key, value)
{
    key = escape(key); value = escape(value);
    var kvp = document.location.search.substr(1).split("&");
    var i=kvp.length; var x; while(i--)
    {
        x = kvp[i].split("=");
        if (x[0]==key)
        {
                x[1] = value;
                kvp[i] = x.join("=");
                break;
        }
    }
    if(i<0) {kvp[kvp.length] = [key,value].join("=");}
    //this will reload the page, it's likely better to store this until finished
    document.location.search = kvp.join("&");
}
function alterDisplay(id){
	var dropdown = document.getElementById(id);
	if(dropdown.style.display == "none"){
		dropdown.style.display = "";
	} else {
		dropdown.style.display = "none";
	}
}
</script>
<script type="text/javascript" language="javascript" src="./scripts/ratingsys.js"></script>

CSS

You will need to include this in the <head> tags as well either in <style> tags or by <link>:

CSS Styles

#rateMe #rate_overlay {
	position:absolute;
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:30px;
	width:auto;
	background:#eee url(./images/star_overlay.gif) repeat-x;
	z-index:2;
}
#rateStatus{width:100px; height:20px;margin:2px 0 0 5px;font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold}
#rateMe{width:152px; height:50px; padding:0px; margin:0px; vertical-align:top; z-index:auto}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url(./images/star_on.gif) no-repeat;}
#rateMe a{float:left;background:url(./images/star_off.gif) no-repeat;width:30px; height:30px;cursor:pointer;}
#rateMe a:hover{background:url(./images/star_on.gif) no-repeat;}
#ratingSaved{display:none;}
.saved{color:red; }

Basically I took the script that Water’s made and changed a few things to the css styles, added an overlay for the current rating, and wrote a php script to insert rates and determine the current rating, etc. I also added the Javascript functions insertParam() and alterDisplay(). You do not need to use this function insertParam() to create the url, you can simply set the <a> tags to something like this:

Source code

<a href="./index.php?r=1" id="_1" title="Terrible" onmouseover="rating(this)" onmouseout="off(this)"></a>

The Javascript function alterDisplay() is used to hide and show the overlay <div> that holds the current rating (if there is one). So when you mouse over the rating bar holder it hides the overlay so you can rate.

The PHP script grabs the information from the Mysql table that you specify in the function. You will need to adjust the following values:

• $var – The column to base your mysql selection off of. Grab all rows where this column equals $id.
• $table – The table where the ratings are being held.
• $star_width – Width of the stars, default is 30px.

You will need to be connected to a MYSQL database before calling the rating bar function.

Since the syntax of the function is the following:

Rating Bar Syntax

function rating_bar($id);

You will need to supply the identifier ($id) which tells the PHP script which row to grab from the Mysql table.

To display the current rating after it has been rated on – because Javascript alone is not enough – I added an overlay <div> which will hold the current rating. This is done by setting the css style of this overlay div to the following:

Rate Overlay CSS Style

#rateMe #rate_overlay {
	position:absolute;
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:30px;
	width:auto;
	background:#eee url(./images/star_overlay.gif) repeat-x;
	z-index:2;
}

The position: aboslute and z-index: 2 style attributes make the div lay over top of the rateMe div which holds the rater and has a z-index: 1.

So to do this we use the function mysql_list_fields to grab the fields out of a table and run through them with a for loop until we find the one we are looking for – using the function mysql_field_name, in which case we return true. If we don’t find it, the function returns false.

<?php

function fieldExists($table,$field)
{

global $db; // DATABASE NAME
// This function is made to have a mysql connection previously established. You can pass the database name globally like this.

$tableFields = mysql_list_fields($db,$table);

for($i=0;$i<mysql_num_fields($tableFields);$i++){
// Run loop through fields.

if(mysql_field_name($tableFields, $i) == $field){
return true;
// We found the field we were looking for. Return true.
}

}
// No return otherwise, false.

}

?>

And it’s that easy!

So firstly, we need to create a new server in the Servers menu and a product in our Products and Services menu in WHMCS.

Assuming you have your WHMCS installed, go to the admin directory “whmcs/admin/” and login.

Under Setup go to Servers (if you don’t have a server already made) click Add New Server. You generally have one main server for the WHMCS you are using, but some larger companies and business/groups have multiple servers – VPS, Dedicated, etc. Here you need to fill in the information for your server. Below is an image of what mine looks like:

Depending on the software you are using you will need to select it in “Type” and input your connection username and password. You will then need to create at least one group for the server you just made. These groups are the different types of accounts that will be setup to run off of this server you select.

Then, under Setup go to Products/Services. If you don’t have any groups or products, click the add group/new product links to create a new group and a product inside that group. Set up whatever specific details you want for your new product. If it is hosting of some kind, or just a purchasable service, fill it out to its entirety.

Under the Module Settings tab, you will find the fields and inputs for setting up the cPanel and Cron Job properties. Below is an image of what my Product Module Settings looks like:

I use cPanel so that is my Module Name. Then you just select the server group you just made for your server.

Web Host Manager Settings

In your cPanel at the very bottom of the index (homepage) there is a link for your Web Host Manager (WHM). This is the software that cPanel uses for maintaining all of the hosting accounts you have on your server. You must set up your nameservers here that are used in the server you setup in WHMCS. You do this by clicking the “Basic cPanel & WHM Setup” link. You must also add the packages here that are the same titles you used when setting up the products and services in the Module Settings tab under “WHM Package Name.” Your WHMCS will run Cron jobs based off of these values so make sure they are correct.

Finally, we must set the Cron Jobs Settings in cPanel.

On your cPanel index page, towards the bottom there is a link for Cron Jobs.

1. Enter an email address for support on these accounts affected.
2. Enter the time interval for this Cron Job to be ran.
3. The Command is the address to your cron.php file in WHMCS.

My command line is something like so:

php -q /home/mysite/public_html/whmcs/admin/cron.php

This tells cPanel where to get the cron.php script from so it can run the automated jobs for your WHMCS services. Be sure to go through all the settings for the Product/Service you setup. There are a lot of features you may want on or off depending on what the service is.

And that’s it! Enjoy setting up endless hosting accounts, hands free!

What is a duplicate content page?

Duplicate content is content that is showing up on the Internet by multiple URLs. Another words, a page like aboutus.php might be coming with the same content as aboutus.php?do=send.

This causes some problems with search engines as far as determining which page the engine should use for query matches, page ranking, use of meta tags between the two versions, and just which one to include for their indices.

How do you avoid duplicate content?

Let’s say these are your pages that are coming with the same content:

Original source:
post.php?id=1.

Duplicate content pages:
post.php?id=1&lang=en
post.php?id=1&do=login

On post.php we can include a <link> tag that will reference to the original source so Search Engines gather the original correct information from the server, rather than trying to decide between the serveral duplicate pages.

Place in the <head> tags of post.php:

echo '<link href="./post.php?id='.((int)$_GET['id']).'" rel="canonical" />';

This will take the $id and put it into the URL as just post.php?id=$id. So any other URL parameters, such as lang=en, or do=login, will not be read as a duplicate page, but tell search engines to use the content of just post.php?id=$id.

If you do not need to use PHP and you just want the page to load a set content of just post.php then you would use the tag like so:

<link href="./post.php" rel="canonical" />

When using this method, you want to be sure that you are consistent throughout your website with your canonical URLs. If your canonical url is like: “http://www.bgallz.org/” then you want to use “www” in all of your URL references and tags for the domain.

Now, if you have pages that you do NOT want included in any search engine queries or crawled by search engine bots, then you want to use a META tag with “noindex, nofollow”.

To block a page from search engine indexes places the following in the <head> tags:

<meta name="robots" content="noindex, nofollow">

Walla!

Div Float Layout

Let’s say we want a page to look like this:

First I’m going to set up the CSS styles we will set our <div>’s to in the HTML to give this page the right look as far as padding, margins, borders, etc. Once we have all the styles defined we will call them to the DIV tags in our HTML like so: <div class=”CLASSNAME”>. Using the right float’s in the right order will place our DIVs in the right places to make this layout.

This will go in our <head> tags of the HTML page:

html, body, center {
padding: 0px;
margin: 0px;
height: 100%;
}
.header {
padding: 8px;
vertical-align: middle;
height: 80px;
background: #d60000;
}
.banner {
float: left;
border: 0;
vertical-align: middle;
width: 500px;
height: 60px;
}
.ads {
padding: 10px 0px;
float: right;
width: 300px;
height: 60px;
vertical-align: middle;
background: #ffb448;
}
.wrapper { /* Main page holder. */
padding: 10px;
width: 875px;
background: #fff;
height: 100%;
}
.page {
padding: 10px 0px;
width: 630px;
float: left;
height: 100%;
}
.top {
padding: 5px;
height: 40px;
background: #ff7c7c;
margin:0;
}
#boxes {
padding: 5px 0px;
}
.box {
width: 197px;
height: 197px;
padding: 3px;
margin: 3px;
background: #ffddaa;
float: right;
}
.rightside {
float: right;
text-align: center;
height: 100%;
padding: 10px 0px;
}
.nav {
padding: 5px;
background: #ccc;
width: 200px;
height: 100%;
min-height: 600px;
}
.content {
margin: 20px 0px;
width: 600px;
text-align: left;
}

Now we have to write the HTML to use these styles appropriately.

Here is our <body> HTML:

<body>
<center>
<div class="wrapper" align="center">
<div class="header">
<div class="ads">Ads Here</div>
<div class="banner">Banner Here</div>
</div>
<div align="center" class="rightside">
<div align="center" class="nav">Navigation</div>
</div>
<div class="page">
<div class="top">Content Here</div>
<div id="boxes">
<div class="box" id="3">Box 3</div>
<div class="box" id="2">Box 2</div>
<div class="box" id="1">Box 1</div>
</div>
<div class="content">
<p>Content Here, lots and lots of content here! Content Here, lots and lots of content here! Content Here, lots and lots of content here! Content Here, lots and lots of content here! Content Here, lots and lots of content here! Content Here, lots and lots of content here! Content Here, lots and lots of content here! Content Here, lots and lots of content here!Content Here, lots and lots of content here!</p>
<p>Content Here, lots and lots of content here!Content Here, lots and lots of content here!Content Here, lots and lots of content here!Content Here, lots and lots of content here!Content Here, lots and lots of content here!</p>
</div>
</div>
</div>
</center>
</body>

Take a look at the HTML in action here!

If you notice in the HTML the box’s are placed in descending order inside the “boxes” div ID. Since the box class is set to to the right:

.box {
float: right;
}

We put the boxes in descending order so that the HTML will read down the page and float the first one to the right, then the next, then the last. So it floats BOX3, then BOX2, then BOX1.

Using the float style property of DIV tags is really useful in making layouts because it does not require any real guidelines to follow as far as where it is on the page. This sounds a little wordy but basically with a combination of float, and position style attributes you can make your DIV’s go where ever you want.

So let’s say this is your mysql query:

$sql = mysql_query("SELECT * FROM table1") or die(mysql_error());

So this will grab everything from table1.

If we have a lot of rows in this table this is going to return all of them, so we need to make a pagination for all the rows returned. This requires modifying the query and adding some variables. I like to have the PER_PAGE,OFFSET, and PAGE_NUM variables defined so you can use them globally in every class and function, however you may not want the same values throughout so declare them as you wish.

Here is the header PHP for definitions:

// === START Pagination definitions === //
$pgNperPage=15;
$pgNpageNum=1;
if(isset($_GET["p"])){
$pgNpageNum=(int)$_GET["p"];
}
$pgNoffset = ($pgNpageNum - 1) * $pgNperPage;
// definitions
define("SITE_URL","http://mysite.com/",true);
define("PER_PAGE",$pgNperPage,true);
define("OFFSET",$pgNoffset,true);
define("PAGE_NUM",$pgNpageNum,true);
// === END Pagination definitions === //

So we have to modify the query we use in $sql to include a limit with the offset and per page values used. I have made a pagination function which will do everything for me. We’ll pass the query along with some parameters through this function to output the new query and the pagination HTML.

Here is the function syntax:

pagination($query,$pageNum,$perpage,$sortable,$cat="",$sort="",$headers="",$pageL="");

Function Paremeters:

• $query – The original query to use for the Mysql. i.e. “SELECT * FROM table1″. (No ORDER BY or LIMIT).
• $pageNum – Current page number.
• $perpage – Per page integer value.
• $sortable – Array of sortable fields in mysql table to order the results by.
• $cat – What is being paginated. i.e. (Users, videos, comments, etc.) [Optional]
• $sort – Field in Mysql table to sort it by. Default in the function definition is “timestamp” – usually used for date. [Optional]
• $headers – Additional URL headers besides the sort and page number. i.e. “&g=bf-2142″ (Start with & not ?) [Optional]
• $pageL – Pagination letter. Useful if you have multiple paginations on one page. i.e. “cp”. (Default is p.) [Optional]

Here is the pagination function definition:

function pagination($query,$pageNum,$perpage,$sortable,$cat="",$sort="",$headers="",$pageL=""){
$pagination = array();
$paginationDetails = "";
$adjacents = 3;
if(!$perpage){
$perpage = 15; // default
}
if($cat){
$cat = " ".$cat."";
}
$pageNum = (int)$pageNum;
if(!$pageNum){
$pageNum=1;
}
if(!$pageL){
$pageL="p";
}
$pgNoffset = ($pageNum - 1) * $perpage;

if(isset($_GET['dsc']) && $_GET['dsc'] != ""){
$dsc = "DESC";
$urldsc = "&dsc=1";
} else {
$dsc = "";
$urldsc = "";
}
if(is_array($sortable)){
if(in_array($sort,$sortable)){
$sort = trim($sort);
} else {
$sort = "";
}
}
if($sort){
$order_by = "ORDER BY ".$sort." ".$dsc."";
} else {
$order_by = "";
}
$limit = "LIMIT ".$pgNoffset.",".$perpage."";
$queryNew = $query.' '.$order_by.' '.$limit;
$pagination[] = $queryNew;
if(strpos($_SERVER["REQUEST_URI"],"?")){
$pos = strpos($_SERVER["REQUEST_URI"],"?");
} else {
$pos = strlen($_SERVER["REQUEST_URI"]);
}
$pageURL = substr($_SERVER["REQUEST_URI"],0,$pos);

$pageURL .= "?sort=".$sort."";
$pageURL .= "&dsc=".$dsc."";
$pageURL .= $headers;

$sql = mysql_query($queryNew) or die(mysql_error());
$count = mysql_num_rows($sql);
if($count > 0){
$totalQuery = mysql_query($query) or die(mysql_error());
$totalCount = mysql_num_rows($totalQuery);
$total = ceil($totalCount / $perpage);
$pm1 = $total - 1;
$paginationDetails .= '<p>
<table width="100%" align="center" border="0" cellpadding="2" cellspacing="1"><tr>
<td align="left"><div>Displaying '.$count.' of '.$totalCount.$cat.'.</div></td>
<td align="right">
<table border="0" align="right" cellpadding="2" cellspacing="1" width="100%"><tr>
<td>Page '.$pageNum.' of '.$total.'</td>';
if($pageNum > 1){
// previous button
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.(PAGE_NUM - 1).'">&lsaquo; Prev</a></td>';
}
// conditionals for breaking up the pages
if($total < 7 + ($adjacents*2)){
// not enought to break up
for($page=1;$page<=$total;$page++){
if($page == $pageNum){
$paginationDetails .= '<td align="center">'.$page.'</td>';
} else {
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.$page.'">'.$page.'</a></td>';
}
}
}
else if($total > 5 + ($adjacents*2)){
// enought to hide some
if($pageNum < 1 + ($adjacents*2)){
// hide later pages
for($page=1;$page<5+($adjacents*2);$page++){
if($page == $pageNum){
$paginationDetails .= '<td align="center">'.$page.'</td>';
} else {
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.$page.'">'.$page.'</a></td>';
}
}
$paginationDetails .= '<td align="center">...</td>';
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.$pm1.'">'.$pm1.'</a></td>';
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.$total.'">'.$total.'</a></td>';
}
else if($total - ($adjacents*2) > $pageNum && $pageNum > ($adjacents * 2)){
// in middle, hide little front and back
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'=1">1</a></td>';
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'=2">2</a></td>';
$paginationDetails .= '<td align="center">...</td>';
for($page=($pageNum - $adjacents);$page<=($pageNum + $adjacents);$page++){
if($page == $pageNum){
$paginationDetails .= '<td align="center">'.$page.'</td>';
} else {
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.$page.'">'.$page.'</a></td>';
}
}
$paginationDetails .= '<td align="center">...</td>';
$paginationDetails .= '<td align="center"><a href="'.$page.'&'.$pageL.'='.$pm1.'">'.$pm1.'</a></td>';
$paginationDetails .= '<td align="center"><a href="'.$page.'&'.$pageL.'='.$total.'">'.$total.'</a></td>';
}
else {
// close to end, hide early pages
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'=1">1</a></td>';
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'=2">2</a></td>';
$paginationDetails .= '<td align="center">...</td>';
for($page=$total - (3 +($adjacents*2));$page<=$total;$page++){
if($page == $pageNum){
$paginationDetails .= '<td align="center">'.$page.'</td>';
} else {
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.$page.'">'.$page.'</a></td>';
}
}
}
}

if($pageNum < $total){
$paginationDetails .= '<td align="center"><a href="'.$pageURL.'&'.$pageL.'='.($pageNum + 1).'">Next &rsaquo;</a></td>';
}
$paginationDetails .= '</tr></table></td></tr></table></p>';
$pagination[] = $paginationDetails;
}
return $pagination;
}

Now we just need to include the HTML and CSS classes for the pagination so viewers can navigate through the pages returned from this query.

Pagination CSS:

<!--
.pagination {
margin: 0px;
background-color: #eaeaea;
padding: 0px;
}
.a_page {
margin: 0px;
padding: 2px;
color: #343434;
background-color: #f5f5f5;
font-size: 11px;
font-family: tahoma;
}
.a_page a {
color: #000;
text-decoration: underline;
}
.page_selected {
background-color: #ffffff;
color: #000;
font-weight: bold;
padding: 1px;
border: 1px solid #d9dbdc;
font-size: 11px;
font-family: tahoma;
}
.page_selected a {
color: #000;
}
-->.pagination,.pagination div {
background-color: #eee;
font: 11px tahoma;
border: 1px solid #ccc;
text-align: left;
}
.a_td {
color: #343434;
background-color: #fff;
font-size: 11px;
font-family: tahoma;
}
.a_page {
color: #343434;
background-color: #fff;
font-size: 11px;
font-family: tahoma;
padding:0px;
}
.a_page:hover {
background-color: #eee;
}
.a_page a {
display:block;
padding:2px;
color: #333;
text-decoration: none;
}
.page_selected {
background-color: #333;
color: #fff;
font-weight: bold;
font-size: 11px;
font-family: tahoma;
}
.page_selected a {
color: #000;
}

Now we have the function included on our page along with the necessary CSS styles. Now we can call the function and echo the contents of the returned array. The function pagination returns an array like so: pagination = [newMysqlQuery, paginationHTML].

So let’s say this was our function for downloads:

function downloads($g){
$g=mysql_real_escape_string($g); // Game
$validSorts = array("title","catType","dl_count","timestamp"); // Sorts
if(isset($_GET['sort']) && in_array($_GET['sort'],$validSorts)){
$sort = mysql_real_escape_string($_GET['sort']);
} else {
$sort = 'timestamp'; // default sort used.
}
if(isset($_GET['dsc'])){
$desc = "DESC";
} else {
$desc = "";
}
if(isset($_GET['p'])){
$page = (int)$_GET['p'];
} else {
$page = 1;
}
$query = "SELECT * FROM downloads WHERE gameCat = '$g'";
$pagination = pagination($query,$page,15,$validSorts,"downloads",$sort,"&g=".$g.""); // Call the function.
$sql = mysql_query($pagination[0]) or die(mysql_error()); // $pagination[0] = new query.
$count = mysql_num_rows($sql);
}

Now we have called the pagination function with some variables for displaying our downloads. Along with printing the pagination HTML you could display the rows with the new Mysql query that the function returns.

See how to display Mysql Rows here!

For this example we will simply echo the pagination HTML:

echo $pagination[1];

Check this function out LIVE here:

http://bfgamerz.com/members.php

Use the Upload and Resize Demo Here!

Download This Script!

Here is the PHP:

Upload and Resize PHP Code

<?php
// index.php
function generate_resized_image(){
$max_dimension = 800; // Max new width or height, can not exceed this value.
$dir = "./images/"; // Directory to save resized image. (Include a trailing slash - /)
// Collect the post variables.
$postvars = array(
"image"    => trim($_FILES["image"]["name"]),
"image_tmp"    => $_FILES["image"]["tmp_name"],
"image_size"    => (int)$_FILES["image"]["size"],
"image_max_width"    => (int)$_POST["image_max_width"],
"image_max_height"   => (int)$_POST["image_max_height"]
);
// Array of valid extensions.
$valid_exts = array("jpg","jpeg","gif","png");
// Select the extension from the file.
$ext = end(explode(".",strtolower(trim($_FILES["image"]["name"]))));
// Check not larger than 175kb.
if($postvars["image_size"] <= 179200){
// Check is valid extension.
if(in_array($ext,$valid_exts)){
if($ext == "jpg" || $ext == "jpeg"){
$image = imagecreatefromjpeg($postvars["image_tmp"]);
}
else if($ext == "gif"){
$image = imagecreatefromgif($postvars["image_tmp"]);
}
else if($ext == "png"){
$image = imagecreatefrompng($postvars["image_tmp"]);
}
// Grab the width and height of the image.
list($width,$height) = getimagesize($postvars["image_tmp"]);
// If the max width input is greater than max height we base the new image off of that, otherwise we
// use the max height input.
// We get the other dimension by multiplying the quotient of the new width or height divided by
// the old width or height.
if($postvars["image_max_width"] > $postvars["image_max_height"]){
if($postvars["image_max_width"] > $max_dimension){
$newwidth = $max_dimension;
} else {
$newwidth = $postvars["image_max_width"];
}
$newheight = ($newwidth / $width) * $height;
} else {
if($postvars["image_max_height"] > $max_dimension){
$newheight = $max_dimension;
} else {
$newheight = $postvars["image_max_height"];
}
$newwidth = ($newheight / $height) * $width;
}
// Create temporary image file.
$tmp = imagecreatetruecolor($newwidth,$newheight);
// Copy the image to one with the new width and height.
imagecopyresampled($tmp,$image,0,0,0,0,$newwidth,$newheight,$width,$height);
// Create random 4 digit number for filename.
$rand = rand(1000,9999);
$filename = $dir.$rand.$postvars["image"];
// Create image file with 100% quality.
imagejpeg($tmp,$filename,100);
return "<strong>Image Preview:</strong><br/>
<img src=\"".$filename."\" border=\"0\" title=\"Resized  Image Preview\" style=\"padding: 4px 0px 4px 0px;background-color:#e0e0e0\" /><br/>
Resized image successfully generated. <a href=\"".$filename."\" target=\"_blank\" name=\"Download your resized image now!\">Click here to download your image.</a>";
imagedestroy($image);
imagedestroy($tmp);
} else {
return "File size too large. Max allowed file size is 175kb.";
}
} else {
return "Invalid file type. You must upload an image file. (jpg, jpeg, gif, png).";
}
}
if(isset($_GET["do"])){
if($_GET["do"] == "upload"){
$upload_and_resize = generate_resized_image();
} else {
$upload_and_resize = "";
}
} else {
$upload_and_resize = "";
}
?>

Here is the HTML:

HTML Form

<form action="./index.php?do=upload" method="post" enctype="multipart/form-data">
<table width="100%" align="center" border="0" cellpadding="2" cellspacing="0">
<tr>
<td align="left" width="100">
Max Width:</td>
<td align="left"><input name="image_max_width" style="width: 120px" type="text" maxlength="4" /> px.</td>
</tr>
<tr>
<td align="left">
Max Height:</td>
<td align="left"><input type="text" name="image_max_height" style="width: 120px" maxlength="4" /> px.</td>
</tr>
<tr>
<td align="left">
Image:</td>
<td align="left"><input type="file" name="image" size="40" /></td></tr>
<tr>
<td align="left" colspan="2">
<ol style="margin:0;padding:3px 0px 3px 15px">
<li>Max file size: 175 KB.</li>
<li>Allowed extensions: jpg, jpeg, gif, png.</li>
<li>Max Dimension: <em>800</em>px.</li>
</ol>
</tr>
<tr>
<td align="left" colspan="2">
<input type="submit" name="submit" value="Submit!" style="font: 14pt verdana" />
</td>
</tr>
</table>
</form>

This will create a form that looks like this:

Then we just have to call the functions returned value ($upload_and_resize).

Show Upload and Resize

<div id="upload">
<?php echo $upload_and_resize; ?>
</div>

Click here to check out the demo for this script!

Just select the image file you want converted to a 16×16 or 32×32 icon and hit submit! It’s that easy. Here is how it works:

Favicon Generator Script

<?php
// bgallz.org - Web coding and design tutorials, scripts, resources and more.
// favicon Generator Script
function generate_favicon(){
// Create favicon.
$postvars = array("image" => trim($_FILES["image"]["name"]),
"image_tmp"        => $_FILES["image"]["tmp_name"],
"image_size"    => (int)$_FILES["image"]["size"],
"image_dimensions"    => (int)$_POST["image_dimensions"]);
$valid_exts = array("jpg","jpeg","gif","png");
$ext = end(explode(".",strtolower(trim($_FILES["image"]["name"]))));
$directory = "favicon/"; // Directory to save favicons. Include trailing slash.
// Check not larger than 175kb.
if($postvars["image_size"] <= 179200){
// Check is valid extension.
if(in_array($ext,$valid_exts)){
if($ext == "jpg" || $ext == "jpeg"){
$image = imagecreatefromjpeg($postvars["image_tmp"]);
}
else if($ext == "gif"){
$image = imagecreatefromgif($postvars["image_tmp"]);
}
else if($ext == "png"){
$image = imagecreatefrompng($postvars["image_tmp"]);
}
list($width,$height) = getimagesize($postvars["image_tmp"]);
$newwidth = $postvars["image_dimensions"];
$newheight = $postvars["image_dimensions"];
$tmp = imagecreatetruecolor($newwidth,$newheight);
// Copy the image to one with the new width and height.
imagecopyresampled($tmp,$image,0,0,0,0,$newwidth,$newheight,$width,$height);
$rand = rand(1000,9999);
$filename = "./".$directory.$rand.$postvars["image"];
// Create image file with 100% quality.
if(is_writable($directory)){
imagejpeg($tmp,$filename,100);
// Image created, now rename it to its
$ext_pos = strpos($postvars["image"],"." . $ext);
$strip_ext = substr($postvars["image"],0,$ext_pos);
// Rename image to .ico file
rename($filename,"./favicon/".$strip_ext.".ico");
return "<strong>Icon Preview:</stong>
<p><img title="\Favicon Preview\" src="\".$filename."\" border="\0\" alt=\"Favicon\" /></p>
<p>Favicon successfully generated. <a name="\Download Favicon\" href=\"".$filename."\" target=\"_blank\">Click here to download your favicon.</a></p>
<p><strong>If favicon doesn't download, right click the link above. Click SAVE AS to download .ico.</strong>";
} else {
return "The directory: \"".$directory."\" is not writable.";
}
imagedestroy($image);
imagedestroy($tmp);
} else {
return "File size too large. Max allowed file size is 175kb.";
}
} else {
return "Invalid file type. You must upload an image file. (jpg, jpeg, gif, png).";
}
}
if(isset($_GET["do"])){
if($_GET["do"] == "create"){
if(isset($_POST["submit"])){
$generate_favicon = "".generate_favicon()."";
$generate_favicon .= "Place your download instructions and anything else you want here to follow the download link after upload.";
} else {
$generate_favicon = "";
}
}
}
?>

Then we must include the HTML form that will submit the image and dimensions to PHP:

Source code

<form action="index.php?do=create"  enctype="multipart/form-data" method="post">Image Dimensions:<br />
<select style="width: 170px;" name="image_dimensions">
<option selected="selected" value="16">16px x 16px</option>
<option value="32">32px x 32px</option>
</select>
<p><span style="font-size: 14pt;">Favicon Image:</span></p>
<input name="image" size="40" type="file" />
<input style="font: 14pt verdana;" name="submit" type="submit" value="Submit!" />

Be sure to include the HTML head tags in your HTML pages that use the favicon. These are given on the script’s index and on the demo.

Click here to download the script!

Here is the code:

function ordinalize($int){
if(in_array(($int % 100),range(11,13))){
return $int . "th";
} else {
switch(($int % 10)){
case 1:
return $int . "st";
break;
case 2:
return $int . "nd";
break;
case 3:
return $int . "rd";
break;
default:
return $int . "th";
break;
}
}
}

Basically the function first checks if the number is in the range of 11-13, and if so it returns the number with “th” attached (11th, 12th, 13th). If it is not in this range it checks the remainder of the number divided by 10.

So let’s say our number was 34. 10 goes into 34 three times, with a remainder of 4. Now the function runs this value against three cases, those being 1, 2, and 3. Since it is not one of them, the default value is used, which is “th.” Thus returning “4th.”

Example input:

3
10
999

Example output:

3rd
10th
999th

Enjoy!