phpBB España Oficial

Publicado: **31 Jul 2011, 19:35**

Buenas.

Pues hoy pusé las imágenes de categorias, pero la cuestión es que me sale el nombre de las categorias al lado de la imagen, y yo quiero que me salgan arriba.
¿Como lo puedo hacer?

Gracias

Saludos.

me imagino que te refieres a los foros dentro de las categorías, las categorías usan esta imágen para todas: (una diferente para cada color css)
http://www.harrystation.azuli.org/style ... at-htl.png
Imagen

si te estás refiriendo a que las imágenes que has puesto a cada foro te desplazan el titulo del foro hacia la derecha, lo que haremos es darle un salto de línea, para ello:

abre tu archivo forumlist_body.html de la carpeta template de tu estilo y busca esto:

Código: Seleccionar todo

					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />

lo reemplazas por esto otro y nos cuentas si es lo que estas buscando:

Código: Seleccionar todo

					<br /><a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />

actualiza el tema, limpia el cache del foro y refresca el navegador par ver los cambios

Pues es raro, peró lo hice y deje el código así :

Código: Seleccionar todo

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>
</td>
            <td class="cat-cr"></td></tr>
            <tr><td class="cat-fl"></td><td class="cat-fc"></td><td class="cat-fr"></td></tr>
        </table>

	<!-- ENDIF -->

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
     <div class="cat-ht"><span><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></span></div>
<table width="100%" cellpadding="0" cellspacing="0">
        	<tr><td class="cat-hl"></td>
            <td class="cat-hc">
            			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt></dt>
						<dd class="topics">{L_TOPICS}</dd>
						<dd class="posts">{L_POSTS}</dd>
						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
					</dl>
				</li>
			</ul>

            </td>
            <td class="cat-hr"></td></tr>
            <tr><td class="cat-cl"></td>
                    <td>
			<ul class="topiclist forums">
	<!-- ENDIF -->

	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row">

			<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
				<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->

					<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF --><br />
					<br /><a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					<span class="forum-description">{forumrow.FORUM_DESC}</span>
					<!-- IF forumrow.MODERATORS -->

						<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
					<!-- ENDIF -->
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong></strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>

				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics"><span>{forumrow.TOPICS}</span> <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts"><span>{forumrow.POSTS}</span> <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->

						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> <a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}">{forumrow.LAST_POST_SHORTENED_SUBJECT}</a><br />
 {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>
				<!-- ENDIF -->
			</dl>
		</li>

	<!-- ENDIF -->

	<!-- IF forumrow.S_LAST_ROW -->
			</ul>

</td>
            <td class="cat-cr"></td></tr>
            <tr><td class="cat-fl"></td><td class="cat-fc"></td><td class="cat-fr"></td></tr>
        </table>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_FORUMS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END forumrow -->

Pero al parecer se me quedo igual.
No se que puede ser.

es porque necesita de más "br", pero bueno, mejor lo haremos desde el css ya que es un estilo de ancho fijo y quieres darle ese toque, abre tu archivo content.css y busca estas 2 etiquetas:

Código: Seleccionar todo

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 5px;
}

Código: Seleccionar todo

dd.lastpost {
	width: 25%;
	font-size: 11px;
}

cambia el witdh de ambas jugando entre ellas, por ejemplo, si le quito al 50% y lo dejo en un 45%, el 25% lo dejo en un 30% por agregarle el 5% que hemos quitado al 50% hasta completar el 100% entre otras más, espero me entiendas

otra manera sería hacerlo desde el html, en el archivo forumlist_body.html cambiando esta línea:

Código: Seleccionar todo

				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">

por esta otra:

Código: Seleccionar todo

				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}" style="width: 390px;">

Pues aver, el concepto básico de lo que hay que hacer creo que lo e entendido.
Pero si entras en mi foro veras que la e "cagado" un poco más.

Es que nose como dejar el Width. ( que numeros poner ).
Y la verdad, ahora el foro se ve peor que antes TT

Muchisimas gracias por tu tiempo

DaVidU escribió:por ejemplo, si le quito al 50% y lo dejo en un 45%, el 25% lo dejo en un 30%

además, espero hayas echo copia de seguridad de los archivos antes de tocarlos, por que veo sigue viéndose mal el foro, me imagino has tocado algo más de lo que te dije no? tan solo cambiando el width eso no tiene por que pasarte

phpBB España Oficial

Nombre del foro arriba de la imagen

Nombre del foro arriba de la imagen

Re: Nombre del foro arriba de la imagen

Re: Nombre del foro arriba de la imagen

Re: Nombre del foro arriba de la imagen

Re: Nombre del foro arriba de la imagen

Re: Nombre del foro arriba de la imagen