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:
Como veréis el codigo, tiene sus cosas pero no es realmente complicado si se está un rato con el.<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>
Ahora os pondré el codigo que tengo yo en php sin modificar, sino como estaba antes y tal.
Código:
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.<?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'> por ".$rs["username"]."</td>"; echo "</tr>"; echo "</table>"; echo "</br>"; if(!($i==$noticias+1)) { echo "<br>\n"; } } } ?>
Código:
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./* 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; }
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.