For The Horde.

May 16th

Posted by tek in News

No comments

As we take pride in our leaders, Defense alarms went off late lastnight that Alliance were attacking our Capital Orgrimmar, which we defended, rumors spread Thunder Bluff was to be next, we formed our defense raid and stood our ground in Thunder Bluff. We were disappointed to find no Alliance show up.
TB_Raid02

While sitting in Thunder Bluff awaiting a pending attack, we decided to hit them hard where it hurt, our defense raid had just turned into a massive raid assault on the 4 Alliance Capitals. It was pure victory for the Horde, slaying all 4 Capital City Bosses in a matter of 45 Minutes. without losing but a single 2 people.

This is a good example of Team Work, and Horde seem to always do just that, in any event. The assult went so well, and the adrenaline was amped up so high, we went on to dominate Wintergrasp as well. It’s a shame Alliance cannot grasp the meaning of Team Work.

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , ,

CSS Template 09

Feb 22nd

Posted by tek in CSS Templates

No comments

Simple template

Preview:
preview_template09

Download:
CSS Template 09 (54)

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , , , ,

CSS: Breakdown – Part 2

Feb 2nd

Posted by tek in Tutorials

No comments

Using what i gave you in part 1, we’ll take this a step further, and actually create the template, CSS and all.

So with that premade template saved, fire it up in your favorite editor, many choose to use Notepad, I am not one of them, i like my syntax highlighting eyecandy, so i prefer PHP editor’s. You can find numerous ones all over the net.

So heres are template, all ready to go: index.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<?php
 
/**
 * @author tek
 * @copyright 2009
 */
 
 
 
?>
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<title>enflicted.net</title>
		<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
	</head>
 
	<body>
		<div id="wrapper">
			<div id="header"></div>
			<div id="content">
				<div class="title"></div>
					<div class="entry">
						<p>
						</p>
					</div>
						<div class="date"></div>
			</div>
 
			</div>
	</body>
</html>

We’ll start off with the body of the page, so in your style.css lets add the following:

1
2
3
4
5

body {
	background: #b2c6d0;
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.0em;
}

This will set the background color, font types(font-family) and font-size of everything on the page.
Next we’ll work on links:

1
2
3
4
5
6
7
8
9
10
11

a {
	text-decoration: none;
	font-weight: bold;
	color: #5b686f;
}
 
a:hover {
	text-decoration: none;
	font-weight: bold;
	color:  #6d7c84;
}

This sets all links to a specific color, and sets the hover state, easy enough right?

Onto Headings, headings are very useful but not always needed, they are commonly used to titles, so lets set a few headings:

1
2
3
4
5
6
7
8
9

h1 {
	font-size: 1.6em;
	font-weight: bold;
}
 
h2 {
	font-size: 1.3em;
	font-weight: bold;
}

Looking back at our main template, you’ll see we have a wrapper DIV, think of these as just that, a wrapper, which wraps everything inbetween to a specified size.
So in your style.css lets add the following:

1
2
3
4
5
6

#wrapper {
	margin: 0 auto;
	width: 760px;
	background: #e9e5c5;
	border: 1px solid #bab588;
}

We are telling our wrapper to center itself with a margin of 0 and giving it a size of 760px
We are setting the background color of our wrapper to #e9e5c5 with a 1px solid border.

You should have something like below:
wrapper

Kinda boring huh? lets make it look a little nicer,
in your main template we have a header DIV

1

<div id="header"></div>

This is where we can put our logo, header image, or even a menu.
In your style.css lets add the following to form our header:

1
2
3
4
5
6
7
8

#header {
	margin: 0 auto;
	width: 760px;
	height: 45px;
	background: #dad6b4;
	text-align: center;
	border-bottom: 4px solid #9db95b;
}

You’ll notice a few things look the same as they did in our wrapper, with a few more options, first, we add a height value to our header of 45px
along with a darker background color, and with a 4px solid border, we also have our text-align: center which centers all text within our header.

Switching back to our main template, lets add a heading to our header DIV, your new DIV should look like this:

1

<div id="header"><h1><a href="#">enflicted.net</a></h1></div>

Were giving our header a heading of h1, so lets add our heading in CSS, in your style.css add the following:

1
2
3

#header h1 {
	padding-top: 7px;
}

