[SOLUCIONADO] Aplicar CSS a php o enviar variables de php a html

sebastopolys · #1 (**permalink**) 12/10/2015, 15:56

Hola

Estoy aprendiendo a programar y estoy intentando terminar mi primer proyecto web programado por mi !!

Disculpen mi ignorancia soy muy principiante,
estoy haciendo una aplicacion que convierte pesos argentinos a dolares, a cambio oficial y paralelo..
Pueden verlo en [URL="http://socialmediaday.co"]socialmediaday.co[/URL]

Quiero mejorar la pagina de resultados. que se ve despues de ingresar el valor...

Es una PHP.. y no se como aplicar una hoja de estilos CSS a ese archivo PHP.

o tal vez lo mejor seria enviar las variables que necesito para mostrar los resultados en otra pag html.?

igual no pude hacer ninguna de las dos cosas

Tiene que haber una forma simple y rapida de hacerloo,, no creo que sea tan dificil ??o si?

Agradezco todo lo que me puedan decir, !!
Saludos a todos

sintel_1 · #2 (**permalink**) 12/10/2015, 16:23

Hola.

El archivo php (convert.php) en tu caso debes de ponerlo una estructura html normal, con su cabecera hoja de estilos etc.

ten en cuenta que lo que vaya entre las etiquetas <?php y ?> seran procesadas por el interprete de php y devuelto el valor al navegador.

Saludos.

sebastopolys · #3 (**permalink**) 12/10/2015, 16:35

Cita:

Iniciado por sintel_1

Hola.

El archivo php (convert.php) en tu caso debes de ponerlo una estructura html normal, con su cabecera hoja de estilos etc.

ten en cuenta que lo que vaya entre las etiquetas <?php y ?> seran procesadas por el interprete de php y devuelto el valor al navegador.

Saludos.

Hola Sintel_1

gracias por responder.. peroo no entiendo.
Si se van a seguir mostrando los resultados de PHP igual que antes entonces..igual aunque este el PHP metido en un archivo html..

como puedo aplicar CSS a ESOS resultados de PHP?.. o hago que no se muestren? pero en ese caso tendria que llamarlos desde html? no es asi?

ya estoy editando el archivo convert.php .. voy probando lo que me dices..

rbczgz · #4 (**permalink**) 13/10/2015, 03:02

Hola sebastopolys,

Si postearas tu código, sería más fácil explicarte lo que ya te ha dicho sintel_1, pero a ver si te puedo poner un ejemplo con otro código para que lo entiendas:

Código PHP:

Ver original<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
         <link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />
    </head>
    <body>
    
    <!-- Start Outter Wrapper -->
    <div class="outter-wrapper">
        <!-- Start Main Navigation -->
        <div class="header-container wrapper">
            <header class="clearfix">
                <a href="./" class="logo"><img src="/imagenes/logo.png" alt="Logo" /></a>
                
            </header>
        </div>
        <!-- End Main Navigation -->
    </div>
    <!-- End Outter Wrapper --> 
    <div class="outter-wrapper">    
         <!-- Start Main Body -->
                <div class="main-container">
                    <div class="main wrapper clearfix">
                        <!-- Start Main Content -->
                        
                        <div class="main-content">
                        
                            <!-- Start Post --> 
                            <div class="clearfix">
                                <div class="pagina">
 
<p class="centro">Resultados del tipo de cambio <strong><?php echo $moneda_origen ?> <?php echo $moneda_destino ?></strong>.</p>
 
 
<p class="la_que_sea"><?php echo $cant_moneda_origen . " " . $moneda_origen; ?> equivalen a:</p>
<p class="la_que_sea2"><?php echo $cant_moneda_dest_of . " " . $moneda_destino; ?> a cambio oficial"</p>
<p class="la_que_sea3"><?php echo $cant_moneda_dest_of . " " . $moneda_destino; ?> a cambio paralelo(dolar blue)"</p>
        
        <!-- Start Footer -->
        <footer>
            <div class="clearfix">
                <!-- Copyright Info -->             
                <div class="foot left">&copy; Copyright PáginaWeb.com <?php echo date('Y') ?></div> 
            </div>
        </footer>
        
        <!-- Finish Outer Wrapper -->   
        </div>
        
    </body>
