0: <?php
1: include "navegar.php";
2: ?>
3: <!DOCTYPE html>
4: <html lang="es">
5: <head>
6: <title>Base de Datos Dogo Ejidal</title>
7: <meta charset="utf-8">
8: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
9: <link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
10: <style>
11: /* 1. Fondo general de la página en negro */
12: body, .wrapper, #topbar, #header, main, #copyright {
13: background-color: #000000 !important;
14: color: #ffffff;
15: }
16:
17: /* 2. Barra del menú a ser Amarilla */
18: .wrapper.row2,
19: .wrapper.row2 *,
20: #mainav,
21: #mainav ul,
22: #mainav li,
23: #mainav ul ul {
24: background-color: #FFD700 !important;
25: background-image: none !important;
26: }
27:
28: /* Letras de los botones del menú en negro para lectura clara */
29: #mainav a, #mainav ul ul a {
30: color: #000000 !important;
31: font-weight: bold !important;
32: background-color: transparent !important;
33: font-size: 18px !important;
34: }
35:
36: /* Cuando pases el mouse por encima de una opción, esta se iluminará */
37: #mainav li a:hover, #mainav ul ul li a:hover {
38: background-color: #000000 !important;
39: color: #FFD700 !important;
40: }
41:
42: /* 3. Letras de ARRIBA en rojo*/
43: #header h3, .heading, .sectiontitle h3 {
44: color: #FF0000 !important;
45: font-size: 30px !important;
46: line-height: 1.5 !important;
47: }
48:
49: /* 4. Letras de ABAJO en blanco*/
50: .sectiontitle p, #copyright p, #copyright a {
51: color: #FFFFFF !important;
52: }
53:
54: /* 5. DISEÑO DE LAS TABLAS (Fondo Azul con Letras Negras) */
55: table, th, td {
56: border: 1px solid #ffffff !important;
57: }
58:
59: table th {
60: background-color: #003366 !important;
61: color: #ffffff !important;
62: font-weight: bold !important;
63: font-size: 20px !important;
64: }
65:
66: table td, table tr {
67: background-color: #4A90E2 !important;
68: color: #000000 !important;
69: font-weight: bold !important;
70: font-size: 18px !important;
71: }
72:
73: /* 6. CORRECCIÓN DEL BOTÓN INVISIBLE (ConsultaFn e Insertar) */
74: input[type="submit"], button, .button, input.btn {
75: background-color: #FFD700 !important;
76: color: #000000 !important;
77: font-weight: bold !important;
78: border: 2px solid #ffffff !important;
79: padding: 3px 10px !important;
80: cursor: pointer;
81: text-transform: uppercase;
82: }
83:
84: /* Cambio de color cuando pasas el mouse sobre el botón de enviar */
85: input[type="submit"]:hover {
86: background-color: #4A90E2 !important;
87: color: #ffffff !important;
88: }
89:
90: /* LOS EMOJIS DE HOT DOG*/
91: .emoji-dogo {
92: font-size: 32px !important;
93: margin-right: 18px !important;
94: display: inline-block;
95: transition: transform 0.2s;
96: cursor: pointer;
97: }
98:
99: /* El hot dog se agranda un poco más cuando pasas el cursor */
100: .emoji-dogo:hover {
101: transform: scale(1.3);
102: }
103: </style>
104: </head>
105: <body id="top">
106:
107: <div class="wrapper row0">
108: <div id="topbar" class="hoc clear">
109: <div class="fl_left">
110: <ul class="nospace">
111: <li><a href="https://www.facebook.com/profile.php?id=61556819251336" target="blank" title="Facebook Oficial"><span class="emoji-dogo">🌭</span></a></li>
112: <li><a href="https://www.instagram.com/Eldogoejidal?fbclid=IwY2xjawR3hkhleHRuA2FlbQIxMABicmlkETFuOEdjRmFKS25oSTdFUG5oc3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHjgpR9t57Vo57pPm5w1lTNzMcu-FF63woyEmO2DFvTHUtuZ_xQw-If4V1uNk_aem_Ozx8tfFdcoCYmBnAVoC9nA" target="blank" title="Instagram Oficial"><span class="emoji-dogo">🌭</span></a></li>
113: <li><a href="https://cucapa.tij.uabc.mx/computacion/" target="blank" title="Ingeniería en Computación"><span class="emoji-dogo">🌭</span></a></li>
114: </ul>
115: </div>
116: <div class="fl_right">
117: <ul class="nospace">
118: <li><a href="ver_codigo.php?archivo=<?php echo $archivo?>" target="blank" title="Ver código PHP de la opción seleccionada"><i class="fas fa-file-alt"></i></a></li>
119: <li><a href="ver_codigo.php?archivo=index.php" target="blank" title="Ver código PHP de index"><i class="fas fa-bars"></i></a></li>
120: <li><a href="ver_codigo.php?archivo=navegar.php" target="blank" title="Ver código PHP de estructura de navegación (switch-case)"><i class="fas fa-ship"></i></a></li>
121: <li><a href="ejemplo_clase_bd.zip" target="blank" title="Descargar scripts PL/SQL de la BD ventas"><i class="fas fa-database"></i></a></li>
122: </ul>
123: </div>
124: </div>
125: </div>
126:
127: <div class="wrapper row1">
128: <header id="header" class="hoc clear">
129: <section>
130: <div></div>
131: <div>
132: <h3 class="heading">Bases de Datos Dogo Ejidal<br>By Oscar A. Garcilazo M.<br><a href="index.php">PHP-PL/SQL</a></h3>
133: </div>
134: <div><img src="images/LogoDogoEjidal.png"></div>
135: </section>
136: </header>
137: </div>
138:
139: <div class="wrapper row2">
140: <nav id="mainav" class="hoc clear">
141: <ul class="clear">
142: <li><a href="index.php">1] Bienvenida</a></li>
143:
144: <li><a class="drop" href="#">2] Consultas</a>
145: <ul>
146: <li><a href="index.php?opcion_menu=21">1] Tabla Clientes</a></li>
147: <li><a href="index.php?opcion_menu=22">2] Tabla Productos Menu</a></li>
148: <li><a href="index.php?opcion_menu=23">3] Inventario</a></li>
149: <li><a href="index.php?opcion_menu=24">4] Tabla de Venta</a></li>
150: <li><a href="index.php?opcion_menu=24a">5] Tabla de Pedido</a></li>
151: <li><a href="index.php?opcion_menu=24b">6] Tabla de Entregas</a></li>
152: <li><a href="index.php?opcion_menu=25">7] Función Ventas Totales Fecha</a></li>
153: <li><a href="index.php?opcion_menu=26">8] Función Ventas Totales Periodo</a></li>
154: <li><a href="index.php?opcion_menu=27">9] Función Ventas Totales Cliente-Periodo</a></li>
155: <li><a href="index.php?opcion_menu=28">10] Procedimiento Busca Cliente</a></li>
156: </ul>
157: </li>
158:
159: <li><a class="drop" href="#">3] Actualizaciones</a>
160: <ul>
161: <li><a href="index.php?opcion_menu=31">1] Productos del Menu</a></li>
162: <li><a href="index.php?opcion_menu=32">2] Clientes</a></li>
163: <li><a href="index.php?opcion_menu=32a">3] Inventario</a></li>
164: <li><a href="index.php?opcion_menu=32b">4] Pedido</a></li>
165: <li><a href="index.php?opcion_menu=32c">5] Venta</a></li>
166: <li><a href="index.php?opcion_menu=32d">6] Entregas</a></li>
167: <li><a href="index.php?opcion_menu=33">7] ABC Productos</a></li>
168: <li><a href="index.php?opcion_menu=34">8] ABC Clientes</a></li>
169: <li><a href="index.php?opcion_menu=35">9] ABC Inventario</a></li>
170: <li><a href="index.php?opcion_menu=36">10] ABC Pedido</a></li>
171: </ul>
172: </li>
173: </ul>
174: </nav>
175: </div>
176:
177: <div class="wrapper row3">
178: <main class="hoc container clear">
179: <div class="sectiontitle">
180: <h3 class="heading"><?php echo $encabezado;?></h3>
181: <p><?php include $archivo;?></p>
182: </div>
183: </main>
184: </div>
185:
186: <div class="wrapper row5">
187: <div id="copyright" class="hoc clear">
188: <p class="fl_left">Copyright © 2020 - Todos los derechos reservados - <a href="#">http://omd-prof.xyz/</a></p>
189: <p class="fl_right">Template by <a target="_blank" href="https://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
190: </div>
191: </div>
192:
193: <script src="layout/scripts/jquery.min.js"></script>
194: <script src="layout/scripts/jquery.backtotop.js"></script>
195: <script src="layout/scripts/jquery.mobilemenu.js"></script>
196:
197: </body>
198: </html>