CSS - comportamiento de planilla con url de php

 
Vista:
sin imagen de perfil
Val: 13
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

comportamiento de planilla con url de php

Publicado por alberto (3 intervenciones) el 18/01/2021 22:58:35
descargue la plantilla gratis https://startbootstrap.com/theme/sb-admin-2
abro el archivo index.html para cambiar las rutas que vienen alli por las que tengo para una sitio. como ejemplo
coloco el codigo del archivo index.html que estoy modificando


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
        aria-expanded="true" aria-controls="collapseTwo">
        <i class="fas fa-fw fa-cog"></i>
        <span>Components</span>
    </a>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
        <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Custom Components:</h6>
            <a class="collapse-item" href="buttons.html">Buttons</a>
            <a class="collapse-item" href="cards.html">Cards</a>
        </div>
    </div>
</li>

en esta imagen muestro el comportamiento donde al dar clic sobre el link button

imgbutton me muestra en el area de trabajo, a la derecha la informacion.

Ahora reemplazo la url por mi la mia

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
        aria-expanded="true" aria-controls="collapseTwo">
        <i class="fas fa-fw fa-cog"></i>
        <span>Solicitud</span>
    </a>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
        <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Gestion</h6>
            <a class="collapse-item" href="../SolicitudCredito/Solicitud/adicionSol.php">Buttons</a>
            <a class="collapse-item" href="cards.html">Cards</a>
        </div>
    </div>
</li>
cuando doy clic sobre Buttons me muestra

imgmiurl

como veran se pierde todo el menu del lado izquierdo.
el codigo que vaya del lado de adicionsol.php me da el mismo resultado asi coloque un echo "hola";

por favor me explican como puedo hacer para que el comportamiento de la plantilla no se pierda al incluir mis url

gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
Imágen de perfil de Lopez
Val: 160
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

comportamiento de planilla con url de php

Publicado por Lopez (38 intervenciones) el 19/01/2021 00:58:37
Hola alberto,

Por lo que entiendo, no parece ser un tema de cambio de url's sino de CSS.
Verás, la plantilla (llamemosla index.html) que descargaste asigna clases CSS a elementos HTML,
Deberías incluir el css y sus clases en el HTML nuevo que creaste (fecha de solicitud, tipo de credito etc).

Espero ayude,
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 13
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

comportamiento de planilla con url de php

Publicado por alberto (3 intervenciones) el 19/01/2021 14:10:26
gracias por la respuesta.

Básicamente lo que debo hacer es incluir el código de la plantilla que es el que arme los menú, en cada archivo.
ahora lo que debo buscar es como hacer la inclusión de ese código en archivos referenciados para que el código de php no quede mezclado
con los estilos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Lopez
Val: 160
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

comportamiento de planilla con url de php

Publicado por Lopez (38 intervenciones) el 19/01/2021 14:26:36
Hola Alberto,

Si, y no es muy complejo.
Un ejemplo util de maqueteo seria:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Mi Website - Hola Mundo!</title>
<meta http-equiv="description" content="" />
<meta charset=utf-8" />
 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<?php include("includes/header.php");?>
<?php include("includes/navigation.php");?>
Aquí va el contenido de tu web
<?php include("includes/footer.php");?>
</body>
</html>

Si te das cuenta, el contenido esta dividido en distintos archivos, haciendo mas ordenado el control.
En header.php, footer.php y navigation.php solo escribes las etiquetas html o PHP (Nada de antes o despues de <body>)

Aquí tienes un tuto de como usar etiquetas PHP con HTML:
https://disenowebakus.net/formas-de-que-php-escriba-dentro-de-html.php

Cuéntanos que tal,
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 13
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

comportamiento de planilla con url de php

Publicado por alberto (3 intervenciones) el 20/01/2021 20:44:42
muchas gracias, me queda totalmente claro
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar