css div transparent

hi,
i introduce a new technology in css that is making div tag as transparent looking in better

<div id="demo">
</div>
the css code will be given by,

#demo{

opacity:0.9;

filter:alpha(opacity=60); /* For IE8 and earlier */

position:absolute;
color:#0000FF;
background: #000000;
border:1px solid #111111;
}
opacity gives the transparent property
thank you.

what is div tag and thier use

what is a div tag?

using div tag we can logically divide a page

to devide a page we use iframe and this is old method and also some restrictions.
to divide page logically and use freely
then we use div tag and div tag having two arguments id and class you can specify your manner to use the program.

eg:

<div class="tem" id="tem1">

</div>

using css we can move div tag in any space in the screen

using:
#tem1{
position:absolute;
}
thank you.

simple jquery media player

Hi,
I will tell you the simple jquery mp3 player .It is the simple approach and also readable to the user .

this is the downloaded link to the user i will tell you next time to mysql and media players

CLICK HERE TO GET SOURCCE

 thank you.

css div tag side crop

hi,
let us discuss the div tag angle side crop
many method are available but i am showing the one method using css and html div tag.we have a div tag
eg:
      <div id="temp"></div>
to adjust the div tag side end in crop style using css given by
#temp
{
 margin:0;
 position:absolute;
 background: #0000FF;
 color:#CCCCCC;
 top:18px;
 right:313px;
 width:122px;
 -moz-transform:rotate(-39deg);
 -moz-border-radius-topleft: 10000px 9000px;
  -moz-border-radius-topright: 10000px 9000px;
   -moz-border-radius-bottomleft: 10000px 9000px;
  -moz-border-radius-bottomright: 10000px 9000px;
   -moz-box-shadow:inset 0 3px 10px #000000;
   -webkit-box-shadow:inset 0 3px 10px #000000;
   box-shadow:inset 0 3px 10px #000000; 
}
thank you.

edit php file error

hi,
when you create a php file using notepad instead of dream viewer software you may feel the php file not saved in the form of

filename.php

you may see it like

filename.php.txt

to avoid this error there is a trick

run the command prompt and go to the file directory and type edit and open the file in the edit platform and save as to the filename.php or rename to filename.php and close the command promt.
This will lead to the correct file name and you can run in the server
thankyou.

browser resized and position problem

hi,
you are bother about the creation of html page and thier css arrangement
when you resized the browser it will resized the content also

to avoid this use,pixel instead of  % in your  css content value

ex:

width:100px;

and width:20%;

and also use the

margin:0 or margin:auto

to avoid browser resized problem  and also the screen resolution problem\
thank you.

css div tag movements

Hi friends let us discuss the css div tag movements

now a days css3 is used and also i wrote only mozilla firefox code and if u want i will tell u all the codes

i used a div tag named demo and when mouse over the div tag then it will provide movements

Html code:-

<div id="demo">
THIS IS TEST DEMO
</div>

css code:-
#demo{
cursor: default;
margin:0;
top:10%;
left:3%;
width:30%;
height:50%;border-radius: 5px;
  background: white;
  position: absolute;
   -moz-box-shadow:inset 0 3px 10px #000000;
   -webkit-box-shadow:inset 0 3px 10px #000000;
   box-shadow:inset 0 3px 10px #000000;

  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
}

#demo:hover{
margin:0;
top:20%;
left:30%;
width:30%;
height:50%;border-radius: 5px;
  background: white;
  position: absolute;
   -moz-box-shadow:inset 0 3px 10px #000000;
   -webkit-box-shadow:inset 0 3px 10px #000000;
   box-shadow:inset 0 3px 10px #000000;

  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
}

this will show the mouse action also
let you try and replay me
thank you

css div tag rotate

Hi
i am telling you to the rotation of div tag in html.You know the css and i will tell you the code to rotate div tags in any angle .

-moz-transform: skewy(40deg) skewx(40deg);

this will give you the skew effect of the div tag using mozilla fire fox
also the rotation is given by

 -moz-transform: rotate(45deg);

thank you