</html>

Luego tienes tu hoja de estilos donde defines las clases "centro", "la_que_sea", "la_que_sea2", "la_que_sea3", etc.

Eso sí, el archivo debe ser .php o no te interpretará los datos que tengas en PHP.

Espero que se entienda con el ejemplo.

pateketrueke · #5 (**permalink**) 13/10/2015, 06:47

Cita:

Si se van a seguir mostrando los resultados de PHP igual que antes entonces..igual aunque este el PHP metido en un archivo html..

Por favor consulta un manual básico de PHP, primero debes entender que PHP es capaz de imprimir lo que sea: y una de sus resultados es HTML.

¿Cómo es que imprimes los resultados?

¿Por qué no usar HTML ahí?

Igual debes entender que CSS se aplica únicamente a documentos HTML, que no necesariamente implican que no puedas usar scripts en PHP para generar documentos HTML.

Ejemplo:

script.php

Código PHP:

Ver original<p><?php echo date('r'); ?></p>

¿Verdad que es muy sencillo combinar HTML y código PHP?

Al final, se ejecuta el PHP y queda únicamente el resto del código: HTML.

Es cosa de todos los días, por eso te sugiero leer una manual básico: te hace mucha falta.

sebastopolys · #6 (**permalink**) 13/10/2015, 08:31

GRACIAS por las explicaciones... Y si... es verdad que me hace falta seguir aprendiendo muuucho todavia... Estoy en eso, .

Este es mi primer codigo !!! estoy estudiando hace casi un mes todo lo que encuentro sobre html y PHP..

gracias,, ahora mismo estoy intentando hacer lo que me dicen..

seguramente volveré a pedir ayuda en este foro en algún momento,, GRACIAS por tenerme paciencia.. Se que para los programadores avanzados, a veces puede ser algo molesto explicar lo básico..

sigo aprendiendo GRACIAS !!!

sebastopolys · #7 (**permalink**) 13/10/2015, 08:42

Les muestro lo que hice... a ver que tan mal está :)

Este es el html

Código:

<!DOCTYPE html>
   
<html lang=es>
<head>
	<title>Conversor pesos argentinos a dolares	</title>
	<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
</head>
<body>
	<main>
		<h1>Conversor de pesos argentinos a dolares y dolares a pesos argentinos</h1>
		<form action="convert.php" method="post">
						<label for="CONV">Ingresar valor:</label>
						<input type="text" class="CONV" name="CONVar" placeholder="Pesos Argentinos">
						<input type="text" class="CONV" name="CONVdo" placeholder="Dolares">
						<input type="submit" value="convertir" id="botonsubmit">
		</form>
		<h4>Segun datos actualizados automaticamente y tomados de Prensa (La Nacion)</h4>
	
		</main>	
		
</body>
</html>

y este es el archivo convert.php

Código:


<?php
 $camblu = 15;
 $cambof = 10;
 
 /*cambio ARS a USD*/	
$conva = $_POST['CONVar']; 
        
$dblu = $conva / $camblu;
$dofi = $conva / $cambof;


	


/*cambio USD a ARS*/
$convd = $_POST['CONVdo'];

$convarb = $convd * $camblu;
$convaro = $convd  * $cambof;



//ingresar datos correctamente

If (empty($_POST['CONVar']) && empty($_POST['CONVdo'])) 
{
	echo"Ingrese un solo valor. Dolar o Peso Argentino 1"."<br/>";
}
elseif (!empty($_POST['CONVar']) && !empty($_POST['CONVdo']))
{
	echo"Ingrese un solo valor. Dolar o Peso Argentino 2"."<br/>";
}
	
