music2 : Music « Templates « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Templates » Music 




music2
   

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Music Website</title>

<style type='text/css'>
/* CSS Document */

body
{
margin:0px;
padding:0px;
background-image:url(music2-images/bdy_bg.jpg);
background-repeat:repeat;
}
a:link {
  text-decoration: none;
  outline:none;
}
a:visited {
  text-decoration: none;
  outline:none;
}
a:hover {
  text-decoration: none;
  outline:none;
}
.outertable
{
width:1000px;
background-image:url(music2-images/bg.jpg);
background-repeat:no-repeat;
height:910px;
}
.top-middle
{
background-image:url(music2-images/middle-top.jpg);
background-repeat:repeat-x;
}
.right-middle
{
background-image:url(music2-images/right-middle.jpg);
background-repeat:repeat-y;
}
.bottom-middle
{
background-image:url(music2-images/middle-bottom.jpg);
background-repeat:repeat-x;
}
.left-middle
{
background-image:url(music2-images/middle-left.jpg);
background-repeat:repeat-y;
}
.white-light
{
background-color:#f2f2f2;
}
.text1
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#940101;
text-decoration:none; font-weight:normal;
text-align:center;outline:none;
}
.text2
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#9d9a9a;
text-decoration:none;outline:none;
}
.text3
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#7e7c7c;
text-decoration:none;
line-height:20px;
text-align:justify;outline:none;
}
.text4
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3e3b3b;
text-decoration:none;
font-weight:bold;outline:none;
}
.text5
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;

}
.red-bg
{
background-color:#940101;
}
.grey-bg
{
background-color:#9d9a9a;
}
.heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#626060;
text-decoration:none;outline:none;
}
.link1
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#940101;
text-decoration:none;outline:none;
}
.link1 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#940101;
text-decoration:none;outline:none;
}
.link1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#940101;
text-decoration:underline;outline:none;
}
.link2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.link2 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.link2 a:hover

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:underline;outline:none;
}
.border1
{
border-bottom:1px dashed #ccc6c6;
}


</style>



</head>



<body>

