Viewing file:  pestanas.php (6.7 KB) -rw-rw-r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
overflow-Y: scroll;
}
body {
font: 10px normal Arial, Helvetica, sans-serif;
margin: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
line-height: 1.7em;
}
*, * focus {
outline: none;
margin: 0;
padding: 0;
}
.container {
width: 500px;
margin: 0 auto;
}
h1 {
font: 4em normal Georgia, 'Times New Roman', Times, serif;
text-align:center;
padding: 20px 0;
color: #aaa;
}
h1 span { color: #666; }
h1 small{
font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing: 1.5em;
display: block;
color: #666;
}
h2.trigger {
padding: 0 0 0 50px;
margin: 0 0 5px 0;
background: url(h2_trigger_a.gif) no-repeat;
height: 46px;
line-height: 46px;
width: 450px;
font-size: 2em;
font-weight: normal;
float: left;
}
h2.trigger a {
color: #fff;
text-decoration: none;
display: block;
}
h2.trigger a:hover {
color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
overflow: hidden;
font-size: 1.2em;
width: 500px;
float:left;
}
h3.trigger {
padding: 0 0 0 50px;
margin: 0 0 5px 0;
background: url(h2_trigger_a_gris.gif) no-repeat;
height: 46px;
line-height: 46px;
width: 450px;
font-size: 2em;
font-weight: normal;
float: left;
}
h3.trigger a {
color: #fff;
text-decoration: none;
display: block;
}
h3.trigger a:hover {
color: #ccc;
}
h3.active {background-position: left bottom;}
.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
overflow: hidden;
font-size: 1.2em;
width: 500px;
float:left;
}
.toggle_container .block {
padding: 20px;
background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
padding: 5px 0;
margin: 5px 0;
}
.toggle_container h3 {
font: 1.5em normal Georgia, "Times New Roman", Times, serif;
margin: 0 0 10px;
padding: 0 0 5px 0;
border-bottom: 1px dashed #ccc;
}
.toggle_container img {
float: left;
margin: 10px 15px 15px 0;
padding: 5px;
background: #ddd;
border: 1px solid #ccc;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".toggle_container").hide();
$("h2.trigger").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});
$("h2.trigger").click(function(){
$(this).next(".toggle_container").slideToggle("slow,");
});
$("h3.trigger").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});
$("h3.trigger").click(function(){
$(this).next(".toggle_container").slideToggle("slow,");
});
});
</script>
</head>
<body>
<?
include ("../conn.php");
// ficci�n
$sql="SELECT losmasvendidos.titulo, losmasvendidos.autor, sinopsis.imagename, sinopsis.sinopsis, sinopsis.id_book, losmasvendidos.id_book as identificador
FROM losmasvendidos
LEFT OUTER JOIN sinopsis ON losmasvendidos.id_book = sinopsis.id_book
WHERE losmasvendidos.tipo = 'Ficci�n'
ORDER BY orden ASC";
$ressqln=mysql_query($sql,$conn);
$ccadena='<div class="container">';
while ($row=mysql_fetch_array($ressqln)){
//echo $row['titulo']."-".$row['imagename']."<br>";
if (!$row['identificador']){
$ccadena.='<h3 class="trigger">';
}else{
$ccadena.='<h2 class="trigger">';
}
$ccadena.='<a href="#">'.ucfirst(strtolower($row['titulo'])).'</a></h2>
<div class="toggle_container">
<div class="block">
<img src="../../includes/'.$row['imagename'].'" alt="Portada no disponible" />
<p> </p>
<p><b>'.$row['autor'].'</b></p>
<p>'.$row['sinopsis'].'</p>';
if (!$row['identificador']){
$ccadena.='<p>Libro no disponible todav�a</a></p>';
}else{
$ccadena.='<p><a href=http://papyrefb2.net/frames/enlace.php?ID='.$row['identificador'].'>Enlace</a></p>';
}
$ccadena.='<p> </p>
</div>
</div>';
}
$ccadena.='</div>';
// no ficci�n
$sql="SELECT losmasvendidos.titulo, losmasvendidos.autor, sinopsis.imagename, sinopsis.sinopsis, sinopsis.id_book, losmasvendidos.id_book as identificador
FROM losmasvendidos
LEFT OUTER JOIN sinopsis ON losmasvendidos.id_book = sinopsis.id_book
WHERE losmasvendidos.tipo = 'No ficci�n'
ORDER BY orden ASC";
$ressqln=mysql_query($sql,$conn);
$ccadena2='<div class="container">';
while ($row=mysql_fetch_array($ressqln)){
//echo $row['titulo']."-".$row['imagename']."<br>";
if (!$row['identificador']){
$ccadena2.='<h3 class="trigger">';
}else{
$ccadena2.='<h2 class="trigger">';
}
$ccadena2.='<a href="#">'.ucfirst(strtolower($row['titulo'])).'</a></h2>
<div class="toggle_container">
<div class="block">
<img src="../../includes/'.$row['imagename'].'" alt="Portada no disponible" />
<p> </p>
<p><b>'.$row['autor'].'</b></p>
<p>'.$row['sinopsis'].'</p>';
if (!$row['identificador']){
$ccadena2.='<p>Libro no disponible todav�a</a></p>';
}else{
$ccadena2.='<p><a href=http://papyrefb2.net/frames/enlace.php?ID='.$row['identificador'].'>Enlace</a></p>';
}
$ccadena2.='<p> </p>
</div>
</div>';
}
// los mas descargados
$sql="SELECT t1.contador, t1.id_book as identificador, t1.titulo, t1.autor, sinopsis.sinopsis, sinopsis.imagename
FROM 10masdescargados AS t1
LEFT OUTER JOIN sinopsis ON t1.id_book = sinopsis.id_book";
$ressqln=mysql_query($sql,$conn);
$ccadena3='<div class="container">';
while ($row=mysql_fetch_array($ressqln)){
//echo $row['titulo']."-".$row['imagename']."<br>";
if (!$row['identificador']){
$ccadena3.='<h3 class="trigger">';
}else{
$ccadena3.='<h2 class="trigger">';
}
$ccadena3.='<a href="#">'.ucfirst(strtolower($row['titulo'])).'</a></h2>
<div class="toggle_container">
<div class="block">
<img src="../../includes/'.$row['imagename'].'" alt="Portada no disponible" />
<p> </p>
<p><b>'.$row['autor'].'</b></p>
<p>'.$row['sinopsis'].'</p>';
if (!$row['identificador']){
$ccadena3.='<p>Libro no disponible todav�a</a></p>';
}else{
$ccadena3.='<p><a href=http://papyrefb2.net/frames/enlace.php?ID='.$row['identificador'].'>Enlace</a></p>';
}
$ccadena3.='<p> </p>
</div>
</div>';
}
//include('tabmenu_class.php') ;
//$arraytabs=array('Ficci�n','No ficci�n','Los + descargados');
//$arraypba=array($ccadena,$ccadena2,$ccadena3);
//$tab=new tabs($arraytabs,$arraypba);
//$tab->draw_bullet=0;
//$tab->make_tab();
echo $ccadena;
echo $ccadena2;
echo $ccadena3;
?>
</body>
</html>
|