Foros del Web » Programando para Internet » PHP »

Ayuda para implementar a php el diseño de una noticia.

Estas en el tema de Ayuda para implementar a php el diseño de una noticia. en el foro de PHP en Foros del Web. Hola, resulta que he terminado el diseño de una noticia y lo he programado en html. Ahora quiero pasarlo a php pero no tengo ni ...
  #1 (permalink)  
Antiguo 30/06/2007, 12:32
Avatar de Dragonsol  
Fecha de Ingreso: julio-2005
Mensajes: 25
Antigüedad: 18 años, 9 meses
Puntos: 0
Ayuda para implementar a php el diseño de una noticia.

Hola, resulta que he terminado el diseño de una noticia y lo he programado en html. Ahora quiero pasarlo a php pero no tengo ni idea de como. Solo me aparecen errores por todos lados. He intentado meterlo por css pero tampoco.

A continuación os pongo lo necesario para ver si me podeis echar una mano:

Bien, la siguiente imagen, es la noticia de como estaba antes, vieja.



Como podréis comprobar, tiene dos marcos blancos. El de el titulo y el externo, pues bien. Lo que he hecho es que el marco externo ahora sean imagenes en vez de ese cuadrado blanco feo. He terminado el diseño y este es el resultado previo sin haber terminado de retocarlo (es lo de menos porahora).



Bien, Como veréis en esta, le faltan todos los datos que se piden por una consulta a la base de datos.. osea titulo autor y fecha (la noticia la escribí en html simplemente para ver como quedaba el diseño).

Pues bien. Os paso ahora mismo mi código en html del diseño nuevo:

Código:
<TABLE WIDTH=555 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/otra/arribaizq.gif" WIDTH=24 HEIGHT=24></TD>
<TD background="images/otra/arriba01.gif">
<IMG SRC="espacio.gif" WIDTH=1 HEIGHT=6></TD>
<TD>
<IMG SRC="images/otra/arribaderecha.gif" WIDTH=24 HEIGHT=24></TD>
</TR>
<TR>
<TD background="images/otra/izquierda.gif">
<IMG SRC="espacio.gif" WIDTH=6 HEIGHT=1></TD>
<TD background="images/otra/centro02.gif" <font color="orange">
Hola bueno, la noticia trata de que estoy probando una serie de cosas y bla bla
<br> He intentado ponerlo a php pero no me hace caso esta mierda</br>
<br> Seguramente será debido a que el jodido css o no lo acepta o hay que ponerlo de otra manera</br>
<p> Asique que le den pal pelo a este mojon -_-</p>
Escribiendo lara lala haciendo espacio lara lala
<br> Las esquinas tengo que pulirmlas un poco mas para que no se note tanto, luego cuando lo acople a la web 
(si es que puedo.. xD), veremos el resultado, seguro que la mierda que había antes esta mejor.
</font></TD>
<TD background="images/otra/derecha.gif">
<IMG SRC="espacio.gif" WIDTH=6 HEIGHT=1></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/otra/abajoizq.gif" WIDTH=24 HEIGHT=24></TD>
<TD align=center background="images/otra/abajo.gif">
</TD>
<TD>
<IMG SRC="images/otra/abajoderecha01.gif" WIDTH=24 HEIGHT=24></TD>
</TR>
</TABLE>
Como veréis el codigo, tiene sus cosas pero no es realmente complicado si se está un rato con el.

Ahora os pondré el codigo que tengo yo en php sin modificar, sino como estaba antes y tal.

