cityzen

You can even try it as a beta testing to your site, and just publish your site wit our interupting any user / service.a free tld is a grate way to experiment. Hope you will use it and make yourself a master.Wish you good luck.

As long as you are providing quality content, people will link to it. It won't happen instantly but it will happen over time. The main thing, which can't be stressed enough, is that you need quality. Without it, you won't find good sites that are willing to link to you, as that affects their reputation as well.

I have had good success with Xubuntu on older machines. It uses smaller packages and works well with older, slower machines. It can be installed also using Wubi on a windows machine. For ease of updates, create a separate HOME partition to store the User files and you can update Linux without losing your data.Have you tried uninstalling and re-installing your VLC?

Hello Friends,Good question, there are free applications over the web which you can use in creating PDFs with security from distribution. I'm sorry, but I can't give you all of them. Just try typing "free pdf converter" in any search engines. My favorite is PrimoPDF. If you are using corel applications, you can convert it there too.Hope this helpsTony Mccallum

I am going to blatantly advertise the fact that xisto also does web designing
 
Now Coming to the project, because you are giving KS members a chance to help you which is great , it comes in very handy if you know what kind of design work you need so to avoid miscommunication / dissatisfaction at the end of the day. There are a few things you need to think out yourself before involving a web designer because you know your project best.


Do you have a particular theme in mind or colors you want to incorporate? Is your logo ready? Logos help in setting up the perfect color palette and theme.
Is your audience from one sect (youngsters, oldsters or mixed)
Is it going to be a static or a dynamic website?
Websites you like. These come in handy since a designer can understand your taste/choice better.
Is it a website that is content driven or graphics driven. Your designer can utilize space best when they know how much space they have.
Deadlines & budgets. Being transparent about your deadlines & budget is very helpful when choosing your designer and also
These are common questions any web designer would ask you to understand the scope of the project. So take your time and let us know when you are ready. We are always happy to help

Hi Cityzen!it's good to have you join us here in the forums. There are a lot of Internet technologies around, from Oracle's/Sun's Java Server Pages to PHP and even Microsoft's Active Server Pages.NET. Then again, there are web crawlers that are not web applications per se, but they download web pages off the Internet so that you can index them and make them searchable with an indexer. There are also Really Simple Syndications news readers, which are desktop or mobile applications that pick up the articles off websites in Extended Markup Language (XML) format. Pretty much every major newspaper website provides content in XML format, including BBC and CNN, so you can actually provide a news reader!Then again, at the networking level, there are routers, firewalls, and proxy servers which again are Internet technologies so there is a vast vast ocean for you to conquer! :-)There are several web hosting plans and even if you subscribe to the basic plan, you will be able to do lots with it. You can host about half a dozen domains with it, use close to a dozen MySQL databases (and PostgreSQL databases too?), and even setup e-mail forwarding so you can get an e-mail address with your domain name in it. It explains why a lot of people stick to Xisto and haven't gone elsewhere in the pursuit of web hosting. Besides, where else do you find web hosting that is completely free?

Cityzen,

I hope I am not too late Welcome to the forums, it is great that you are liking the vibe and we here are looking forward to your contributions. I really liked your topic about virtual hosts and hope that you'll submit more topics like that one.

Maybe you can start off by telling us what you like best about the internet technologies... And if you have not yet signed up at Xisto - Support, you should as you are eligible for mycent earnings.

This topic should answer any questions you might have but you can always ask any of the members your questions

Hey, it was good, . Thanks for it, and more tutorials are always welcome. They also benefit the writer in that you help yourself remember things a lot better by teaching others.

The purpose of this short tutorial – my first one – is to help you to manage your web laboratory, combining online and offline stuffs, and switch easily between virtual and real host using the same address.
 
Let’s say that you want to test in a safe and clean way some codes in your own PC before to upload them to the web. Your websites use external stuff, like fonts, javascripts, datas or whatever offered by Google, Bloomberg or Facebook, and are located to their websites.
 
The question is: how to switch easily between the testing environment (the virtual host located in your PC, only accessible to you) and real host (located in the real world, the Web), and reverse using the same address: ‘yoursite.com’?
 