else {
	
//mostrar cambio de ARS a USD

If (isset	($_POST['CONVar']) && empty($_POST['CONVdo']))		
	
	{

echo $conva." Pesos Argentinos equivalen a:"."<br/>";
echo round($dofi,2)." US$ a cambio oficial"."<br/>";
echo round ($dblu,2)." US$ a cambio paralelo(dolar blue)";
}

//mostrar cambio de USD a ARS

If (isset	($_POST['CONVdo']) && empty($_POST['CONVar']))
	
	{

echo $convd." Dolares equivalen a:"."<br/>";
echo round($convaro,2)." Pesos Argentinos a cambio oficial"."<br/>";
echo round ($convarb,2)." Pesos Argentinos a cambio paralelo(dolar blue)";
}}


echo "<br/>".'<a href="index_Convert.html">Ingresar valores nuevamente</a>';




?>

pateketrueke · #8 (**permalink**) 13/10/2015, 10:53

Pues en tu archivo convert.php no estás incluyendo nada más que la respuesta, ¿por qué no incuyes ahí el resto documento html necesario para incluir los demás estilos?

sebastopolys · #9 (**permalink**) 13/10/2015, 11:09

Cita:

Iniciado por pateketrueke

Pues en tu archivo convert.php no estás incluyendo nada más que la respuesta, ¿por qué no incuyes ahí el resto documento html necesario para incluir los demás estilos?

Si, es lo que estoy tratando de hacer.. pero pasa que pensaba que no se podia hacer en un .php entonces meti todo el codigo PHP en otro documento .html pero parece que no se puede,

O sea... tengo que meter los que esta en convert.php en un documento html ? O tengo que meter todo lo que esta en index.html en un documento PHP ?

ahora se que tengo que meter todo el html en convert.php-- pero tengo problemas con los

Código:

<p class="clase">

no se porque me da error..

Gracias..

sebastopolys · #10 (**permalink**) 13/10/2015, 11:12

Cita:

Iniciado por sebastopolys

Si, es lo que estoy tratando de hacer.. pero pasa que pensaba que no se podia hacer en un .php entonces meti todo el codigo PHP en otro documento .html pero parece que no se puede,

O sea... tengo que meter los que esta en convert.php en un documento html ? O tengo que meter todo lo que esta en index.html en un documento PHP ?

ahora se que tengo que meter todo el html en convert.php-- pero tengo problemas con los

Código:

<p class="clase">

no se porque me da error..

Gracias..

esto es correcto?

Código:

echo "<p class="defi">Ingrese un solo valor. Dolar o Peso Argentino</p>"."<br/>";

rbczgz · #11 (**permalink**) 13/10/2015, 12:02

Hola sebastopolys,

¿No te parece bien seguir el ejemplo que te pasé? Con él no tendrías problema, siempre y cuando abras y cierres bien las etiquetas de PHP.

No te pongo el ejemplo con tu propio código para que puedas practicar y hacerlo tú solo.

sebastopolys · #12 (**permalink**) 13/10/2015, 12:07

si, estoy viendo como hacer, basicamente tu ejemplo es lo mismo que estoy tratando de hacer...
...
me parece que me da error porque estoy editando html dentro de los { } de un IF de php.
¿puede ser que por eso no me funcionen el <p class> ??
Es que sino no me daría ningún valor, o sea, no me haría la multiplicación para tener los resultados...

rbczgz · #13 (**permalink**) 13/10/2015, 12:12

Hola sebastopolys,

Por si te sirve:

Código PHP:

Ver original<?php
if (condicion) { ?>
<p class="lo_que_sea">Aquí el HTML o el <?php echo $codigo_php ?></p>
<?php
}
?>
 
Más HTML...

Espero que te sirva de pista...

sebastopolys · #14 (**permalink**) 13/10/2015, 12:51

ahi pudeee !! SI,, GRACIASSSS !!!

ahora si ya puedo trabajar sobre CSS con los resultados..

el unico problema es que no puedo hacer nada con los valores, o sea.... la cifra que me da como resultado de las variables de php. pero bueno....pude avanzar mucho hoy.. gracias

saludos a todos