Tema: modificar funcion anterior siguiente
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 01/03/2012, 22:44
Avatar de mazaku
mazaku
 
Fecha de Ingreso: septiembre-2009
Ubicación: Veracruz
Mensajes: 104
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: modificar funcion anterior siguiente
por si sirve de algo asi es como lo muestra la galeria

Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <br><meta name='Keywords' content='Nuevo proyecto, mas información en nuestra web. Reclutamos Typesetters '/><br><meta name='Description' content='Nuevo proyecto, mas información en nuestra web. Reclutamos Typesetters '/><title>dominio.net</title>
  6.  
  7.  
  8. <style type="text/css">
  9.  
  10. body {
  11.     background: #26172D;
  12.     font: 11px/16px arial, helvetica, sans-serif;
  13.     color: #363333;
  14.     margin: 0;
  15.     padding: 0;
  16.     }
  17. table, tr, td {
  18.     font: 11px/16px arial, helvetica, sans-serif;
  19.     color: #cccccc;
  20.     border-collapse: collapse;
  21.     border: none;
  22.     margin: 0;
  23.     padding: 0;
  24.     }
  25.     
  26. #header { background-color:#0182a7;
  27.  
  28.  }
  29.  
  30. #title {
  31.     font-size: 12px;
  32.     color: #fff;
  33.     padding: 12px;
  34.     
  35.     }
  36.     #title a {
  37.     color: #fff;
  38.     text-decoration: none;
  39.     
  40.     }
  41.     #title a:hover {
  42.     color: #abdb30;
  43.     text-decoration: none;
  44.     
  45.     }
  46. #dropdownNav {
  47.     background: #E8F8FF;
  48.     float: right;
  49.     font-weight: bold;
  50.     color: #000000;
  51.     border-left: 1px solid #cccccc;
  52.     padding: 10px 30px 12px 30px;
  53.     }
  54.     
  55. .navigation {
  56.     background: #cccccc;
  57.     border-top: 2px solid #b6b6b6;
  58.     border-bottom: 2px solid #b6b6b6;
  59.     width: 100%;
  60.     }
  61. .navLeft {
  62.     text-align: left;
  63.     padding: 10px 20px;
  64.     width: 50%;
  65.     font-weight: bold;
  66.     font-size: 12px;
  67.     }
  68. .navRight {
  69.     text-align: right;
  70.     padding: 10px 20px;
  71.     width: 50%;
  72.     font-weight: bold;
  73.     font-size: 12px;
  74.     }
  75.  
  76. #container {
  77.     background: #fff;
  78.     margin: 0;
  79.     padding: 0;
  80.     width: 100%;
  81.         }
  82. #index {
  83.     background: #e7e7e7;
  84.     vertical-align: top;
  85.     padding: 0;
  86.     border-right: 1px dashed #d7dee2;
  87.     white-space: nowrap;
  88.     width: 200px;
  89.     }
  90. #index ul {
  91.     margin: 0;
  92.     padding: 0;
  93.     }
  94. #index ul li {
  95.     list-style: none;
  96.     font-weight: bold;
  97.     border-bottom: 1px dashed #d5d5d5;
  98.     }
  99.     
  100. #design {
  101.     vertical-align: top;
  102.     padding: 20px;
  103.     text-align: center;
  104.     }
  105.     
  106. p, h1 { margin-top: 0; }
  107.  
  108. a:link, a:active, a:visited {
  109.     color: #004f86;
  110.     text-decoration: none;
  111.     }
  112. a:hover {
  113.     color: #0072c1;
  114.     text-decoration: none;
  115.     }
  116.  
  117. .navigation a:link, .navigation a:active, .navigation a:visited {
  118.     color: #fff;
  119.     text-decoration: none;
  120.     }
  121. .navigation a:hover {
  122.     color: #ddd;
  123.     text-decoration: none;
  124.     }
  125.     
  126. #index a:link, #index a:active, #index a:visited {
  127.     background: #f3f3f3;
  128.     text-decoration: none;
  129.     padding: 5px 10px;
  130.     display: block;
  131.     }
  132.  
  133. #index a:hover {
  134.     background: #f9f9f9;
  135.     text-decoration: none;
  136.     padding: 5px 10px;
  137.     display: block;
  138.     }
  139.     
  140. img { border: none; }
  141.  
  142. #design img {
  143.     padding: 4px;
  144.     border: 1px dashed #d7dee2;
  145.     }
  146.     
  147. #footer {
  148.     padding: 20px;
  149.     color: #858585;
  150.     font-size: 11px;
  151.     }
  152. #footer a:link, #footer a:active, #footer a:visited {
  153.     color: #858585;
  154.     text-decoration: none;
  155.     }
  156. #footer a:hover { color: #a1a1a1;}
  157.  
  158. form {
  159.     margin: 0;
  160.     padding: 0;
  161.     }
  162. select {
  163.     font: 11px/16px arial, helvetica, sans-serif;
  164.     color: #363333;
  165.     margin: 0 0 0 5px;
  166.     padding: 0;
  167.     }
  168.     /* --------------- BOTONES --------------- */
  169.  
  170. .button, .button:visited { /* botones genéricos */
  171. background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
  172. display: inline-block;
  173. padding: 5px 10px 6px;
  174. color: #FFF;
  175. text-decoration: none;
  176. -moz-border-radius: 6px;
  177. -webkit-border-radius: 6px;
  178. -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  179. -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  180. text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  181. border-top: 0px;
  182. border-left: 0px;
  183. border-right: 0px;
  184. border-bottom: 1px solid rgba(0,0,0,0.25);
  185. position: relative;
  186. cursor:pointer;
  187. }
  188.  
  189. button::-moz-focus-inner,
  190. input[type="reset"]::-moz-focus-inner,
  191. input[type="button"]::-moz-focus-inner,
  192. input[type="submit"]::-moz-focus-inner,
  193. input[type="file"] > input[type="button"]::-moz-focus-inner {
  194. border: none;
  195. }
  196.  
  197. .button:hover { /* el efecto hover */
  198. background-color: #111
  199. color: #FFF;
  200. }
  201.  
  202. .button:active{ /* el efecto click */
  203. top: 1px;
  204. }
  205.  
  206. /* botones pequeños */
  207. .small.button, .small.button:visited {
  208. font-size: 11px ;
  209. }
  210.  
  211. /* botones medianos */
  212. .button, .button:visited,.medium.button, .medium.button:visited {
  213. font-size: 13px;
  214. font-weight: bold;
  215. line-height: 1;
  216. text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  217. }
  218.  
  219. /* botones grandes */
  220. .large.button, .large.button:visited {
  221. font-size:14px;
  222. padding: 8px 14px 9px;
  223. }
  224.  
  225. /* botones extra grandes */
  226. .super.button, .super.button:visited {
  227. font-size: 34px;
  228. padding: 8px 14px 9px;
  229. }
  230.  
  231. .pink.button { background-color: #E22092; }
  232. .pink.button:hover{ background-color: #C81E82; }
  233.  
  234. .green.button, .green.button:visited { background-color: #91BD09; }
  235. .green.button:hover{ background-color: #749A02; }
  236.  
  237. .red.button, .red.button:visited { background-color: #E62727; }
  238. .red.button:hover{ background-color: #CF2525; }
  239.  
  240. .orange.button, .orange.button:visited { background-color: #FF5C00; }
  241. .orange.button:hover{ background-color: #D45500; }
  242.  
  243. .blue.button, .blue.button:visited { background-color: #2981E4; }
  244. .blue.button:hover{ background-color: #2575CF; }
  245.  
  246. .yellow.button, .yellow.button:visited { background-color: #FFB515; }
  247. .yellow.button:hover{ background-color: #FC9200; }
  248.     
  249. </style>
  250.  
  251. <script language="JavaScript">
  252. <!--
  253. function MM_jumpMenu(targ,selObj,restore){ //v3.0
  254.   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  255.   if (restore) selObj.selectedIndex=0;
  256. }
  257. //-->
  258. </script>
  259.  
  260.  
  261. </head>
  262.  
  263. <body>
  264.  
  265. <div id="header">
  266.  
  267.     <div id="dropdownNav">
  268.         <form name="menu">
  269.         Chose Design: 
  270.           <select name="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
  271.             <option>VK47-01</option>
  272.             <br />
  273. <b>Notice</b>:  Undefined variable: PHP_SELF in <b>/home/manga13/public_html/galeria2.php</b> on line <b>42</b><br />
  274. <option value='?capitulo=1&c=0'>VK47-01</option>
  275. <option value='?capitulo=1&c=1'>VK47-02</option>
  276. <option value='?capitulo=1&c=2'>VK47-03</option>
  277. <option value='?capitulo=1&c=3'>VK47-04</option>
  278. <option value='?capitulo=1&c=4'>VK47-05</option>
  279. <option value='?capitulo=1&c=5'>VK47-06</option>
  280. <option value='?capitulo=1&c=6'>VK47-08</option>
  281. <option value='?capitulo=1&c=7'>VK47-10</option>
  282. <option value='?capitulo=1&c=8'>VK47-11</option>
  283. <option value='?capitulo=1&c=9'>VK47-13</option>
  284.           </select>
  285.         </form>
  286.     </div>
  287.  
  288.     <div id="title">Galeria<a href="index.php?sec=capitulos&serie=Maga-Tsuki">Maga-Tsuki</a> / 1 / VK47-01</div>
  289.     
  290. </div>
  291.  
  292. <table class="navigation">
  293.     <tr>
  294.         <td class="navLeft"><a href=?capitulo=1&c=-1 class="button medium green">&laquo; Anterior</a></td>
  295.         <td class="navRight"><a href=?capitulo=1&c=1 class="button medium green">Siguiente &raquo;</a></td>
  296.     </tr>
  297. </table>
  298.  
  299. <table id="container">
  300.     <tr>
  301.         <td id="design">
  302.  
  303.             <a href=?capitulo=1&c=1>
  304.             <!-- 0 -->
  305. <img src="c/prueba/prueba/1/5911//VK47-01.jpg" width=728'><br>
  306.             <img src="./././images/copyrigth.jpg" width="728">
  307.             </a>
  308.             <script type="text/javascript"><!--
  309. google_ad_client = "ca-pub-6729945899650204";
  310. /* nav */
  311. google_ad_slot = "2797538722";
  312. google_ad_width = 728;
  313. google_ad_height = 90;
  314. //-->
  315. </script>
  316. <script type="text/javascript"
  317. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  318. </script>
  319.         </td>
  320.     </tr>
  321. </table>
  322.  
  323. <table class="navigation">
  324.     <tr>
  325.         <td class="navLeft"><a href=?capitulo=1&c=-1 class="button medium green">&laquo; Anterior</a></td>
  326.         <td class="navRight"><a href=?capitulo=1&c=1 class="button medium green">Siguiente &raquo;</a></td>
  327.     </tr>
  328. </table>
  329. </body>
  330. </html>