Home » Archives for October 2012

Php Weby Free web software

Friday, October 26, 2012 0 comments

web directory script:

Weby Php script directory is a powerful and easy to use script FREE link management with numerous options for running a directory, catalog of sites or a simple link exchange system. Create a directory and general users to submit their favorite sites and charge if you want to review. Or create regional directory for your town or state and sell advertising, or niche directory about a topic you love or know

Download

PHP photo gallery script:

create your own photo album on the internet. With easy installation, you can have your gallery running in 5 minutes with unlimited albums and photos. To speed up the download, there is the multi-tool for image transfer in the admin area where you can download thousands of images at a time. You can protect your images against piracy in their tattoo with either text or image, and prevent hotlinking (optional). If you want your visitors can rate and comment. With photo editing software allows you to crop, rotate, blur, darken, lighten and more, your photos online.

Download

ip2country module for PHP:

PHPWeby ip2country PHP class to resolve the IP address (es) in the country. Use it for providing location aware content, fraud prevention, displaying the name of the country where the visitor, web analytics, or block users from certain countries. There are many other uses, we'll leave that to your imagination.

Download

PHP File Renamer:

FREE PHP File Renamer is PHP script that allows you to rename multiple files. I wrote this script because I had a problem when I needed to add the prefix and lowercase many PHP files on my web server. When you run the script, the script traverses the specified directory and its subdirectories (optional) search for files and rename them.

Download

Jquery Tutorial part 3

0 comments

video

fadeOut ( [speed|speed][, callback] ):

I to fade out the element by operating the transparency of each element is displayed.

Animation effects are executed at the speed that you specify.

Specifies the time, in milliseconds, to complete or, "slow", "normal", "fast", the speed. If "1500" for example, the animation is done over 1.5 seconds.

, "Normal" if it is omitted that I used.

In addition, you can also be specified in the second argument to the function to be called when the effect is complete.

fadeIn ( [speed|speed][, callback] ):

By manipulating the transparency of each element, we fused to display the hidden items.

Animation effects are executed at the speed that you specify.
Specifies the time, in milliseconds, to complete or "slow", "normal", "fast" speed. If "1500" for example, the animation is more than 1.5 seconds.
"Normal" if it is omitted that I've used.

In addition, you can also be specified in the second argument of the function to call when the effect is complete.

fadeTo(speed, opacity, [callback]) :

I will give the effect of changing gradually to the specified value, the transparency of each element.

Animation effects are executed at the speed that you specify.
Specifies the time, in milliseconds, to complete or, "slow", "normal", "fast", the speed. If "1500" for example, the animation is done over 1.5 seconds.

(A state that does not transmit) concentration of 1 100%, to reach transparency is specified as a fully transparent state 0. If 0.33, this is the appearance of 33%, for example.

In addition, you may also be specified in the third argument to the function to be called when the effect is complete.

Finale code :

<?/*
dzKabyle

http://web2-teach.blogspot.com
*/?>
<style>
.show_div, .li-box, .show_hide{
-webkit-border-radius: 15px;
-moz-border-radius: 10px;
border-radius: 10px; 
}
.show_div{
border:solid 1px #8e8e04; 
background:#FFFFCC;
color:#222222;
padding:6px;
text-align:center;
}
.li-box{
border:solid 1px #27739d; 
background:#94d5fb 97% ;
color:#222222;
padding:6px;
text-align:center;
}
.show_hide{
border:solid 1px #90ac13; 
background:#eef4d3 ;
color:#222222;
padding:6px;
text-align:center;
}

.a {
font-size: 24px;
border:solid 1px #ba4c0e; 
background:#ffcaa4;
color:#222222;
padding:6px;
text-align:center;
}

</style>
    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
    
    <script>
    $(document).ready(function(){
  $("#hide-box").click(function(){
        $("#li-box").fadeOut(800,function(){});
    });
    $("#show-box").click(function(){
        $("#show_div").fadeIn(800,function(){});
    });
   $("#toggle_box").click(function(){
        $("#toggle_div").fadeTo(800,0.5,function(){});
    });
 });
    </script>
</head>

<body>
  <span class="a"><a>Example : fadeOut</a></a></span><br><br>
<span id="hide-box">Out</span><br><br>
<div id="li-box" class="li-box" >fadeOut</div><br>
  <span class="a"><a>Example : fadeIn</a></span></a><br><br>
<span id="show-box">In</span><br><br>
<div id="show_div" class="show_div" style="display:none" >fadeIn</div>
<br>
  <span class="a"><a>Example : fadeTo</a></span><a></a><br><br>
<span id="toggle_box">fadeTo</span><br><br>
<div id="toggle_div" class="show_hide" >Trans</div>
<br>

pligg web 2.0 CMS

Thursday, October 25, 2012 0 comments

www.99designs.com

-->

pligg is a web 2.0 open source content management system

The Social Publishing CMS

Pligg is an open source CMS (Content Management System) that you can download and use for free. Pligg CMS provides social publishing software that encourages visitors to register on your website so that they can submit content and connect with other users. Our software creates websites where stories are created and voted on by members, not website editors. Use Pligg content management system to start your own social publishing community in minute

Source

Jquery Tutorial part 2 : slideUp() slideDown() slideToggle()

0 comments

video

slideUp( [speed|speed][, callback] ):
I want to hide the element ("div") by manipulating the height of each element, disappeared from the bottom to the top.
Animation effects are executed at the speed that you specify.
Specifies the time, in milliseconds, to complete or, "slow", "normal", "fast", the speed. If "1500" for example, the animation is done over 1.5 seconds.
, "Normal" if it is omitted that I used.
In addition, you can also be specified in the second argument to the function to be called when the effect is complete.

