Owner: Blog Tutorials URL:http://blog-tutorials.info Join Date: Sun, 23 Mar 2008 11:47:36 -0500 Rating:0 Site Description: Join and Share Your Tutorials. Make a share is happiness Site statistics:Click here
PHP Database Integration With MySQL 2008-03-23 11:15:30 PHP Database
Integration With MySQL
One of the defining features of PHP is the versatility it offers for connection to, and manipulation with, databases. In this article, we look at some features of the PHP and MySQL combination. We shall go through the following steps:- * Connect to MySQL Database Server * Create new Database * Select MySQL Database * Add data to table * Retrieve data * Error HandlingConnect to MySQL Database Server:To work with the MySQL database, we first need to connect to MySQL Database Server. PHP provides mysql_connect() function to do this, and requires three strings as input: ‘hostname’, ‘username’ and ‘password’. Use
Beginners Mod_Rewrite Tutorial 2008-03-23 10:56:15 Have you seen those websites such as Digg and SVP that use fancy URLs such as ? Yeah, sure this could be nearly achieved by simply renaming your pages to something like page_content.htm - but that would result in you having to change every page on your site to a suitably written filename, as well as relying on static pages. I'm going to attempt to demonstrate just how easy it really is to utilise mod_rewrite to have fancy - even "web 2.0" - URLs within your site.Mod_rewrite is useful for pages with dynamic content, such as those which rely on either POST or GET data to generate the content. A URL that looks something like be ideal to control using mod_rewrite. The main reasons being that: 1. The URL is referencing dynamic content (as the GET suggests in the URL). 2. Read more:Rewrite
, Tutorial
Amazing Photoshop light effect 2008-03-23 03:56:58 “Last year I had written a tutorial showing how to create some light
ing effect
s in Photoshop
, it was called Magic Lighting Effects. A lot of people liked it, but some people still have some questions on how to achieve that effect.When I added a ‘buy me a coffee’ featured on my blog I decided to use an image I had done when I was showing my cousin how to do the Magic effect. Instead of using a hat I used a coffee cup and the process is basically the same, however this time I will explain it in more details.” - by abduzeedoStep 1Create a new document, apply a Layer Style on the background layer. Add a Gradient Overlay and a Pattern OverlayStep 2Here I’ve used an icon I found on a cool site, but you can use whatever you want.Step 3Select the Ellipse Tool (U) and create a shape like Read more:Amazing
Printable Document Generation with PHP 2008-03-23 03:45:42 Printable Document Generation
with PHPThis article focuses on the document that can be generated using PHP namely Rich Text Format (RTF). Rich Text Format (RTF) is a file type used to transfer formatted text documents between applications, even those that run on different platforms, such as IBM and Macintosh. RTF is a file format that many word processing programs understand; it is often used when a document is created in one word processing program but is expected to be edited in another word processing program.Advantages of RFT Format * Consistency in rendering and printing * A cross-platform solution * Flexible enough for most tasks * Easy to edit * Contain more text and le Read more:Printable
Flash Preloader Loading Bar 2008-03-23 02:52:34 The worst thing whic can happen to you is that someone who visiting your web site waiting for a movie to load. You must to use a feedback mechanism who will inform your users of the download’s progress. A preloader resolves this problem. The preloader provides the users of your web site feedback of how much of your flash movie is loaded. The viewer can see what is happening. That is the reason why I will teach you how to create a preloader using Action Script. So, this tutorial will show you how to create a preloader with percent, total and loades bytes.1 - Create the flash documentWe have to create a flash document. What you should do is setup the workspace to fit your recommendations. I just left it as default.2- Add the scenesAs I said earlier, we will need a scene (first scene) to be Read more:Flash
, Loading
JavaScript Digital Clock 2008-03-22 14:30:15 In this article we are going to design a JavaScript
based DigitalClock
. Here we are see use a HTML Form to show our Digital Clock. Take a look below on piece of code…[codes=html][/codes]Here we have defined HTML form. And use input and assign a class frm to it. Class frm will take care of representation of clock.[codes=css].frm {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #164BA0;background-color: #D1D1D1;border: 1px solid #83AAD3;}[/codes]Now we have to add JavaScript which will generate Digital clock for us. Now we define a function Display() and going to call it through Window object supports methods setTimeout() to call same function after every 1000 milliseconds. The Window object supports methods for setting timers that we
CSS Date blocks 2008-03-22 14:14:16 CSS Date blocksOn many blog site you have see date in block format, A square contains month, date and year. Now we are going to design such CSS date block here. See example below…For that purpose define class ‘dateblock’ which will define structure of block like size, background color, border etc. and to improve look of month, date and year we define class dateblock_mon, dateblock_day, dateblock_year respectively.Put following piece of code in the head section, < head >… ___ …< /head > tag of your web page.[codes=css][/codes]Now put the below piece of code in body section < body >… ___ …< /body >tag of your web page.[codes=css]Mar182007[/codes]Tags - css , blog
CSS - How to use Overflow 2008-03-22 11:36:46 The CSS property Overflow can be used when displaying content. It regulates the scrollbars. This property is a tricky one, which I had got some problems with in the past. Do you want to expand your DIV’s? Or when they get to a specific height, let some scrollbars appear? Read this tutorial and learn!What’s Overflow?You can use 4 variables in the element overflow, namely auto, hidden, scroll and visible. Auto will automatically add a scrollbar when needed. Hidden will not show a scrollbar, but ‘hide’ the content that usually expand the box. Scroll will always add a scrollbar. The value visible will not expand the div, but will just display all the content without changing the div’s height.We’ll test every variable in a example.html file I prepared for this tutorial. The HTML use
Redirect search engine friendly 2008-03-22 11:28:44 In todays lesson, I’ll explain how to redirect pages search engine friendly with htaccess. Never loose pagerank and never get penalty’s for duplicating content and/or wrong redirecting again! Read on.IntroductionI had a problem a couple days back. My blog should be moved from to , but I didn’t know how to do this a proper way: a search engine friendly way. Of course, I didn’t want to get any penalty’s for duplication content or any other nasty stuff. I searched Google, and I found a interesting way to do this. It works fine and I’ll explain it to you in this tutorial.Why not redirect via HTML?Why should you use .htaccess to redirect? Why not use the simple HTML redirect? For the normal webmaster, the HTML way is much easier because you don’t know anything about the other one Read more:Redirect
Make your weblog more user friendly 2008-03-22 11:22:02 Every blog should provide their visitors with the most pleasant experience. Content is the most important part of a blog, as this is where visitors are coming for. Without this content a blog will never become a success. How this content is displayed and how easy it is to navigate that blog plays a serious part at keeping visitors. A user-friendly theme in combination with great content will give your readers trust and interest, which will most likely bring them back for more.As mentioned, a blog design should be designed for its users. You could ask for the user’s needs before starting the developing process, to find out what they are looking for in your blog. You’ll come out better: User-friendly and at the same time, it is a pleasure for the eye.This article describes what users are Read more:weblog
Eight Critical Tips for On-Site Search Engine Optimization 2008-03-25 13:18:35 A great number of websites on the Internet receive a significant amount of new traffic on daily basis without ever having to pay a single cent for advertising. How do they do this? Simply by search engine optimization (SEO) techniques. There are certain tips and techniques that any webmaster could use to enhance his chances of appearing higher in the search results and hence leading Internet users from all around the world onto his website.SEO techniques could be divided into two main categories, on-site techniques and off-site techniques. On-site techniques are those that you apply to the content of your website, while off-site techniques are actions that you do outside of your website to enhance its search results. This tutorial will only explore on-site SEO techniques, I will hopefully Read more:Eight
, Search
, Engine
, Optimization
Creating a Heartbeat Animation (Electrocardiogram) in Flash 2008-03-25 13:04:41 This tutorial is going to show you how to create a heartbeat electrocardiogram animation just like the ones that are generated in medical observation equipment. The idea behind this tutorial is based on a masked motion tween that is duplicated several times. Of course this heartbeat animation is not exactly realistic in terms of a normal human heart, but you are going to learn the concept of creating such an affect through out the tutorial just like in the example below. Start off with a 550x400 px new doc Read more:Creating
, Heartbeat
, Animation
, Flash
34 Ruby and Rails Tutorials and Resources 2008-03-25 06:26:56 Get to grips with Ruby and Ruby on Rails with 34 of the very best tutorials, resources and articles gathered from the net.Top 12 Ruby on Rails Tutorials
- A former student asked me a few days ago how I learned Ruby on Rails. The answer was that I simply read alot of great tutorials. So in the spirit of sharing, here are the 12 tutorials that I found most useful.Installing Ruby on Rails - This how-to is aimed at getting you started with Ruby on Rails installed on the Fedora Core 4 Linux distribution using the Lighttpd web server and mySQL database server.Try Ruby in your Browser - Got 15 minutes? Give Ruby a shot right now.Learning Ruby - Covers the fundamentals of writing a program. It is required knowledge for anyone aspiring to program in Ruby.Learning Ruby: A Guide to Online Tutorials, Read more:Resources
Hide Files in Pictures with a Simple Command 2008-03-25 05:14:10 Have you ever needed to transfer a file, but you e-mail at work will not allow you to send it because it is a .ZIP or .RAR or .EXE? Well this tutorial will show you how to take WinRAR to create a .RAR archive (.ZIP will work as well), and “hide” it into a .JPG (Picture) file. The picture will still be able to be opened, but if you do Open With…. And select WinRAR it will open the contents of the archive that was embedded. To start with, we need to download WinRAR. Click here , and it will bring up the download page, and at the top of the download page, you will see the following options:Click on the top one to start the download. If using IE, you may see the security dialog fall down from the top of the page. Click on it and hit allow download, to start the download. Onc Read more:Pictures
, Simple
Open a Command Prompt From Any Folder 2008-03-25 05:04:32 Tired of launching a command prompt window, only to have to type in folder names to get where you want to be? Well, this tutorial will guide you though making it possible to launch a command prompt from any folder on your computer. This way when the command prompt opens, it is already in the directory you wish to be in. (Note: This tutorial involves modifying the Windows Registry and if you do not feel comfortable doing this, please do not continue as we can not be held responsible for any mistakes that are made. Thank-you)To begin, click on your start menu and select Run…This window will open. Clear whatever text is in it and type “regedit” as above.This will open the above pictured window. This is the Windows Registry Editor. You can change some pretty awesome settings Read more:Prompt
, Folder
Clean URL’s with Wordpress 2008-03-25 04:50:55 This tutorial will show you how to setup Wordpress
to use clean URL’s. Using clean URL’s is one of the first step in Search Engine Optimization (SEO). Besides that, they just look better.The default Wordpress URL structure is: What does p=123 even mean? Well, I would guess that it is the post id, but what does your reader see? A URL like this will be much better: -of-the-post be much better. It will have some meaning to your readers, and more importantly, search engines. The title is one of the most important things a search engine will look at. The better your site places on the SERPs (search engine results page), the more traffic you will drive to your site. Of course this is only one step in SEO, but is a good start.There is one thing to keep in mind before you change your permalin Read more:Clean
XML Sitemap Optimization with Wordpress 2008-03-25 04:45:12 This tutorial will show you how to generate a sitemap for a Wordpress
blog and tell most of the major search engines where your site map is located. Including a site map will increase the amount of pages that get index by search engines, and ultimately increase traffic to your website.Recently Google, Yahoo, and MSN announced a standardized site map format. The new standard is an XML
document that tells the search engine how to index your site. Using the Google Site Map Generator we can generate an XML sitemap, and later edit the robots.txt field to tell search engines where to look for this file.First you will need to download the Google Site Map Generator V2.0 plug-in for Wordpress. Save the file to disk and extract its contents using your favorite zip program. Now connect to your websit Read more:Optimization
, Sitemap
Split DivX Movies 2008-03-25 01:09:26 Open DivX movie, for example: Solaris.avi Sometimes, the length of DivX movie is too large (CD does not hold large files). So, in order to copy such movie on CD1 and CD2 it's necessary to split the file. In our example we will split file Solaris.avi into two parts. First part: 00:00:00 - 00:56:18Second part: 00:56:18 - 01:53:59 By using FAST MODE you can split DivX movies very quickly. This is very valuable feature of DivX Operational Player. This is possible, because in Fast Mode the fragment is always extracted without recompression, preserving ORIGINAL QUALITY. 1) Open DivX movie, or any other video file. In our example the source file is Solaris.avi. Drag the slider bar with the left mouse button and move it to the desired position: in the middle of the movie (00:56:18). After that pre
Converting DVD to Divx 2008-03-25 01:05:24 Most of the DVD conversion guides I have found have been a bit vague, just text and with no pictures to show you what to do. Hopefully this one will be clearer ;). I've already explained basically how to use Flask Mpeg so I will now explain the alternative to Flask Mpeg, Mpeg2Avi and VirtualDub. Mpeg2Avi is a little less user friendly but is just as fast as Flask. Other benefits are that the Mpeg2Avi program tends to make slightly smaller files than the same settings in Flask Mpeg. There is also much less chance of your audio becoming out of synchronization with the video source because VirtualDub is able to fix these problems as they appear. You will have to decide which version converts the DVD CD best. Anyway here is the step by step guide:Programs you will needDeCSS or DODRipperAC3DEC
Converting VCD to DivX 2008-03-25 01:00:23 Converting VCD to Divx Converting a Video CD (VCD) to Divx is usually easier to do than converting a DVD CD. But why convert? Simple, VCD's take up two 650MB CD-R's whereas Divx almost always use one CD-R. The file size of the average Divx is usually about 600 MB's so exchanging them over the Internet becomes much easier. Programs you will needVCDGearFlask Mpeg 0.58VirtualDub (optional)Pecks Power Join (optional)Divx Codec Alpha 3.1 AlphaRadium MP3 CodecNote: Most programs will require that Windows Media Player is installed and fully up to date i.e.. Install the latest Media Player upgrade! You will probably also need Direct X 7.0 installed and Direct X Media (which is different from Direct X and needs to be installed as well). Be warned, though, you will not be able to uninstall Direct X
Uploading files with PHP 2008-03-27 03:21:38 In this tutorial I will explain how to create the upload form with PHP.I will cover uploading and renaming file, limiting file size, restricting file types and form validation.To start with create the new file and call it upload.php.Open our new file and in between the tags type the following:[codes=html]Full name:File: [/codes]I have already prepared some styling for our form – copy and paste the following code within the header of your page – right before the closing tag:[codes=css][/codes]Also – download this image which will be used as a background graphic for our button and place it in the same directory where your upload.php file is.If you test your page in the browser, you should see something like in Fig. 01.Go back to your file and under our form type:[codes=html][/codes]W Read more:Uploading
, files
Black Sleek Navigation Bar 2008-03-27 03:14:07 Create a new document, create a new layer, make selections then fill the color like this: Create a new layer, use Rectangular Marquee Tool to make selection then fill it wite white color.Blending Options for this layer: You will get:Create a new layer, use Rounded Rectangle Tool to make selection like this:Blending Options for this layer: You will get the result like this: Create a new layer, use Rectangular Maequee Tool to make a selection then fill it with color #09E4F8 like the picture below:Blending Options for this layer: You will get: Create a new layer, Ctrl + Click on the button layer to get the selection, use Linear Gradient to drag like this:You will get: Create a new layer, make an Inset Line like the picture below:Add some details to button to make it looks better: Dupl Read more:Black
, Sleek
, Navigation
Light In The Darkness Effect 2008-03-27 03:08:29 Create a new document 600x450px, apply Radial Gradient like the picture below: Create a rectangle selection and create a new layer, continue to use Gradient tool with information above (Linear Mode) to drag a gradient like the picture belowPress Ctrl+Shift+I to inverse selection, continue to use Gradient tool with information above (Linear Mode), select Reverse and drag a gradient in a new layer:Duplicate layer 2 and change Mode: soft light for layer 2 copy then move it down a bit: Go to Filter / Blur / Motion Blur: You will get: Create a new layer and fill it with black color, use Rectangler Marquee to draw a selection then go to Select / Feather: 50 or 60px then press Delete a few timesOpen a desk lamp picture and cut it out of backgroundMove the desk lamp to this file and fill it with b Read more:Darkness
Styling Tables Using CSS 2008-03-26 13:00:48 This is part two of our table tutorial. In part one I explain why you should still use tables and when to use them. No we will apply some style to those ugly tables using CSS. If you haven’t created the table yet please follow the “How and Why You Should Still Use Tables
” tutorial.This is the table we will be creating in this tutorialNow we are going to need to finish that table.htm file by making it into a proper HTML file. First we will add the open and close HTML tags. Also make sure that you remove the border=”1” setting from the table tag. We will now be using CSS to set the border style.[codes=html] First Name Last name Age John Ward 21&n
Changing Thumbnail Size in Windows XP 2008-04-06 12:26:12 This simple tutorial will walk you through the steps to configure you thumbnails to be bigger than the default size. Alternatively, you could make them smaller as well, if you would like to fit more on a page but still have the thumbnail view. This will only change it for one user as well, so if other people use your machine, it will not affect them. Keep in mind that if the thumbnails are getting made bigger than they should they may distort after a certain size. Let’s get started.This is the default size of the thumbnail images in windows XP. We will be modifying the registry to make this change. To open the registry editor, click on Start and select Run (Please note that my start menu says TeamTutorials instead of “start” – Learn how to change that by following - Read more:Changing
, Windows
Tons Of Firefox Tips You Havent Seen! 2008-04-06 11:43:20 Tip: Double Clicking empty space on the Tab Bar will open a 'New Tab'Tip: Middleclick/MouseWheelClick on a Bookmark on your Personal Toolbar will open it up in a New TabTip: MiddleClick/MouseWheel Click on a folder will open all the bookmarks in the folder in a new Tab(s)Tip: holding down the Shift or Ctrl key when you RightClick to "View Image" or "View Backround Image"will open the image in a New Tab or New Window.Tip: Unused menus or menu Items can be hidden by using the customizing your userChrome.css stylesheetTip: MiddleClick/MouseWheel Click on a Tab will close that Tab.Tip: MiddleClick/MouseWheel Click on a History item will open the page in a new TabTip: MiddleClick/MouseWheel Click on the Back and Forward buttons will open the last/next page in a new TabTip: MiddleClick/MouseWhee Read more:Firefox
Another Dark Art Picture Style 2008-04-05 13:52:04 These are the stocks needed for this tutorials, click here to downloadThe first you open this picture, press Ctrl+J to duplicate layer then change blend mode: Soft lightCut the lady out of background (Feather=5)Move the lady to the first picture, press Ctrl+B to open Color Balance, set information like this:Press Ctrl+J to duplicate lady layer, blend mode: Screen and adjust Opacity of layer copy: 70%. You will get the result:Open cloud stock, use Elliptical marquee tool to make selection like this (Feather=20)Move selected part of cloud to background, use Free Transform (Ctrl+T) to make it fit in background, change blend mode: ScreenDuplicate cloud layer, use Free Transform (Ctrl+T) to reverse layer copy then move it to bottom of backgroundGet Moon from this stock, feather 10px:Move moon l Read more:Picture
, Style
Dreamy Mystical Photo Effect 2008-04-05 13:41:11 In this tutorial, we will use these stocks:Photo
1:Photo 2:The first, you open Photo 1, press Ctrl+M to open Curves and do like this:Now you open Photo 2, use any cutting tool to get the lady out of backgroundMove the lady to Photo 1 like this: Press Ctrl+B to open Color Balance of layer Photo 2, set information like this:After that, you apply Color Balance to Photo 1 with information like the picture aboveYou will get:Create a new layer, put new layer under Photo 2 and over Photo 1Set Foreground and Background ( #74C9DD, #000000) Go to Filter -> Render -> CloudOpen Brush tool then pick this brush:Choose color #8BBCC8 then apply brush to picture like this:Create a new layer, use soft brush 45px to paint around the lady like this:Go to Filter -> Blur -> Motion BlurContinue open Read more:Dreamy
Contact form 2008-03-31 12:48:34 Need a contact form for your site? This tutorial shows you how to create one.This tutorial assumes you have a basic knowledge of PHP there are other tutorials on this site that explains some of the mechanics used here.The contact form will be sent to your email address once the form is completed.First we check that the form has been submitted: [codes=php]<?php//This code runs if the form has been submittedif (array_key_exists('submit', $_POST)){?>[/codes]If the form has been submitted we check to make sure the fields are not empty and trim any white space.We first check the name field We make sure the input is less then 3 but not more then 20 char actors using the function strlen (string length) if the char actors are less or more then specified then an error is set bu
Z-index, background images and hidden text - Search Engine friendly 2008-03-31 12:15:47 In this tutorial I will explain how to use background
images with a different tags to place them one on top of the other using absolute positioning and z-index.Demo is available here.Images used in this tutorial: 01.gif | bullet.gifFirst create a simple structure like for instance:[codes=html]Some text with the keywordsSome more secondary keywords[/codes]Now just apply styling to it::[codes=css]body {font-family: Verdana, Arial, Helvetica, sans-serif;margin: 0px;padding: 20px 0px 20px 0px;text-align: center;}#wrapper {padding: 0px;width: 800px;margin: 0px auto 0px auto;height: 300px;position: relative;}h1, h2 {text-indent: -999999px;display: block;margin: 0px;padding: 0px;font-size: 11px;position: absolute;overflow: hidden;background-attachment: scroll;backgro Read more:Search
, Engine
, Search Engine
Recommend Site To A Friend
