Friday, 27 June 2014

pic





web site

<html>
<head>
<title>Home Page</title>
<body align="center"><font color="red" size="5"></font>
<table border="9" bordercolor="#FFFFFF" width="1100" height="200" align="center">
<tr>
<td align="center"><img src="images/1.jpg" width="" height=""></img></td>
</tr>
<body bgcolor="#CC3300"></body>
</table>
<table border="10" bordercolor="#FFFFFF" width="1235" height="100" align="center">
<tr>
<td>
<td align="center"><a href="http://utvhot.blogspot.com"><font color="#00FFFF" size="5">Home</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/beauty"><font color="#00FFFF"size="4">Beauty</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/fashion"><font color="#00FFFF"size="4">Fashion</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/Makeup"><font color="#00FFFF"size="4">Makeup</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/Cosmetics"><font color="#00FFFF"size="4">Cosmetics</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/health"><font color="#00FFFF"size="4">Health</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/hair%20style"><font color="#00FFFF"size="4">Hair Style</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/dress%20Designing"><font color="#00FFFF"size="4">Dresses</font></a></td>
<td align="center"><a href="http://utvhot.blogspot.com/search/label/Showbiz"><font color="#00FFFF"size="4">Showbiz</font></a></td>
</td></tr>

</table>
<table border="10" bordercolor="#FFFFFF" width="" height="" align="center">
<tr>
<td align="center" width="136" height=""><a href="http://utvhot.blogspot.com/search/label/latest%20news"><font color="#00FFFF" size="4">Latest News</a></td></font>
<td align="center" width="1065" height="80"><marquee behavior="alternate" onMouseOver="stop ()" onMouseOut="start ()"><a href="http://utvhot.blogspot.com/2014/06/ltest-shoulder-flowers-ruffles-fashion.html"><font color="#00FFFF" size="4">Latest fashion design for girls in all world</a></font></marquee></td>
</tr>
</table>
<table border="10" bordercolor="#FFFFFF" width="1235" height="668" align="center">
<tr>
<td valign="top" width="300" height="500">
<table border="5" bordercolor="#FFFFFF" width="299" height="80">
<tr>
<td align="center" valign="top"><a href="http://www.technologycollections.com"><font color="#00FFFF" size="4">www.Technologycollections.com</a></font></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="80">
<tr>
<td align="center"><a href="http://www.msn.com/"><font color="#00FFFF" size="4">www.usaallfun.blogspot.com</a></font></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="80">
<tr>
<td align="center"><a href="http://google.com/"><font color="#00FFFF" size="4">www.allfunusa.blogspot.com</a></font></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="80">
<tr>
<td align="center"><a href="http://utvhot.blogspot.com/"><font color="#00FFFF" size="4">www.utvhot.blogspot.com</font></a></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="80">
<tr>
<td align="center"><a href="http://www.google.com/trends/"><font color="#00FFFF" size="4">www.Technology283.blogspot.com</font></a></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="80">
<tr>
<td align="center"><a href="http://www.technology285.blogspot.com/"><font color="#00FFFF" size="4">www.Technology285.blogspot.com</font></a></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="82">
<tr>
<td align="center"><a href="http://mobilerepair12.blogspot.com/"><font color="#00FFFF" size="4">www.Mobilerepair12.blogspot.com</font></a></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="82">
<tr>
<td align="center"><a href="http://usaallfun.blogspot.com/"><font color="#00FFFF" size="4">www.allfun62.blogspot.com</font></a></td>
</tr>
</table>
<table border="5" bordercolor="#FFFFFF" width="299" height="82">
<tr>
<td align="center"><a href="http://usaallfun.blogspot.com/"><font color="#00FFFF" size="4">www.usaallfuns.blogspot.com</font></a></td>
</tr>
</table>
<font color="#00FFFF" size="4"></td>
<td align="center" width="600" height="500"><font size="4"><font color="#00FFFF" size="4">Articale</font></td>
<td valign="top" width="398" height="500">
<table border="10" bordercolor="#FFFFFF" width="397" height="321" align="center">
<tr>
<td align="center" bordercolor="#FFFFFF"><font color="#00FFFF" size="4"><img src="images/2.jpg" width="396" height="320"></img></font></td>
</tr>
<table border="10" bordercolor="#FFFFFF" width="397" height="350" align="center">
<tr>
<td align="center"><font color="#00FFFF" size="4"><img src="images/3.jpg" width="396" height="350"></img></font></td>
</tr>
</table>
</body>
</head>
</html>

Thursday, 26 June 2014

devtrix

<!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>
    <title>Sliderman.js - Examples - Created by Devtrix.net</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="keywords" content="slideman, sliderman.js, javascript slider, jquery, slideshow, effects" />
    <meta name="description" content="Sliderman.js - will do all the sliding for you :)" />
    <style type="text/css">
        * { margin: 0; outline: none; }
        body { background-color: #444444; }
        .c { clear: both; }
        #wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 960px; }
        h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276; text-shadow: 0 1px 3px #222222; }
    </style>

    <!-- sliderman.js -->
    <script type="text/javascript" src="js/sliderman.1.3.8.js"></script>
    <link rel="stylesheet" type="text/css" href="css/sliderman.css" />
    <!-- /sliderman.js -->
</div>
<body>
    <div id="wrapper">

        <div id="examples_outer">
            <h2>Sliderman.js &mdash; Demo 1</h2>

            <div id="slider_container_1">

                <div id="SliderName">

                    <a href="#1">
                        <img src="img/1.jpg" title="Description from Image Title" />
                    </a>
                    <div class="SliderNameDescription">
                        <img src="img/2.jpg" height="40" style="float:left;margin-right:5px;" />
                        <strong>Nulla luctus congue fermentum.</strong><br />Integer <a href="javascript:void(0);">elementum</a> convallis lorem eu volutpat. Suspendisse fermentum arcu in lorem fringilla ultricies. Nam vel diam nisi.
                    </div>
                    <a href="#2">
                        <img src="img/2.jpg" />
                    </a>
                    <img src="img/3.jpg" />
                    <div class="SliderNameDescription"><a href="#3">Link</a></div>
                    <img src="img/4.jpg" />
                    <div class="SliderNameDescription"><strong>Nullam nec velit vel leo tristique commodo.</strong><br />Nulla facilisi. Fusce lacus massa, ullamcorper sed hendrerit quis, venenatis eget tortor.</div>
                </div>
                <div class="c"></div>
                <div id="SliderNameNavigation"></div>
                <div class="c"></div>

                <script type="text/javascript">

                    // we created new effect and called it 'demo01'. We use this name later.
                    Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});

                    var demoSlider = Sliderman.slider({container: 'SliderName', width: 640, height: 300, effects: 'demo01',
                    display: {
                        pause: true, // slider pauses on mouseover
                        autoplay: 3000, // 3 seconds slideshow
                        always_show_loading: 200, // testing loading mode
                        description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description box settings
                        loading: {background: '#000000', opacity: 0.2, image: 'img/loading.gif'}, // loading box settings
                        buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
                        navigation: {container: 'SliderNameNavigation', label: '&nbsp;'} // navigation (pages) settings
                    }});

                </script>

                <div class="c"></div>
            </div>
            <div class="c"></div>
        </div>

        <div class="c"></div>
    </div>
</body>
</html>

gra