Need free hosting for your PHP website that also have CPanel inside it? Support for MySQL Database? Huge bandwidth needs, support for Wordpress.com ?
In our website you will always find the best free stuff!
Come often we have great news
Click the image below and start your website in 1 minute.
No tricks, no one time fee, nothing, Just register and start using it!
Free cPanel Web Hosting with PHP5/Mysql - no advertising!
Register now: here
We can offer you a free web hosting package packed with advanced features for hosting & building professional dynamic websites. We provide secure free web space with all the web hosting tools you could possibly ever need.
Our package includes:
- 350 MB of Disk Space, 100 GB Bandwidth
- Host your own domain (http://www.yourdomain.com)
- cPanel Powered Hosting (you will love it)
- Over 500 website templates ready to download
- Easy to use website builder
- Free POP3 Email Box with Webmail access
- FTP and Web based File Manager
- PHP, MySQL, Perl, CGI, Ruby.
- And many more..
10 Things NOT you should not do with Google AdSense
Posted by v.o.u.r.d.u.b Labels: adsense, tutorial, websiteThere is no question that you can make some good money with Google AdSense, but you're setting yourself up for disaster if you make any of these Top 10 mistakes!
1. Do not use fake information when opening your Google AdSense account.
Google says that's a no-no and they will cut your account off and keep all the money you may have earned. Besides, trying to hide your true identity can cause serious problems with the I.R.S. or whoever your tax authority is.
2. Do not hack or modify Google AdSense code other than to change the parameters that Google authorizes you to change.
Any attempt to bypass Google's built-in algorithms not only poses a danger to the integrity of the network, but it threatens the financial modle that Google operates under. You're not dealing with some Mom-and-Pop company here, and Google has the legal muscle and deep enough pockets to drag you through every court in the land if you damage their business with your hacking antics.
3. Keep AdSense ads off of your registration, confirmation, and all "thank you" pages.
Don't ask me why you can't put your ads there. It makes sense to me that those would be wonderful locations. Google thinks otherwise, however, and doing so is a hanging offense according to their Terms of Service.
4. Do not display AdSense ads and a competitor's ads (like Overture's) on the same page at the same time.
That just makes plain good sense. Google doesn't demand 100% SITE loyalty from you, but they do insist that their own ads not be cluttered up by offerings from their competitors.
5. Don't "beg for clicks" or provide any incentive for clicking on your Google AdSense ads.
This is a biggie and you see this rule violated all the time. Any of the "get paid to do stuff" sites that put Google ads in the member's control panels are walking the plank and they don't even realize it. Even those sites with the polite little messages asking you to "help keep my site running by clicking on our sponsor's ads" are asking to be cut off if those happen to be Google ads.
6. Never click on the ads running on your own site, even if you are genuinely interested in the product or service and are thinking of buying it!
Nothing screams FRAUD louder than a webmaster running up his or her own click counts by happily clicking on ads fromtheir own site. The Google Gods can track this activity and it won't be long until you find yourself getting a goodbye note from their fraud team.
7. No misleading labeling
Google is very specific about what text can be placed around their ads. Their Terms of Service state: "Publishers may not label the ads with text other than 'sponsored links' or 'advertisements.' This includes any text directly above our ads that could be confused with, or attempt to be associated with Google ads."
This is to keep visitors from becoming confused and barking up Google's tree when they clicked on an ad that led to a porn site instead of the recipe site they were expecting to visit.
8. Avoid keyword spamming and other divisive tricks
You may be tempted to buy one of those "generates thousands of key-word rich pages in seconds" programs that are so popular these days but I'll tell you this: Their days are numbered. Google is wise to such shenanigans and they will be hot on your trail. Other prohibited gimmicks include:
"Sneaky" page redirects that send a visitor off to a different site then they were expecting to visit.
Multiple sites, domains, pages, etc. which have substantially duplicate content.
Hidden text or links of any type.
Excessive outbound links on any page. Google recommends no more than 100. I'd keep it way below that.
And here is a nugget of wisdom straight from Google's mouth: "Do not participate in link schemes designed to increase your site's ranking or PageRank. In particular, avoid links to web spammers or "bad neighborhoods" on the web as your website may be affected adversely by those links.
9. Don't advertise anything on Google's prohibited items list.
It's a lot shorter lists than PayPal's or eBay's, but it includes a lot of the same stuff like hacking/cracking content, porn, illegal drugs, gambling sites, beer or hard alcohol (I guess wine is OK), weapons, and the other usual stuff.
10. And the 10th dumbest thing NOT to do with Google AdSense is to let the other nine things stop you from running an honest site that's designed to make the most out of this very profitable opportunity that Google offers!
Are you afraid of competition that you see everywhere in the World Wide Web? Don't be. The following ten simple proven tips will guide you through to get ranked in search engines. You don't need to pay thousands of dollars like many companies do in order to get a high ranking. By consistently applying these simple tips you will have every advantage when it comes to Search Engine Optimization.
Become An Expert
People are looking for information. That's what they come to web sites for. If they see you as an expert on a certain subject you have a better chance of getting a high ranking in search engines. Over time you ranking will increase because people will come looking for you.
Plan Your Site Well
Don't take for granted the layout of your site. User-friendly site and the right layout of your site make it easier for search engines to crawl. Putting a site map, for example, is definitely a plus factor and the search engine will love you for it.
Do Your Research
If you don't do research to see what others are doing and check out the competition then you will be left behind. Always see to it that you know what your competition is up to so you can act on it and do something about it. Doing this will keep you in the loop and thus make you competitive.
Use Combination of Keywords
Keyword research is perhaps one of the toughest things to do and the most understood part of SEO. When researching for keywords, don't just grab the most common keywords but give attention to combinations of keywords. Think about the things you would search for about your site then come up with your own keyword combinations.
Be Search Engine Friendly
Take time to learn about the process as to what search engine like and dislike especially when it comes to use of keywords. Be search engine friendly. If you follow their rules the better off you will be.
Focus On The Topic
Search engines do not like to have more than one topic per page. So if you want to have a much higher ranking you should focus on one subject per page. The reason for this is that when you are focused on one topic you give more relevant information to your visitors. Join Directories
Do not overlook the importance of giving your site a link back. One way to do this is by joining as many directories as possible. Remember, each directory that you join gives your site another link back. And the search engines come down to links in these directories - especially the bigger ones that have great SEO power.
Keep Adding Content
Search engines love to crawl for fresh and new content. Sites that don't have fresh content on a regular basis remain stagnant and will not be crawled by search engines. Article directories are one great source for new content for your site.
Keep Promoting
If you consistently promote your site, overtime you site will get a higher ranking in the search engines. Just follow the simple tips suggested here and you will be on your way to a profitable and traffic pulling site.
Keep Learning About SEO
Again, as long as you use these tips, there's no need to be afraid of the competition. Do not allow the rankings of your competitors stop you from doing what you should be doing. It takes time to learn and really understand about SEO. Keep learning as much as you can and you will be fine.
Preparing Images
Here are the two images we’ll be using for our rollover. It’s important to make sure they’re the same size.
Regular State:
Rollover State:
The HTML
Newer web browsers support more CSS options than older ones like Internet Explorer 6, but since you’ll probably want your website to work on a lot of different browsers we’re going to limit ourselves to using CSS that IE6 understands. This means that rollover effects are only available on link elements—that’s the tag.
In your HTML, add something like the following code:
<a href="http://www.designmeme.com/articles/" id="rollover"><span>Web Design Articles</span></a>
Notice that we added an extra attribute inside the opening tag. The id="rollover" lets us add styles for this link without affecting the other links on the page.
We’ve also placed <span> tags around the text inside the link. This will also allow us to add styles for the text separately from the link itself.
Next we’ll use CSS to replace the text “Web Design Articles” with a rollover image that changes when you hover your mouse pointer over the link.
The CSS
We’re going to use CSS to add a background image to our link and give it a matching height and width to display the entire image. We’ll then hide the text inside the link by targeting the wrapping <span> tags. Finally, we’ll use the CSS :hover pseudo class to define the alternate image that will display for the rollover.
Before the closing <head> your HTML document add the following
a#rollovertargets the CSS at the link withid="rollover"heightandwidthshould match your rollover imagesdisplay:blockis needed to set a height and width for our imagedisplay:noneis used to hide just the text between the span tags inside the link—but not the link itselfa#rollover:hoveronly needs to include things that are changing when the image is being rolled over—in this case the background image
Creating Curly Quotes with CSS
Posted by v.o.u.r.d.u.b Labels: CSS, design, how-to, HTML, tutorial, websiteSimon Collison recently explained how to create Swooshy Curly Quotes Without Images using CSS. It’s a nice technique that works cross-browser, but you have to add tags to your markup for it to work. Here is an alternate technique that requires no changes to your markup that will work in modern CSS2 compatible browsers like Firefox.
The HTML
We’ll start with some regular markup for our quote. Nothing fancy here.
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus dignissim, purus a blandit cursus, nulla erat cursus mauris, a dignissim est ante et arcu. Vivamus sollicitudin porttitor justo. Nunc at leo quis arcu ultrices placerat. Quisque eget justo at nisi tempus vehicula. Nullam a odio eu orci sodales varius. </p>
</blockquote>
The CSS
We’re going to be setting a width for the blockquote and leave some padding that the quotes will be positioned into.blockquote {
display: block;
padding: 0 60px;
width: 350px;
}blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}The Curly Quotes
Here we have the curly quotes on our blockquote elements created using only CSS and without editing any of our markup. How nice.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus dignissim, purus a blandit cursus, nulla erat cursus mauris, a dignissim est ante et arcu. Vivamus sollicitudin porttitor justo. Nunc at leo quis arcu ultrices placerat. Quisque eget justo at nisi tempus vehicula. Nullam a odio eu orci sodales varius.
Creating a Favourite Icon (Favicon) for your website
Posted by v.o.u.r.d.u.b Labels: favicon, icons, photoshop, tutorial, websiteA Favicon is a little custom icon that appears next to a website's URL in the address bar of a web browser. They also show up in your bookmarked sites, on the tabs in tabbed browsers, and as the icon for Internet shortcuts on your desktop or other folders in Windows. And when I say little, I mean 16 pixels by 16 pixels. So if you like a good design challenge try your hand at this one.
Here some tutorial how to create your favico.ico for your website that i found at Jeniffer All you need to add a Favicon to your site is a Windows Icon (.ico) file usually called favicon.ico that you upload to the main directory of your website. Nowadays, most browsers besides Internet Explorer can use a GIF (including animated ones) or PNG (including full transparency) instead. But since all browsers including IE understand the .ico format, and because it's got a lot of intriguing features that GIFs and PNGs don't, read on to find out how to make one.
Download The Plugin
You'll need the Windows Icon (ICO) file format Photoshop Plugin to export to the .ico file format. You can download the plugin from Telegraphics. The plugin reads and writes ICO files in 1, 4 and 8-bit Indexed and 24-bit RGB modes, and also reads and writes 32-bit "XP" icons (with 8-bit alpha channel). Make sure to install the plugin before you begin this tutorial.
Let's Begin
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Do this by selecting File>New, and opening a new canvas that is 64 x 64 pixels in size.
The Design
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up. If it doesn't look good at this size, work with the 64 x 64 canvas and try creating a simple design that incorporates colors from your website's palette.
When you're ready to test the design select Image>Image Size menu and enter 16 x 16. Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step). This is the best setting for making sure that an image doesn't blur as it's being resized. If it’s still not sharp enough, go back and oversharpen, oversaturate and/or heighten the contrast of the original image and then resize it again.
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. At this tiny size it can take a few tries before you get it right.
Saving The Custom Icon
Go to File>Save As and make sure you name the file favicon.ico. Under Format you must choose Windows Icon (ICO) from the pulldown menu. This format will only be available in Photoshop after you download and install the plugin. In the next step you'll need to upload this new file to the root folder of your website, so it's a good idea to navigate and save it to that location on your hard drive now.
Uploading The Favicon.ico File
Connect to your server and upload your Favicon.ico file to your website. You must place it into the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder. The standard location is the “root” folder of your site, which is same directory as your home (index) page, not inside an images directory or other folder. If you put it there (and name it favicon.ico), most browsers will find it automatically.
Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. You can help these browsers by adding this link in the head section of each page on which you want the Favicon.ico to appear.
Here is the link code to include: <link rel="icon" href="/favicon.ico" type="image/x-icon">
Once you've added this code, upload all of your modified pages.
(Some people suggest that the following is actually more correct: <link rel="icon" href="/favicon.ico" type="image/x-icon"> You can use both if you want!)
If you want to use a GIF or PNG instead, use this format instead (just remember that it won’t work in IE):
or
Testing
If your new Favicon does not show up right away, try refreshing the page or clearing your cache — or put a '?' at the end of the url, which will trick a browser into thinking the page is new and not cached.
Troubleshooting
Browser Issues: Microsoft IE 6 for Windows will not display the favicon until the URL has been added to the favorites. Or try this trick: go up to the address bar, click on the existing (usually the IE default) favicon, then "jiggle" it a bit and let go. That will reload the page and should get the new favicon to show up.
Safari for the MAC will not display an updated favicon until the browser cache has been cleared. But choosing ‘empty cache’ from the menu won't help because Safari stores favicons in a separate cache. Go to Edit > Reset Safari, and check “Remove all website icons”. If you can’t find that, you must empty the icon cache yourself. Look for it in User>Library>Safari>Icons. On the Windows version of Safari, find C:\Documents and Settings\YourUserName\Local Settings\Application Data\Apple Computer\Safari\WebpageIcons.db. Quit Safari, delete the file, restart Safari. (Sometimes you need to restart the computer too.)
On FireFox, clear the cache and restart the browser. On Opera, just refresh.
Windows can actually be the most beligerent about not updating favicons for Internet shortcuts (on your desktop, for instance). This tip from www.vistax64.com/tutorials:
1. Right-click on the Desktop.
2. Select Personalize and select Display Settings (or simply Settings on XP).
3. Change the Color from 32 bit to 16 bit and click Apply.
4. Change the Color back to 32 bit and click Apply.
File Format Not Available: The Windows Icon (ICO) file format will not be available until you have downloaded and installed the plugin, and then Quit and Restarted Photoshop.
Troubleshooting Update
One person who had trouble with Internet Explorer 7 has sent us a little tip:
I had some trouble with IE 7 — but the addition of these 2 lines of code solved the problem:
I found the info here:
www.webmasterworld.com/html/3251565.htm
Multi-Resolution Favicons
So if you’ve gotten this far, you can already see your favicon in your browser’s address bar, and it probably looks great. Feeling ambitious and want to go one step further?
In Windows especially, favicons show up all over the place. For instance, if you put a shortcut to a website on your desktop, Windows often uses the favicon of the site as the shortcut icon. But on the desktop, Windows uses a much larger size icon, usually 48x48 pixels. When this happens, Windows has to scale up your favicon and it will probably look blurry and not so great anymore.
You can fix this. One of the neat things about .ico files is that they can contain multiple versions of the icon, at different sizes and color depths (kinda like an animated GIF contains multiple frames). When they do, Windows uses whichever size and color depth is most appropriate. For the sizes, 16x16, 24x24, 32x32 & 48x48 pixels are most common, and all can put bundled together in a single .ico file.
Creating a multi-resolution icon isn't much harder than what you did to create your 16x16 favicon, Telegraphics, the same place you got your favicon plugin, also has another plugin http://www.telegraphics.com.au/sw/info/icobundle.html that allows you to bundle multiple icons together in a single .ico file. (There are also many standalone tools that will create a multi-resolution icon for you from a single starting image. Here's a couple that are free to try: www.sibcode.com/icon-studio and www.aha-soft.com/anytoicon.)
As for color depth... again, if you're on Windows, you may have noticed before that some icons on your desktop have jaggedy (aliased) edges, while others blend smoothly on the edges. The smooth blending is because those icons contain a version with 32-bit color depth, which allows true transparency, just like your layers in Photoshop. You can create a 32-bit version of your icon, along with 24-bit (16 million colors, gif-like transparency), 16-bit (256 colors) or even 8-, 4- or 2-bit... all of which could again be stored in one .ico file!
So if you want to make sure your favicon looks great wherever people might see it, try creating a few versions in your favicon.ico file. For example:
16x16, 16-bit (256) colors
16x16, 32-bit colors
32x32, 16-bit (256) colors
32x32, 32-bit colors
48x48, 16-bit (256) colors
48x48, 32-bit colors
But don’t go too crazy, because every variation makes your favicon a little bit bigger, which means it will take longer to download.
Inspiration
If you need some inspiration have a look through this nice collection of favicons. Also look at the nice categorized list of 50 remarkable favicons at Smashing Magazine. You might find something that triggers an idea for your own.
That's it. Enjoy your Favicons!
Flash and lightbox - Action script 3
Posted by v.o.u.r.d.u.b Labels: Flash, Gallery, HTML, JavascriptIf you try to seek on-line "flash lightbox," certainly find the results valid, but unfortunately all based on action script 2.
Given the need for Maldor and maybe someone who needs to use lightbox in action script 3, I propose my solution, taking cue from the work of Alan Curtis, which I invite you to read because I explain the changes to be applied to his example to achieve the same result in action script 3.
In fondo all’articolo troverete un esempio e il sorgente da scaricare per Flash CS3 . Basically Article find an example and source to download Flash CS3.
In explanation, riporterò lines of code moficare, we begin:
1. first amendment that you have to make the code of Alan Curtis is in the declaration dell'array pics, to do it this way:
2. Now turn to managing events associated with thumbnail images to open with lightbox.
In the version AS2, events are associated directly to the various buttons / miniatures, which is not possible in AS3.
Give a name to each instance miniature, for example pic1, pic2, etc. pic3. and add this code on another level, in the first frame.
This code so you have to repeat as many times as photos that are part of the gallery.
If you have 10 photos, we will have 10 listeners: addEventListener (MouseEvent.CLICK, foto1 .. foto10), with 10 function foto1… foto10.
The only thing that will change in any function will be the line 7 where, in the light show, the 0 corresponds to the first photos, 1 correspond to the second…… 9 corresponds to the tenth photo.
I hope this tutorial can be useful for your projects. I think we can do better in terms of code (accepted suggetimenti), but I think it is a good start…
Finally, remember that in the tutorial, there are other articles that you might want, such as flash and thickbox, or flash and lightview.