<table width="1000" border="0" cellspacing="0" cellpadding="0" class="outertable" align="center">

  <tr>

    <td align="right" valign="top" ><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td height="199" align="left" valign="top" style="padding-top:32px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="73%">&nbsp;</td>

            <td width="27%"><a href="index.html"><img src="music2-images/logo.jpg" width="235" height="23" border="0" /></a></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td height="682" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">         

          <tr>

            <td width="340" rowspan="2">&nbsp;</td>

            <td width="660" align="left" valign="top"><h5 class="style1"> </h5></td>

          </tr>

          <tr>

            <td align="left" valign="top" style="padding-right:15px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="27"><img src="music2-images/left-top.jpg" width="27" height="23" /></td>

                <td width="606" class="top-middle">&nbsp;</td>

                <td width="27"><img src="music2-images/right-top.jpg" width="27" height="23" /></td>

              </tr>

              <tr>

                <td class="left-middle">&nbsp;</td>

                <td valign="top" class="white-light"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="118" height="35" align="center" class="text2" ><a href="index.html" class="text2">HOME</a></td>

                        <td width="118" align="center" class="text1"><a href="aboutus.html" class="text1">ABOUT US</a> </td>

                        <td width="118" align="center" class="text2"><a href="artists.html" class="text2">ARTISTS</a></td>

                        <td width="118" align="center" class="text2"><a href="musics.html" class="text2">MUSICS</a></td>

                        <td width="118" align="center" class="text2"><a href="contacts.html" class="text2">CONTACTS</a></td>

                      </tr>

                     <tr>

                        <td width="118"  align="center" class="grey-bg" height="2" ></td>

                        <td width="118" align="center" class="red-bg"> </td>

                        <td width="118" align="center" class="grey-bg"></td>

                        <td width="118" align="center" class="grey-bg"></td>

                        <td width="118" align="center" class="grey-bg"></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td>&nbsp;</td>

                  </tr>

                  <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                          <tr>

                            <td class="heading">ABOUT US </td>

                          </tr>

                          <tr>

                            <td height="7"></td>

                          </tr>

                          <tr>

                            <td class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. when an unknown printer took a galley of type and scrambled it to make a type specimen book. when an unknown printer took a galley of type and scrambled it to make a type specimen book. </td>

                          </tr>

                          <tr>

                            <td align="right" class="link1" ><a href="#" class="link1">readmore..</a></td>

                          </tr>

                        </table></td>

                        </tr>

                      <tr>

                        <td width="51%" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">

                          <tr>

                            <td align="left" class="heading">CATEGORIES</td>

                          </tr>

                          <tr>

                            <td height="7"></td>

                          </tr>

                          <tr>

                            <td valign="top" class="text3"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                <tr>

                                  <td><img src="music2-images/1.jpg" width="76" height="68" /></td>

                                  <td><img src="music2-images/2.jpg" width="76" height="68" /></td>

                                  <td><img src="music2-images/3.jpg" width="76" height="68" /></td>

                                </tr>

                                <tr>

                                  <td colspan="3" height="7"></td>

                                </tr>

                                <tr>

                                  <td><img src="music2-images/4.jpg" width="76" height="68" /></td>

                                  <td><img src="music2-images/5.jpg" width="76" height="68" /></td>

                                  <td><img src="music2-images/6.jpg" width="76" height="68" /></td>

                                </tr>

                            </table></td>

                          </tr>

                        </table></td>

                        <td width="49%" align="right" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">

                          <tr>

                            <td align="left" class="heading">MUSICAL NEWS </td>

                          </tr>

                          <tr>

                            <td height="7"></td>

                          </tr>

                          <tr>

                            <td valign="top" class="text3"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                <tr>

                                  <td colspan="3" class="text4">APRIL 102010</td>

                                  </tr>

                                <tr>

                                  <td colspan="3" class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>

                                </tr>

                                <tr>

                                  <td colspan="3" height="8" ></td>

                                </tr>

                                <tr>

                                  <td colspan="3" class="text3"><span class="text4">APRIL 102010</span></td>

                                </tr>

                                <tr>

                                  <td colspan="3" class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>

                                </tr>

                                <tr>

                                  <td colspan="3" align="right" class="link1" ><a href="#" class="link1">readmore..</a></td>

                                </tr>

                                

                            </table></td>

                          </tr>

                        </table></td>

                      </tr>

                      <tr>

                        <td colspan="2" valign="top" style="padding-top:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                          <tr>

                            <td><span class="heading">HOT TOPIC </span></td>

                          </tr>

                          <tr>

                            <td class="text3" height="8"></td>

                          </tr>

                          <tr>

                            <td class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </td>

                          </tr>

                          <tr>

                            <td align="right" class="link1"><a href="#" class="link1">.</a></td>

                          </tr>

                        </table></td>

                        </tr>

                    </table></td>

                  </tr>

               

                </table></td>

                <td class="right-middle">&nbsp;</td>

              </tr>

              <tr>

                <td><img src="music2-images/left-bottom.jpg" width="27" height="23" /></td>

                <td class="bottom-middle">&nbsp;</td>

                <td><img src="music2-images/right-bottom.jpg" width="27" height="23" /></td>

              </tr>

            </table></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="red-bg" height="29">

          <tr>

            <td width="2%" rowspan="2" >&nbsp;</td>

            <td width="42%" rowspan="2" align="left" class="text5" >Copyrights &copy;          Company Name 2010. All rights Reserved. </td>

            <td width="53%" align="right" class="link2"><a href="index.html" class="link2">Home</a>  | 

       <a href="aboutus.html" class="link2">About Us</a>  |  

       <a href="artists.html" class="link2">Artists</a>  | 

        <a href="musics.html" class="link2">Musics</a>  |  

        <a href="contacts.html" class="link2">Contacts</a></td>

            <td width="3%">&nbsp;</td>

          </tr>

       <tr>

            <td align="right" class="text5"><p style="font:normal 11px arial; color:#b1b1b1; display:inline;">Brought by </p><a href="http://www.globaltemplates.com/" style="font-size:11px;color::#b1b1b1"> Free Website Templates</a></span></td>

            <td width="3%">&nbsp;</td>

       </tr>

        </table></td>

      </tr>

      

    </table></td>

  </tr>

</table>

</body>

</html>

   
    
    
  














Related examples in the same category
1.music-beats
2.music-club
3.music-portal
4.music-school
5.music-store
6.music03
7.music1
8.musiciansagency
9.musicmania
10.musicshop
11.musicshow
12.musicstore
13.wood-guitar
14.thepiano
15.Guitar-Band
16.guitarhero
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.