Código:
<?php
	include("conexion.php");
	$ssql = "SELECT MAX(id_noticia) FROM noticia";
	$qquery = mysql_query($ssql,$link);
	$res = mysql_fetch_array($qquery);
	$noticias = $res[0] - 10;
	
	for ($i=$res[0];$i>$noticias;$i--) {
		$sql = "SELECT id_noticia,texto,titulo,fecha,username FROM noticia WHERE id_noticia='".($i+1)."'";
		$query = mysql_query($sql,$link);
		$rs = mysql_fetch_array($query);
		
		if (!($rs["titulo"]==""||$rs["texto"]==""||$rs["fecha"]==""||$rs["username"]=="")) {
			echo "<table id='tablanoticia' cellspacing='3' width='550'>";
			echo "<tr>";
				echo "<td colspan='2' align='center' id='ntitulo' valign='top'>";
				echo $rs["titulo"];
				echo "</td></tr>";
			echo "<tr>";
				echo "<td colspan='2' align='left' valign='top' id='ncontenido' height='100%'>";
				echo $rs["texto"];
				echo "</td></tr>";
			echo "<tr>";
				echo "<td id='plus' valign='bottom'>Añadida el ".CambiaFecha($rs["fecha"],"normal")."</td>";
				echo "<td align='center' id='plus' valign='bottom'>&nbsp;por ".$rs["username"]."</td>";
				echo "</tr>";
			echo "</table>";
			echo "</br>";
			
			if(!($i==$noticias+1)) {
				echo "<br>\n";
			}
		}
	}
?>
Si os fijais, tiene unos ids que son llamadas a css (hoja de estilos). A continuación os pongo el codigo de la hoja de estilos para las noticias que está actualmente.

Código:
/* Estilo de las noticias */
#tablanoticia {
	padding: 20px 20px 20px 20px;
	border: 1px solid #FFFFFF;
}
#ntitulo
{
	font-family:"Trebuchet MS";
	font-size:15px;
	color:#FF9900;
	font-weight:bolder;
	border:1px solid #FFFFFF;
}
#ncontenido /* es borde derecho de dentro de la noticia*/
{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#FF9900;
}
#plus
{
	font-family:"Trebuchet MS";
	font-size:9px;
	color:#FF9900;
	font-weight:bolder;
}
/* Estilo Noticias Modificado*/
#bordeizq
{
	width:158px;
	border:none;
	background:url(img/NavigationRightTrim.jpg) repeat-y;
	background-position:top right;
	background-position:left;
}
Pues bien, mi idea era ponerlo mejor en CSS para quedara mas estructurado y bonito, pero no me importa si está en css o en php, con tal de que sirva me da igual.

Os agradezco muchisimo la ayuda. Si hay algun punto que no ha quedado claro simplemente comentadmelo y listo. Saludos ;)

PD: Si alguien ve este codigo y puede servirle en alguno de sus proyectos puede pillarlo sin ningun problema, entre todos nos ayudamos. Saludos.
  #2 (permalink)  
Antiguo 01/07/2007, 16:26
Avatar de Dragonsol  
Fecha de Ingreso: julio-2005
Mensajes: 25
Antigüedad: 18 años, 9 meses
Puntos: 0
Re: Ayuda para implementar a php el diseño de una noticia.

No puedo creer que de toda la gente que hay en este foro nadie sepa como hacer algo que debería de ser sencillo :/
  #3 (permalink)  
Antiguo 01/07/2007, 16:58
Avatar de david_M_G  
Fecha de Ingreso: febrero-2005
Mensajes: 938
Antigüedad: 19 años, 2 meses
Puntos: 20
Re: Ayuda para implementar a php el diseño de una noticia.

No entiendo tu complicación... Donde has puesto en HTML el texto de la noticia es donde debes mostrarlo con PHP tras extraerlo de la base de datos, sin más. No tiene más complicación que esa...

En PHP haces un bucle, que por cada noticia haga una tabla y deje un espacio. Esa tabla ya la tienes diseñada por lo que veo, y para hacer el bucle podrías usar la función while()

Sé que no es muy útil mi respuesta, pero tampoco entendí bien tu problema.

P.D: Me gusta esa imagen, cómo hiciste el borde / de dónde lo sacaste?
  #4 (permalink)  
Antiguo 01/07/2007, 21:56
Avatar de _ssx  
Fecha de Ingreso: mayo-2003
Ubicación: mX
Mensajes: 683
Antigüedad: 20 años, 11 meses
Puntos: 60
Re: Ayuda para implementar a php el diseño de una noticia.

Cita:
Iniciado por Dragonsol Ver Mensaje
No puedo creer que de toda la gente que hay en este foro nadie sepa como hacer algo que debería de ser sencillo :/
creo que asi no vas a conseguir mucha ayuda, y menos en domingo..
__________________
Escribe tu código de forma que refleje, y saque a relucir,lo mejor de tu carácter personal
www.oscararzola.com/blog
Principios de un programador
  #5 (permalink)  