simple enough, we’ve just added some padding to our header, you should have something like below now:
header

Now that we have our header out of the way, we can start working on the content section, which is where all of your news, photos and whatever else you decide to post will show up.

in our main template we have a DIV for content

1
2

<div class="content">
</div>

Youll notice that this is a DIV class DIV classes can be used more than once, as apposed to DIV ID’s which can only be called once. These classes come in handy for things such as titles, dates, and things that are often added to each post.

So lets add some more things into our div, lets say we want each post to have a title a post entry a comment, and a date, which we’ll make each into a div class, as follows:

1
2
3
4
5
6
7
8
9
10

<div class="content">
    <div class="title"><h2>Sample Post</h2></div>
	<div class="entry">
	    <p>
                 Test Post
	    </p>
	</div>
    <div class="date">Posted on February  2, 2010 by <a href="#">admin</a></div>
    <div class="comments"><a href="#">admin</a> | <a href="#">comments</a> | <a href="#">permalink</a></div>
</div>

Remember, when naming your DIVs, name them in ways you’ll remember, and try to stay away from spaces, or dashes.

Lets switch back to our style.css and we’ll start adding in these classes, lets start with our content:
when in CSS adding IDs and classes are just a little different, we denote DIV id’s with a #divname and class with .divname

1
2
3
4
5
6
7

.content {
	float: left;
	width: 500px;
	background: #e0ddcd;
	border:  1px solid #c2bfb1;
	margin: 15px 15px 15px 15px;
}

We are setting our content to float left with a width of 500px, also note we are adding a 15px margintop,bottom,left,right,

Next we’ll add our title class, now since this class is within a class, we need to call both, as follows:

1
2
3

.content .title {
	padding-left: 20px;
}

We’ve just given our titles a left padding of 20px
Now for the entry, this is our main content, your news post:

1
2
3
4
5
6

.content .entry {
	width: 460px;
	padding: 0px 0px 0px 20px;
	color: #718188;
	font-size: 0.9em;
}

Our date class:

1
2
3
4
5

.content .date {
	padding:  0px 0px 0px 20px;
	color: #718188;
	font-size: 0.7em;
}

and finally our comment class:

1
2
3
4
5
6
7
8
9

.content .comments {
	text-align: center;
	font-size: 0.9em;
	padding: 10px 0px 10px 10px;
	background: #e8e6d9;
	border-bottom: 1px solid #9db95b;
	border-top: 1px solid #9db95b;
	margin: 10px 0px 10px 0px;
}

Fire up your browser and check what your template looks like so far:
content

Doesnt look that great does it? Thats because we have our content – floating left.

Lets work on our sidebar now, this will hold our Menu,Categories, and Links.
So, in your main template file index.php lets add the following:

1
2

<div id="sidebar">
</div>

Our premade template didnt have this, so we needed to add it, as of now, our sidebar is empty. so lets fill it up, in between our DIVs, lets add the following:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<h3>Menu</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
 
					<h3>Categories</h3>
					<ul>
						<li><a href="#">Category 1</a></li>
						<li><a href="#">Category 2</a></li>
						<li><a href="#">Category 3</a></li>
						<li><a href="#">Category 4</a></li>
					</ul>
 
					<h3>Links</h3>
					<ul>
						<li><a href="#">Link 1</a></li>
						<li><a href="#">Link 2</a></li>
						<li><a href="#">Link 3</a></li>
						<li><a href="#">Link 4</a></li>
					</ul>
 
					<h3>POTD</h3>
					<ul>
						<li><img src="images/sample01.jpg" alt="enflicted.net"/></li>
					</ul>

Thats quite a bit, but itll become a nice outcome, lets break it down some, Youll notice, we added a heading of h3 for each category title, then we go on to create and Unordered List – ul with List Items – li

Lets add some style to our sidebar, switch back to your style.css
and lets add the following:

1
2
3
4
5
6
7
8
9

#sidebar {
	float: right;
	width: 200px;
	background: #e0ddcd;
	border:  1px solid #c2bfb1;
	margin-right: 15px;
	margin-top: -503px;
 
}

Youll notice, that our sidebar is floating right, not left with a width of 200px, since we want our sidebar next to our content, not below it.
Lets move on to our sidebar heading:

1
2
3
4
5
6
7