Half answer is: the latest version of EasyPHP includes an optional module called ‘Virtual Hosts Manager’. It’s perfects for simple needs and is easy to install... but it has some issues that makes it useless. We'll solve this here.
 
At first you’ll have to install once the environment Server in your PC, then we'll see how to create in 3 easy steps your web laboratory with as many domains and subdomains as you wish into your computer, and switch between virtual and real web,
 
__________________________________________________________________________
 
Installation and configuration of your WAMP
__________________________________________________________________________
 
Install your WAMP – Windows Apache MySQL PHP
 
Goal: to get a virtual web server environment full featured in you PC.
 
Go to http://www.easyphp.org/ and install the version and modules of your choice. (Wordpress, Drupal, Prestashop, Joomla, etc.)
 
By default it will be installed in this folder:
C:Program FilesEasyPHP-12.1
 
Note: if you want to install it elsewhere, make sure to do the appropriate modifications in the further steps.
 
__________________________________________________________________________
 
Install the Virtual Hosts Manager in your WAMP
 
Goal: configure your WAMP to support Virtual Hosts
 
Go to http://www.easyphp.org/ to get the latest Virtual Hosts Manager, or download it directly using this link:
http://forums.xisto.com/no_longer_exists/
 
Install it in the same folder as EasyPHP:
C:Program FilesEasyPHP-12.1
 
In the EasyPHP program, make sure that Apache is running and go to ‘Administration’, or press the touches ‘ctrl+A’, or go directly in your browser to:
http://forums.xisto.com/no_longer_exists/
 
(If it doesn’t work, do the appropriate changes as described in the next step, and come back here)
 
In the list of modules, you’ll see Virtual Hosts Manager, and at it’s left a button saying ‘add virtual host’. Feel free to use it, personally I avoid it.
 
This module doesn’t offer all the flexibility and liability that you deserve, you’ll probably get several heavy warning messages while you use it, and switching often between virtual and real Host may become a nightmare when you do many tests, instead of exiting as it should be: it doesn’t activate/deactivate virtual hosts properly. But, if it works well enough for you and meets all your needs, you can use it ‘as is’ and won’t need to walk through the further steps.
 
At this point: We installed a module that alouds easyPhp to support Virtual Hosting.
 
__________________________________________________________________________
 
Apache - Edit the port of your localhost
 
Goal: simplify the configuration of your localhost
 
Make a backup and open the Apache configuration file:
C:Program FilesEasyPHP-12.1conf_fileshttpd.conf
 
Go to the row 62, normally you should see this:
Listen 127.0.0.1:80
 
Then it’s ok and you can go to the next step.
 
Otherwise, if you see something like:
Listen 127.0.0.1:8887
 
Below this row, add this one:
Listen 127.0.0.1:80
 
Note: if you want to deactivate this for whatever reason, you can comment this row just adding a ‘#’ at the beginning of the row.
 
At this point: now you can access to your localhost just typing 127.0.0.1 in your browser and will be able to edit properly the hosts file as described below.
__________________________________________________________________________
 
The 3 easy Steps to configure your Virtual Hosts
 
__________________________________________________________________________
 
Step 1: Edit your ‘Hosts’ file
 
Goal: redirect ‘yoursite.com’ to your localhost
 
With Wordpad, open the file:
C:WINDOWSsystem32driversetchosts
 
It’s a file without extension, make first a backup copy.
 
Add the following row to your ‘hosts’ file:
127.0.0.1 yoursite.com
 
Optional tip: If you want to access to your localhost just typing ‘localhost’, then add this row if it’s missing:
127.0.0.1 localhost
 
Save your modifications and make sure that your text editor didn’t add a ‘.txt’ extension to your file, otherwise it won’t work, and that’s why I recommend Wordpad to do it.
 
At this point, if you visit ‘yoursite.com’ with your browser, you should access to the contents of your ‘localhost’ witch files are located in your PC.
 
__________________________________________________________________________
 
Step 2: Apache - Create a configuration file for ‘yoursite.com’
 
Goal: define the specific folder for ‘yoursite.com’ in your localhost
 
First, create the main folder for your offline works:
C:Program FilesEasyPHP-12.1wwwyoursite
 
Now, open the Apache configuration folder
C:Program FilesEasyPHP-12.1apacheconf
 
Create a new text file and add the following rows:
 
