page_liste_mytique_3.2.9.2 V2

<?php /* ATOM/digitalnature */

   // The template for the "page" post type. It acts for pages just like single.php does for posts
   // pagename.php, page-slug.php or page-id.php can override it.

   /* Template Name: Page Liste */

  //get_header();
?>

<?php atom()->template('header'); ?>

<script language="javascript">
    var name = "#floatMenu";
    var menuYloc = null;

        $(document).ready(function(){
            menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
            $(window).scroll(function () {
                offset = menuYloc+$(document).scrollTop()+"px";
                $(name).animate({top:offset},{duration:500,queue:false});
            });
        });
     </script>

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/menu_flottant.css" />

<style type="text/css">

    #floatMenu {
        position:absolute;
        top:-200px;
        left:550px; //50%;
        margin-left:200px;
        width:150px;
        z-index: 5;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:0px 0px 11px #000000;
-webkit-box-shadow:0px 0px 11px #000000;
box-shadow:0px 0px 11px #000000;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
background: -moz-linear-gradient(top, #ffffff, #000000);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
background: -o-linear-gradient(top, #ffffff, #000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: linear-gradient(top, #ffffff, #000000);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
opacity:0.84;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=84);
/*-ms-filter must come before filter*/
filter: alpha(opacity=84);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/

        }

    #floatMenu table {
            margin-left: auto ;
  margin-right: auto ;
            border-collapse:collapse;
            background-color:#222;
        }
    #floatMenu table td {
            text-align:center;
            border:1px solid #999;
            color:#fff;
            background-color:#222;
        }
    #floatMenu td a {
            text-decoration: none;
            color:#fff;
        }
    #floatMenu td:hover {
            border-color:#fff;
            color:#fff;
            background-color:#333333;
        }
    #tableau {
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 12px;
        margin: 10px 0;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    #tableau th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        background: #b9c9fe url('images/gradhead.png') repeat-x;
        border-top: 2px solid #d3ddff;
        border-bottom: 1px solid #fff;
        color: #039;
    }
</style>

<div id="floatMenu">
    <table>
        <tr>
        <td class="bg"><a class="bg" href="#0">0-9</a></td><td></td></tr>
        <?php for($i=65;$i<91;$i++){
            //if($i==78) echo '</tr><tr>';
                echo '<tr><td><a href="#'.chr($i).'">'.chr($i).'</a></td>';
                $i++;
                echo '<td><a href="#'.chr($i).'">'.chr($i).'</a></td></tr>';
            } ?>

    </table>
</div>

  <!-- main content: primary + sidebar(s) -->
  <div id="mask-3" class="clear-block">
   <div id="mask-2">
    <div id="mask-1">

      <!-- primary content -->
      <div id="primary-content">
       <div class="blocks clear-block">

        <?php //$app->action('before_primary'); ?>
        <?php atom()->action('before_primary'); ?>

        <?php
    //query_posts('showposts=60','&orderby=title&order=asc');
    query_posts( 'posts_per_page=-1'.'&orderby=title&order=asc');
       ?>
    <a name="0"></a>
    <table id="tableau" width="95%">
        <?php while ( have_posts() ) : the_post(); ?>

            <?php
            $values = get_post_custom_values("dvd_cover");
            if (isset($values[0])) {
            ?>
            <?php }
                $titre=get_the_title(get_the_ID());
                if($premiere_lettre!=substr($titre, 0, 1)) {
                    $premiere_lettre=substr($titre, 0, 1);
                    echo '<tr><th scope="col"><b><a name="'.$premiere_lettre.'">'.$premiere_lettre.'</a></b></th><th scope="col"><p align="right"><a href="#0">Up</a></p></th></tr>';
                }
                //$resume=addslashes(htmlspecialchars(get_the_excerpt()));
                //$resume=addslashes(get_the_content());
            ?>
        <tr><td><img src="<?php echo $values[0]; ?>" width="75"></td><td><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a><?php echo $resume; ?></td></tr>
        <?php endwhile; ?>
    </table>

        <?php //$app->action('after_primary'); ?>
        <?php atom()->action('after_primary'); ?>

       </div>
      </div>
      <!-- /primary content -->

      <?php //get_sidebar(); ?>
      <?php atom()->template('sidebar'); ?>
    </div>
   </div>
  </div>
  <!-- /main content -->

<?php //get_footer(); ?>
<?php atom()->template('footer'); ?>