#sidebar h3 {
	color: #9db95b;
	padding-left: 20px;
	background: #e8e6d9;
	border-bottom: 1px solid #9db95b;
	border-top: 1px solid #9db95b;
}

And our sidebar lists:

1
2
3
4
5

#sidebar ul li {
	list-style: none;
	padding: 5px 0px 0px 0px;
	margin-left:  -5px;
}

We are done with our sidebar, if you take a look at your page, youll notice is still really out of whack:
sidebar

We’ll remedy this soon, lets switch back to our index.php and work on our footer, were almost done!:

1
2

<div id="footer">
</div>

Here is our empty footer DIV, in between your footer div, lets add a copyright class:

1
2
3

<div class="copyright">
    Copyright &copy; <a href="http://www.enflicted.net">enflicted.net</a>
</div>

once you’ve added your copyright class, lets close our tags:

1
2
3

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

Your main page is all done!
lets go back to our style.css and finish up.
In your style.css add the following:

1
2
3
4
5
6
7
8
9

#footer {
	clear: both;
	width: 760px;
	height: 45px;
	text-align: center;
	background: #dad6b4;
	border-top: 4px solid #9db95b;
	margin: 0px 0px 15px 0px;
}

Youll see we’ve added a clear declaration, this clears our floating DIVs so they align properly. We also gave it the same width as our wrapper of 760px

Lets add our copyright class:

1
2
3

#footer .copyright {
	padding-top: 10px;
}

All we did here was gave our copyright some padding to look nice.

We are all done with our stylesheet!

If you’ve done everything correct you should have a nice output, like mine:

finaltemplate

Hope you enjoyed this CSS Breakdown, and learned something.

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , ,

CSS: My Breakdown Process

Feb 1st

Posted by tek in Tutorials

No comments

If my title is misleading, ill explain some.

Everyone has their own way of doing certain things, One way may not be a good way for one person, but may be perfect for another, on this note,
im going to explain the process i take to create my CSS templates. If you find it useful then great, if not, my apologies.

Lets get started,
before anything..most, if not all the time, i plan out a design in my head, or make a rough draft in photoshop,

Rough Draft:
css_rough_draft

Now, with a rough draft done, our layout is designed, as you can see i decided to go with a two column layout, with a right sidebar. Its time to get into the coding.

I personally begin with premade templates i’ve created, it saves me a little time, and i think..is a great idea to make a habit of, There are two templates i create and store for later use, the main page (index) and the style sheet (style.css).

Now i choose to create my CSS templates in PHP, this may seem odd, and you might think its more work than is needed, but I dont actually code the template in PHP, i prefer to use PHP extensions, it makes it easier for me later on if i decide id like to add something to the template, such as a call to a header, or footer, or even another PHP script. so lets get onto my premade template.

1
2
3
4
5
6
7
8

<?php
 
/**
 * @author tek
 * @copyright 2010
 */
 
?>

See how that PHP extension is already coming in handy?

Just below your PHP code, we’ll start HTML.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<title>Site Title</title>
		<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
	</head>
 
        <body>
		<div id="wrapper">
			<div id="header"></div>
			<div id="content">
				<div class="title">Sample Post</div>
					<div class="entry">
						<p>
						</p>
					</div>
						<div class="date"></div>
			</div>
		</div>
	  </body>
</html>

That is my basic template setup. You can save this, so whenever you decide to start a new CSS template, you can come back and copy/paste.

As for my stylesheet premade, i save that as an empty file, cause my stylesheets change alot with every design.

I hope this breakdown of mine help some new beginners who are just getting into CSS.
But remember, my way isnt right or wrong, you may find any even better solution.

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , ,

World of Warcraft Phishing

Jan 30th

Posted by tek in WoW Phishing Scams

No comments

No, this isnt the type of fishing you do in-game, it seems lately i’ve been getting quite a few phishing emails regarding “my account”. These emails look like the real thing in your inbox, and some, if not most people open these emails to find out what exaclty is wrong with their WoW Account, its a scare tactic for the most part.

Since i’ve played the game for so long, ive developed a habit to always check ANY email from a ‘@blizzard.com’ address wether is real or fake. Email headers can give you a good idea about the email, before opening it, that is if your using hotmail. If you feel you’ve received a misleading email, simply right-click on the email in your inbox, and goto View message source. You should have a new page with the email headers. So for an example, ill show an email i recently got, and what the email headers gave me.