<VirtualHost 127.0.0.1>
DocumentRoot "C:/Program Files/EasyPHP-12.1/www/yoursite"
ServerName yoursite.com
<Directory "C:/Program Files/EasyPHP-12.1/www/yoursite">
Options FollowSymLinks Indexes
AllowOverride All
Order deny,allow
Allow from 127.0.0.1
Deny from all
Require all granted
</Directory>
</VirtualHost>
 
Note: be aware, Apache makes a difference between ‘/’ and ‘’
 
Save this file as:
C:Program FilesEasyPHP-12.1apacheconfyoursite.conf
 
At this point: you just created a configuration file for the Apache server that you can activate/deactivate in the next step.
 
__________________________________________________________________________
 
Step 3: Apache – Activate your configuration file
 
Goal: Activate the configuration of your Virtual Host in you local server
 
With your text editor, open the Apache configuration file:
C:PROGRAM FILESEASYPHP-12.1conf_fileshttpd.conf
 
At the end of the file, add the following row:
Include conf/yoursite.conf
 
Important: with your EasyPhp console, first: STOP Apache, then: START Apache, just restarting may not always work properly either.
 
At this point: if you visit ‘yoursite.com’ with your browser, you’ll access to the empty file you just created for your virtual host.
 
__________________________________________________________________________
 
How to Activate/Deactivate Virtual Hosts
 
Like in Step 1, open your ‘Hosts’ file, and then, to deactivate, the Virtual Host of your choice just add a ‘#’ at the beginning of it’s row, and save it. To reactivate it, just remove the ‘#’:
# 127.0.0.1 yoursite.com
 
Then you’ll access directly to the web.
 
Note: Apache doesn’t need to restart, as you don’t need to touch the configuration files.
 
__________________________________________________________________________
 
Conclusion
 
Now you can install and test everything you wish safely and combine online and offline stuffs using the same address, and switch easily between your online and offline websites, just adding or removing a ‘#’ from your ‘Hosts’ file. It may seem tricky in a first view, but the result is very simple, quick and reliable.
 
Note: This is my first tutorial, if you find whatever mistake, something unclear, know a better way to do or say it, I will really appreciate.

Thanks for the interest! I'll try to get some information to you as soon as possible. I'm working on finishing up the skeleton design so it can go from there.

Welcome to the site.Glad to have another "coder" around.Looking forward to reading your Tutorials.Enjoy your time here and as per above, ask questions any time.

So you have a great idea for an online business but have no money for startup. So here is a small tutorial on how to get started.What you will need to get started:1) Computer2) Internet Access3) Office Suite Software4) A Website5) Marketing6) Financial Software7) Email8) Other various applications to get your business up and running9) A logoand other services to get whatever idea you have up and running.So where do you get all this great stuff for free or very little cost?Well computers are not that hard to find. You don't need to have the top of the line either, because most of what you will be doing, will be done on the web. Unless you are doing graphics, I would recommend seeing if a friend or acquaintance has an old one you could have. I can tell you I have found dozens of computers in dumpsters need office bldgs.Internet Access. This is going to be your only cost out of pocket. Unless you live in an area where you can piggy back on someone open wireless connection. Which I highly recommend BTW :)Ok so you have a computer, you have internet access, what's next. An office Suite. Yeah but MS Office is like $200 and up. Ok so do get that. Go download OpenOffice from http://www.openoffice.org/. Their software is as compatible and works with all the file formats that MS Office produces and save sin those formats as well. And it's 100% and community supported.Ok now you need a domain name and a website. Here is an easy solution. Xisto.com. Post and keep posting quality posts and you can get both for free.Marketing: This one will take a little work, but it does work. Try posting ads on Craigslist.org, it's free. Post ads in other forums and open websites that allow comments. Try setting up fan pages on facebook, and creating a twitter account. ALl good marketing for free. Make a video for your site and stick it on youtube....Email, Financial software, other software, etc. Goto Zoho.com. Sign up for a free account and get access to, your own wiki, your own financial software for billing, presentation software, chat software, contacts, a CRM (Customer Relation Management software), and much much more, including email.And a logo. Now this one may seem hard to come by, but there is a myriad of people out there that will design you a logo for free. Just so they can add it to their portfolio. All you have to do is ask. Try multiple forums, posting sites, and college forum sites.Pretty easy huh?Oh yeah, need a phone number for your business, google voice. It's free and you can forward it to any phone you want. Need 2 numbers? Sign up for 2 google voice numbers, change the options to land or work, and you can forward 2 numbers to the same forwarding number :)Enjoy!

