Página 1 de 1

Necesito ayuda con el estilo prosilver de esta página

Publicado: 12 Nov 2011, 19:52
por Frogman
Hola.
En este enlace está la pagina que me está dando problemas: http://frogman.es/foro/historia.php
Si seguís el enlace podeis ver que en los cuerpos de las noticias las esquinas redondeadas se mezclan. Cosa que no consigo arreglar yo solo. He cambiado de todo, pero no lo que tenia que cambiar :jaja:

Os dejo el código del template:

Código: Seleccionar todo

        <!-- INCLUDE overall_header.html -->

        <h2>Noticias</h2>

        <!-- BEGIN last_topics -->
     <div class="navbar">
     	 <div class="inner"><span class="corners-top"><span></span></span>
		        <div class="postbody">
       				<h3><a href="{last_topics.POST_LINK}">{LAST_POST_IMG}</a> <a href="{last_topics.POST_LINK}" class="forumtitle">{last_topics.TOPIC_TITLE}</a></h3> 
                    <p class="author">por {last_topics.POST_AUTHOR} - {last_topics.POST_DATE}</p>
                    <div class="content">{last_topics.POST_TEXT}</div>
				</div>			
		<span class="corners-bottom"><span></span></span></div>
    </div>
    	<!-- END last_topics -->
  

        <!-- INCLUDE jumpbox.html -->
        <!-- INCLUDE overall_footer.html -->
Otro problema es que como estoy utilizando el estilo postbody para que sea igual que el de los post del foro, me deja un espacio a la derecha donde irian los datos del usuario (avatar, ect..) Cosa que no quiero que aparezca en la noticia, y lo que si quiero es que no quede ese espacio en blanco.

No se si me he explicado bien, lo que quiero es que las esquinas salgan en su sitio y que el espacio de info de usuario sea ocupada por el cuerpo de la noticia (para eso creo que tendre que crear un class=nuevo, pero no se que archivos debo modificar para crearlo)

Re: Necesito ayuda con el estilo prosilver de esta página

Publicado: 12 Nov 2011, 20:31
por Alorse
Cámbialo por:

Código: Seleccionar todo

<!-- INCLUDE overall_header.html -->

<h2>Noticias</h2>

<!-- BEGIN last_topics -->
<div id="p{postrow.POST_ID}" class="panel <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
    <div class="inner"><span class="corners-top"><span></span></span>

        <h3><a href="{last_topics.POST_LINK}">{LAST_POST_IMG}</a> <a href="{last_topics.POST_LINK}" class="forumtitle">{last_topics.TOPIC_TITLE}</a></h3> 

        <p class="author">por {last_topics.POST_AUTHOR} - {last_topics.POST_DATE}</p>
        <div class="content">{last_topics.POST_TEXT}</div>

        <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END last_topics -->


<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->
El descuadre se da, porque tienes un cita en la segunda noticia, si eliminas esa cita se vera correctamente, no sé si se pueda solucionar porque como estas cortando el texto, entonces puede que se corte dentro de un BBCode y así dañarlo.

Re: Necesito ayuda con el estilo prosilver de esta página

Publicado: 12 Nov 2011, 21:07
por Frogman
Gracias de nuevo Alorse.
Quitando el BBCode se a arreglado el descuadre que me estaba sacando loco. No habia caido en que al cortar el texto podia pasar eso, tendré que tener cuidado con eso o prescindir de cortar el texto.

Lo del estilo no está arreglado, el estilo que se muestra en la noticia no es el mismo que el que se muestra en el post original del foro. (Cambia el color de encabezado y lo más importante, tamaño de la fuente del cuerpo del mensaje, es demasiado pequeño. La unica forma que he encontrado para que sea igual utilizando el class="postbody", pero tiene el problema que me limita el texto a un 76%.
Archivo content.css:

Código: Seleccionar todo

.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}
Lo que creo que tendria que hacer es crear un estilo copiado del postboy al que le cambie el nombre de etiqueca y el dicho 76%. El problema es que no se cuantos archivos css tengo que editar ni cuales. :nolose:

Gracias

Re: Necesito ayuda con el estilo prosilver de esta página  Tema Solucionado

Publicado: 12 Nov 2011, 21:17
por Alorse
simplente crea un postbody2 le quitas el width y listo, así "creo" que funcionaria.

Re: Necesito ayuda con el estilo prosilver de esta página

Publicado: 12 Nov 2011, 22:28
por Frogman
Te vuelvo a dar las gracias por enesima ver hoy.

Solucionado