X-SID-PRA: noreply@blizzard.com
X-Originating-IP: [121.164.165.232]
X-Originating-Email: [bladed_dragon_master1@hotmail.com]
Return-Path: bladed_dragon_master1@hotmail.com
Reply-To:
From: “noreply@blizzard.com”

i stripped most of the content away to show you the important, or more relevant parts.
As i recall, Blizzard doesnt use hotmail. So this email has been spoofed. There are three things you can do from this point, 1- FWD the mail to blizzard, 2-report this to hotmail, report it as a PHISHING scam, not as junk, they treat those two as separate. 3-Delete the email.

Now, as for me, when i receive these emails, i get curious, as to how far they actually take the email, so i open the email and read it, yes this is a danger, but as they say, Curiosity killed the cat. Going back the email i spoke of, lets take a look at the message it entails.

Greetings,

An investigation of your World of Warcraft account has found strong evidence that the account in question is being sold or traded. As you may not be aware of, this conflicts with Blizzard’s EULA under section 4 Paragraph B which can be found here:
WoW -> Legal -> End User License Agreement
and Section 8 of the Terms of Use found here:
WoW -> Legal -> Terms of Use

The investigation will be continued by Blizzard administration to determine the action to be taken against your account. If your account is found violating the EULA and Terms of Use, your account can, and will be suspended/closed/or terminated.
In order to keep this from occurring, you should immediately verify that you are the original owner of the account.

To verify your identity please visit the following webpage:
http://www.battle.net/account/support/login-support.xml

Only Account Administration will be able to assist with account retrieval issues. Thank you for your time and attention to this matter, and your continued interest in World of Warcraft.

Sincerely,

Account Administration
Blizzard Entertainment

These kinds of emails or amusing, for me atleast, since i know, i play the game as im supposed to. I dont mess with illegal activities such as gold buying, and power-leveling services. And i always keep my computer clean. So for this email to tell me my account has been “caught” or compromised gives me a laugh. For one, right off the bat, i can tell these emails are generated to a “general” standard, they may fit certain peoples account issues, and others not.

You’ll also notice this email contains a link, that at first glance, looks to be legit, but if i hover over the link, without clicking, i see it’s true address, which is
http://www.acounlmanagement-worIdofwarcraft-battIe.net/ – DO NOT VISIT. (address changed to prevent visits.)

Often these hidden URLS goto websites that looks like an authentic Blizzard website, but are filled with keyloggers, spyware/malware, a good way to actually get your account info, which is the main purpose of these emails.

So with all that said, i encourage people that receive these emails, to check Email Headers first, find out where that email originated from. I also encourage you to report them. either to blizzard or hotmail, or any other webmail service you use. You might think reporting these emails has no effect, but blizzard does look into these cases, and eventually shuts these websites down to protect users.

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , ,

3D Model – WoW Human House

Jan 6th

Posted by tek in 3D Models

No comments

I’ve always kinda been a fan of World of Warcraft’s Architecture, so I thought i’d give it a shot and create a replica of one of the human houses in WoW. I took a screenshot in-game as a reference, I Wanted something very similar, but not to the point where i was copying the entire building, some elements i left out from the original reference.

Preview:
HumanHous01

Each part of the model has been broken down so textures can easily be added

Download:
WoWHumanHouse (47)

This is in .OBJ Format.

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , , , ,

3D City

Dec 24th

Posted by tek in 3D Models

No comments

Some time ago, i created and submitted a similar Model of a greebles city, and i was never really satisfied with it, the model itself and the textures used. So after a little more time, and effort, i’ve created something better, in my opinion anyway, here are a few previews.

Roadway
This is a shot of the roadway system, i tried to get as random as possible with this.

Roadway2
Here is a closer view of the roadway system

BuildingsTop
Here is a shot of a top-angle view

BuildingsTop2
And finally a full top down view.

You’ll notice some empty spaces in the top-view, those were left empty, to be filled in with vegetation, or industrial equipment, dumpsters, etc..

Download:
GreeblesCityFull (61)
This is in .OBJ Format.

Bookmark and Share
VN:F [1.8.6_1065]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.6_1065]
Rating: 0 (from 0 votes)
, , , ,
« Older Entries