Hey, welcome to the site! There's definitely a lot to learn here with regards to various Internet-related topics, as well as offline ones as well. Hope you enjoy your time here, and if you have any questions feel free to ask, .

As soon as I set this up the first thing I did was make it autoplay, it just makes sense. If you haven't already figured it out or given up, here's how it goes:

add two elements:

object.style.display = 'none';

// Show next picture, if last, loop back to front
if (current == last) { current = 1; }
else { current++ }
object = document.getElementById('slide' + current);
object.style.display = 'block';
setTimeout(nextPicture, 2500); //NEW LINE in the end of nextPicture function
} //a self repeating call at a delay of 2.5 secs
//adjust the seconds to your liking


linenums:0'>function nextPicture() { // Hide current picture object = document.getElementById('slide' + current); object.style.display = 'none'; // Show next picture, if last, loop back to front if (current == last) { current = 1; } else { current++ } object = document.getElementById('slide' + current); object.style.display = 'block'; setTimeout(nextPicture, 2500); //NEW LINE in the end of nextPicture function } //a self repeating call at a delay of 2.5 secs //adjust the seconds to your liking(the line which needs to be added should be 24.)

then in line 79 change <body> to:
(it will be 78 if you haven't already made the first change)

<body onload="setTimeout(nextPicture, 2500);">
I'm sure within a day or two I'll get bored with this and make the pictures fade in and out to black and/or white. I'll probably give a how to on that as well.
Let me know if this works for you!

The easiest way of background image slideshow is by assigning different backgrounds to different <div> tags.So the following part of above code:

<div id="slideShow"> ... <div id="slide10"> Some Text Here... </div> .... </div>
can be changed to:

<div id="slideShow"> ... <div id="slide10" style="background-image:url(bg_image_10.bmp)"> Some Text Here... </div> .... </div>
 
The style attribute can be given for all <div> tags. And if needed the text in all <div> tags can be same - this creates a background changing effect.
 
I hope that solved your problem

JavaScript Slideshow Tutorial
 
I'm going to show you how to make a impressive JavaScript slideshow. First, you're probably asking: why would I want to make a slideshow in JavaScript? There are a number of reasons. First, you don't have to build a new HTML page for each picture. Secondly, the page will load much faster because the of the compactness of the page.
Ok let's get started with this example.
 
First we'll add a <script> tag in the <head> of our HTML document. In that script tag we will build the following:
 

     first = 1;      last = 4;      current = 1;                  function nextPicture() {          // Hide current picture          object = document.getElementById('slide' + current);          object.style.display = 'none';                          // Show next picture, if last, loop back to front          if (current == last) { current = 1; }          else { current++ }          object = document.getElementById('slide' + current);          object.style.display = 'block';       }       function previousPicture() {          // Hide current picture          object = document.getElementById('slide' + current);          object.style.display = 'none';                          if (current == first) { current = last; }          else { current--; }          object = document.getElementById('slide' + current);          object.style.display = 'block';      }
First, I want you to look at the variables. first describes the first picture id, which is 1; last defines the last picture, and current holds the index of the current picture. The function nextPicture() hides the currently displayed picture, and displays the next picture using CSS controls. The function previousPicture() is almost exactly the same as nextPicture() except that it travels back one picture. Notice that current variable holds the current picture index. We are going to make this page styled through CSS. Here is my CSS code. you can change this to whatever you want. Put this in the <style> tag of your <head> tag. 

           .slideShow {                background-color: #ebebeb;                text-align: center;                margin-bottom: 10px;                padding: 5px;            }            .slides {                position: relative;                z-index: 1;                display: none;            }            .setTitle, .slideTitle {                font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;            }            .setTitle {                color: #995a01;                font-size: 14px;                font-weight: bold;                }            .slideTitle {                color: #666666;                font-size: 12px;            }            .controls {                position: relative;                z-index: 10;            }            #slide1 {                display: block;            }                        img {                border: outset 1px #999999;            }  
Ok, now we are going to put our pictures in our page. We do this through standard HTML. I'll explain this part after we go over the code.
 

       <div class="slideShow">            <div class="setTitle">Jaguars Track and Field Photos</div>                        <div id="slide1" class="slides">                <div class="slideTitle">Picture 01</div>                <img src="pic01.jpg" height="300" width="400" border="0" />            </div>            <div id="slide2" class="slides">                <div class="slideTitle">Picture 02</div>                <img src="pic02.jpg" height="300" width="400" border="0" />            </div>            <div class="controls">                <a href="javascript:previousPicture()" style="margin: 10px;">Ť Previous</a>                <a href="javascript:nextPicture()" style="margin: 10px;">Next ť</a>            </div>        </div>
This code goes in the <body> tag. I just put two slides on here, but you can easily add more. Here is the format for adding more slides. You place another <div> inside of the <div class="slideShow"> like this: 

<div id="slideShow">...<div id="slide10">     <div class="slideTitle">Your Slide Title</div>     <img src="pic10.jpg" height="600" width="430" border="0" /></div>....</div>
Ok, when all of this is put together, you have a quite nice Javascript-enhanced slideshow! Here is the code for the whole page. Remember to edit the variable last to be the same as your last slide number. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;<html xmlns="http://www.w3.org/1999/xhtml&%2334; xml:lang="en" lang="en">    <head>        <title>Slideshow</title>        <script language="JavaScript" type="text/javascript">            //<!--            //<![CDATA[                        first = 1;            last = 4;            current = 1;                        function nextPicture() {                // Hide current picture                object = document.getElementById('slide' + current);                object.style.display = 'none';                                // Show next picture, if last, loop back to front                if (current == last) { current = 1; }                else { current++ }                object = document.getElementById('slide' + current);                object.style.display = 'block';            }            function previousPicture() {                // Hide current picture                object = document.getElementById('slide' + current);                object.style.display = 'none';                                if (current == first) { current = last; }                else { current--; }                object = document.getElementById('slide' + current);                object.style.display = 'block';            }            //]]>            // -->        </script>        <style type="text/css">        <!--            .slideShow {                background-color: #ebebeb;                text-align: center;                margin-bottom: 10px;                padding: 5px;            }            .slides {                position: relative;                z-index: 1;                display: none;            }            .setTitle, .slideTitle {                font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;            }            .setTitle {                color: #995a01;                font-size: 14px;                font-weight: bold;                }            .slideTitle {                color: #666666;                font-size: 12px;            }            .controls {                position: relative;                z-index: 10;            }            #slide1 {                display: block;            }                        img {                border: outset 1px #999999;            }        -->        </style>    </head>    <body>        <div class="slideShow">            <div class="setTitle">Your Title</div>                        <div id="slide1" class="slides">                <div class="slideTitle">Picture 01</div>                <img src="pic01.jpg" height="300" width="400" border="0" />            </div>            <div id="slide2" class="slides">                <div class="slideTitle">Picture 02</div>                <img src="pic02.jpg" height="300" width="400" border="0" />            </div>            <div id="slide3" class="slides">                <div class="slideTitle">Picture 03</div>                <img src="pic03.jpg" height="300" width="400" border="0" />            </div>            <div id="slide4" class="slides">                <div class="slideTitle">Picture 04</div>                <img src="pic04.jpg" height="300" width="400" border="0" />            </div>            <div class="controls">                <a href="javascript:previousPicture()" style="margin: 10px;">Ť Previous</a>                <a href="javascript:nextPicture()" style="margin: 10px;">Next ť</a>            </div>        </div>    </body></html>
There you go! If you have any problems, suggestions, or questions please reply to this post. If you like this code, please rate me! Thanks

If it is possible, I think you would need to go with Javascript function and CSS which would do the same thing as the adobe flash. Personally I block flash content and don't really care about it, even though some people turns off Javascript, but I guess most of websites for them doesn't work.So I would go with Javascript and CSS to accomplish image transition.I personally am using jQuery Cycle plugin, which is easy to implement and is really good to use, is cross browser, even works on IE6 :)http://jquery.malsup.com/cycle/