click

and View the results

slideDown( [speed|speed][, callback] ) :

I have to show the element ("div") by manipulating the height of each element, come down to slide from top to bottom.

Animation effects are executed at the speed that you specify.
Specifies the time, in milliseconds, to complete or, "slow", "normal", "fast", the speed. If "1500" for example, the animation is done over 1.5 seconds.
"Normal" if it is not set I is used.

In addition, you can also be specified in the second argument to the function to be called when the effect is complete.

click

and View the results

10 Day Free Trial from TollFreeForwarding

slideToggle( [speed|speed][, callback] ):

Operate the height of each element, we performed alternately operation slideDown / slideUp.

Animation effects are executed at the speed that you specify.
Specifies the time, in milliseconds, to complete or, "slow", "normal", "fast", the speed. If "1500" for example, the animation is done over 1.5 seconds.
, "Normal" if it is omitted that I used.

In addition, you can also be specified in the second argument to the function to be called when the effect is complete.

slide up

the results

slide down

finale code :

<?/*
dzKabyle

web2-teach.blogspot.com
*/?>
<style>
.show_div, .li-box, .show_hide{
-webkit-border-radius: 15px;
-moz-border-radius: 10px;
border-radius: 10px; 
}
.show_div{
border:solid 1px #8e8e04; 
background:#FFFFCC;
color:#222222;
padding:6px;
text-align:center;
}
.li-box{
border:solid 1px #27739d; 
background:#94d5fb 97% ;
color:#222222;
padding:6px;
text-align:center;
}
.show_hide{
border:solid 1px #90ac13; 
background:#eef4d3 ;
color:#222222;
padding:6px;
text-align:center;
}

.a {
font-size: 24px;
border:solid 1px #ba4c0e; 
background:#ffcaa4;
color:#222222;
padding:6px;
text-align:center;
}

</style>
    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
    
    <script>
    $(document).ready(function(){
  $("#hide-box").click(function(){
        $("#li-box").slideUp(700,function(){});
    });
    $("#show-box").click(function(){
        $("#show_div").slideDown(700,function(){});
    });
   $("#toggle_box").click(function(){
        $("#toggle_div").slideToggle(700,function(){});
    });
 });
    </script>
</head>

<body>
  <span class="a"><a>Example : slide Up</a></a></span><br><br>
<span id="hide-box">Up</span><br><br>
<div id="li-box" class="li-box" >slide Up</div><br>
  <span class="a"><a>Example :slide Down</a></span></a><br><br>
<span id="show-box">Down</span><br><br>
<div id="show_div" class="show_div" style="display:none" >slide Down</div>
<br>
  <span class="a"><a>Example : Toggle</a></span><a></a><br><br>
<span id="toggle_box">Up/Down</span><br><br>
<div id="toggle_div" class="show_hide" >Up/Down</div>
<br>

Jquery Tutoriel part 1 : Show() Hide() toggle()

Wednesday, October 24, 2012 0 comments

-->

Jquery Tutoriel part 1

$('.myelem').show( duration [, callback] ) : it's used to show the element ("myelem").

$('.myelem').hide( duration [, callback] ):it's used to hide the element ("myelem").

$('.myelem').toggle( duration [, callback] ): it's used to show and hide the element("myelem") at the same time.

callback : the function to call once the animation is done.

duration : a number determining how long the animation will run.

hide()

click hide and we see the result

Show() : and now click show

Toggle() : finally click toggle

hide

and show again

finally the full code :

http://web2-teach.blogspot.com

<style>

.show_div, .li-box, .show_hide{

-webkit-border-radius: 15px;

-moz-border-radius: 10px;

border-radius: 10px;

}

.show_div{

border:solid 1px #8e8e04;

background:#FFFFCC;

color:#222222;

padding:6px;

text-align:center;

}

.li-box{

border:solid 1px #27739d;

background:#94d5fb 97% ;

color:#222222;

padding:6px;

text-align:center;

}

.show_hide{

border:solid 1px #90ac13;

background:#eef4d3 ;

color:#222222;

padding:6px;

text-align:center;

}

.a {

font-size: 24px;

border:solid 1px #ba4c0e;

background:#ffcaa4;

color:#222222;

padding:6px;

text-align:center;

}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

<script>
$(document).ready(function(){
$("#hide-box").click(function(){
$("#li-box").hide(700,function(){});
});
$("#show-box").click(function(){
$("#show_div").show(700,function(){});
});
$("#toggle_box").click(function(){
$("#toggle_div").toggle(700,function(){});
});
});
</script>
</head>

<body>
<span class="a"><a>Example : Hide box</a></a></span><br><br>
<span id="hide-box">Hide box</span><br><br>
<div id="li-box" class="li-box" >Hide</div><br>
<span class="a"><a>Example : Show box</a></span></a><br><br>
<span id="show-box">Show</span><br><br>
<div id="show_div" class="show_div" style="display:none" >Show</div>
<br>
<span class="a"><a>Example : Toggle</a></span><a></a><br><br>
<span id="toggle_box">Show/Hide</span><br><br>
<div id="toggle_div" class="show_hide" >Show/Hide</div>
<br>

HTML5 & CSS3 : placeholder and required attributes

Sunday, October 21, 2012 0 comments

Placeholder:

The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).
The hint is displayed in the input field when it is empty, and disappears when the field gets focus.
Note: The placeholder attribute works with the following input types: text, search, url, tel, email, and password.