Antiguo 02/07/2007, 06:09
Avatar de Dragonsol  
Fecha de Ingreso: julio-2005
Mensajes: 25
Antigüedad: 18 años, 9 meses
Puntos: 0
Re: Ayuda para implementar a php el diseño de una noticia.

Si lo sé david, pero he intentado de 100 maneras diferentes y nose porque no me sirve. El codigo de php lo mostré asi para que vieras como mostraba antes la noticia antigua. Intentaré tal como me comentas por while aunque no tenga ni fruta idea xD.

Gracias por tu respuesta, al menos va encaminada.

PD: Photoshop rulez xD. No fué tan complicado pero si lleva unas cuantas horas, lo que cogí fueron las esquinas, no recuerdo de donde, pero solo habían dos, asi que... las otras tuve que arreglarmelas como pude y el que piense que es simplemente darle la vuelta está muy equivocado, porque son diferentes las conexiones doradas para seguir el diseño aunque como ya comenté antes, no está terminado.

_ssx, en domingo es cuando mas gente hay y pasaron varios dias de mi respuesta. Simplemente puse ese post para que no se fuera al abismo.

Si alguien mas tiene alguna idea se la agradecería ;)
  #6 (permalink)  
Antiguo 02/07/2007, 06:20
Avatar de david_M_G  
Fecha de Ingreso: febrero-2005
Mensajes: 938
Antigüedad: 19 años, 2 meses
Puntos: 20
Re: Ayuda para implementar a php el diseño de una noticia.

Para usar el while podría ser algo así:


Código PHP:
<?
$query 
mysql_query($sql,$link);

while (
$rs == mysql_fetch_array($query)) {

            echo 
"<table id='tablanoticia' cellspacing='3' width='550'>";
            echo 
"<tr>";
                echo 
"<td colspan='2' align='center' id='ntitulo' valign='top'>";
                echo 
$rs["titulo"];
                echo 
"</td></tr>";
            echo 
"<tr>";
                echo 
"<td colspan='2' align='left' valign='top' id='ncontenido' height='100%'>";
                echo 
$rs["texto"];
                echo 
"</td></tr>";
            echo 
"<tr>";
                echo 
"<td id='plus' valign='bottom'>Añadida el ".CambiaFecha($rs["fecha"],"normal")."</td>";
                echo 
"<td align='center' id='plus' valign='bottom'>&nbsp;por ".$rs["username"]."</td>";
                echo 
"</tr>";
            echo 
"</table>";
            echo 
"</br>";

}
?>
Creo que es más simple que usar el FOR y sus incrementos numéricos ($i+1) y recuentos.

También te recomiendo que en lugar de tanto "echo" cierres el PHP, y lo abras cada vez que tengas la necesidad de mostrar una variable. Simplemente porque queda más limpio el código.

Código PHP:
<?
$query 
mysql_query($sql,$link);

while (
$rs == mysql_fetch_array($query)) {

//Cierro, empieza el html ?>

<table id='tablanoticia' cellspacing='3' width='550'>
<tr>
<td colspan='2' align='center' id='ntitulo' valign='top'>
<?=$rs["titulo"]?>
</td></tr>
<tr>
<td colspan='2' align='left' valign='top' id='ncontenido' height='100%'>
<?=$rs["texto"]?>
</td></tr>
<tr>
<td id='plus' valign='bottom'>Añadida el <?=CambiaFecha($rs["fecha"],"normal")?>
</td>
<td align='center' id='plus' valign='bottom'>&nbsp;por <?=$rs["username"]?>
</td>
</tr>
</table>
</br>

<? ?>
Suerte
  #7 (permalink)  
Antiguo 02/07/2007, 09:55
Avatar de Dragonsol  
Fecha de Ingreso: julio-2005
Mensajes: 25
Antigüedad: 18 años, 9 meses
Puntos: 0
Re: Ayuda para implementar a php el diseño de una noticia.

no entiendo bien el while, supuestamente es que mientras haya consultas las va "tirando" nop?. Ahi faltaría la consulta a la base de datos y decirle que cuando llegue a 10 pare, total, esta hecho en for y no me voy a romper mas la cabeza xD. Si eso cuando me salga lo otro tonces si.

Lo de ponerlo como lo dices cerrando y abriendo php es muy cierto y voy a intentar a ver si asi me sale, porque de la otra manera no.

Creo que no me entendistes bien lo que me refería a coger el codigo html y ponerlo en php, pero tal como me lo has puesto me va a ahorrar muchisimos errores de php y es que.... lo veo mas o menos claro!!!, meto el codigo html y cuando necesite meter por ejemplo la fecha, pues ahi entonces le meto el codigo en php en una linea :D. Muchas gracias macho, voy a intentarlo a ver si en un par de horitas (o el tiempo que haga falta) me salga. Thx. Si necesitas algo.. ya sabes.
  #8 (permalink)  
Antiguo 02/07/2007, 10:51
Avatar de david_M_G  
Fecha de Ingreso: febrero-2005
Mensajes: 938
Antigüedad: 19 años, 2 meses
Puntos: 20
Re: Ayuda para implementar a php el diseño de una noticia.

Cita:
Iniciado por Dragonsol Ver Mensaje
no entiendo bien el while, supuestamente es que mientras haya consultas las va "tirando" nop?. Ahi faltaría la consulta a la base de datos y decirle que cuando llegue a 10 pare, total, esta hecho en for y no me voy a romper mas la cabeza xD. Si eso cuando me salga lo otro tonces si.

Lo de ponerlo como lo dices cerrando y abriendo php es muy cierto y voy a intentar a ver si asi me sale, porque de la otra manera no.

Creo que no me entendistes bien lo que me refería a coger el codigo html y ponerlo en php, pero tal como me lo has puesto me va a ahorrar muchisimos errores de php y es que.... lo veo mas o menos claro!!!, meto el codigo html y cuando necesite meter por ejemplo la fecha, pues ahi entonces le meto el codigo en php en una linea :D. Muchas gracias macho, voy a intentarlo a ver si en un par de horitas (o el tiempo que haga falta) me salga. Thx. Si necesitas algo.. ya sabes.
Piensa que de esta manera, estás cogiendo las noticias de la BD de una en una. Es decir, coges $i y se lo pides a la BD. Luego coges $i+1 y se lo pides, luego coges $i+1+1 y se lo pides...

En cambio con While podrías hacer una sola consulta, ahorrando recursos. Con hacer un SELECT con limit 10 estaría lista.

Y sí, el while (Que quiere decir "mientras") va tirando noticias mientras $rs encuentre valores a los que asociarlas. Al poner limit 10 en el $sql, solo cogerá las 10 según el orden especificado (id DESC, id ASC, etc)

Espero que te sirva para entender.
  #9 (permalink)  
Antiguo 02/07/2007, 11:28
Avatar de Dragonsol  
Fecha de Ingreso: julio-2005
Mensajes: 25
Antigüedad: 18 años, 9 meses
Puntos: 0
Re: Ayuda para implementar a php el diseño de una noticia.

ARghh!!!, cawen la lexe!!!. Pues tambien es cierto, mas adelante como te comenté intentaré probar con while a ver si me sirve o no, yo soy de los que... si funciona.. pues bien, pero vamos, que desde que me funcione todo voy mejorando, y esa es una de las cosas que mejoraré/cambiaré.

Te lo agradezco de nuevo y te pongo una imagen de como me están quedando las cosas.



Voy a seguir, ahora tengo que hacerle el diseño de el titulo y una vez terminado intentar acoplarlo a php. De nuevo te doy las gracias
  #10 (permalink)  
Antiguo 02/07/2007, 11:57
Avatar de david_M_G  
Fecha de Ingreso: febrero-2005
Mensajes: 938
Antigüedad: 19 años, 2 meses
Puntos: 20
Re: Ayuda para implementar a php el diseño de una noticia.

Pues no me des las gracias y dame más puntos de reputación.

Yo hago lo mismo que tú. Lo que funcione bien, bienvenido sea, y no me como mucho el coco, pero vamos, uno va aprendiendo y no está de más tener en cuenta esos puntos.

Está bien el diseño. Te dejo un mensaje privado para contactar contigo, vale?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:57.