Página 1 de 1

Mover hacia la izquierda "temas, mensajes, ultimo mensaje"

Publicado: 13 Mar 2012, 19:07
por Cruciattus
Hola, que tal? no se si esta consulta iria aqui o en soporte de estilos. Me gustaria saber como puedo echar mas hacia la izquierda los bloques de "temas, mensajes, ultimo mensaje" porque el nombre del post y el autor se queda muy apretujado (puede verse en la imagen de ejemplo), asi
http://i42.tinypic.com/1zpp7b8.jpg
Gracias.

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj

Publicado: 13 Mar 2012, 22:02
por Makoto
Puedes subir tu archivo forumlist_body.html o subirlo a pastebin

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj

Publicado: 14 Mar 2012, 00:39
por Cruciattus
Si, aqui esta

Código: Seleccionar todo

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>

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

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></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>
			<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 -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					<!-- IF forumrow.MODERATORS -->
						<!-- <strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS} -->
					<!-- ENDIF -->
					<style><!-- #prueba a:link{font-size:8px !important;} 
								#prueba {text-align:center !important;}
					--></style>
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><span id="prueba"style="text-align:center !important;color: #57514B;font-weight: bold;font-family: 'Times New Roman';font-size: 8px !important;text-transform: uppercase;letter-spacing: 1px;padding: 2px;margin-bottom: 0px;"><br/>{forumrow.SUBFORUMS}</span><!-- ENDIF -->
					
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <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><!-- IF S_ALTT_ACTIVE --><!-- IF forumrow.ALTT_LINK_NAME_SHORT != '' --><a <!-- IF ALTT_STYLE -->style="{ALTT_STYLE}"<!-- ENDIF --> href="{forumrow.U_ALTT_LINK}" title="{forumrow.ALTT_LINK_NAME}">{forumrow.ALTT_LINK_NAME_SHORT}</a><!-- ELSE -->{L_ALTT_PROTECTED}<!-- ENDIF --><br /><!-- ENDIF --> {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>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- 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 -->

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj

Publicado: 14 Mar 2012, 00:55
por Makoto
Bueno debes de dejar la url del foro en mencion ya que el codigo que proporcionas es de un estilo basado en prosilver y no en subsilver como menciona tus datos de soporte :banned

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj

Publicado: 14 Mar 2012, 08:49
por Cruciattus
Oh perdon, el foro es el mismo que hay en mis datos de soporte. Es un nuevo estilo para el foro y aun no esta activado.

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj

Publicado: 14 Mar 2012, 23:07
por Makoto
Puedes especificar como quieres se que visualise pues la flecha de la imagen no ayuda mucho u_u

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj

Publicado: 18 Mar 2012, 14:50
por Cruciattus
Si claro, veras. Tenemos un estilo subsilver, y queremos poner uno prosilver que es mas estrecho.
Actualmente se nos ve asi
http://i42.tinypic.com/140eu53.jpg
como ves el titulo del tema y el nombre del autor ocupan dos lineas y se ve bien.
Al prosilver le hemos reducido el ancho y entonces se nos ve asi
http://i42.tinypic.com/214zdhy.jpg
Como ves el titulo del tema y el nombre del autor es muy largo para verse en dos lineas y se deforma en cuatro.
Me gustaria poder echar el espacio de "temas, ultimo tema, etc" un poco a la izquierda de modo que vuelva a verse en dos lineas, en el nuevoe stilo prosilver
Espero haberme explicado mejor^^

Re: Mover hacia la izquierda "temas, mensajes, ultimo mensaj  Tema Solucionado

Publicado: 19 Mar 2012, 15:24
por Makoto
asha!! xD yo creia que querias mover los bloques solo los quieres recorrer un poco

bueno busca en los css creo que en content.css

algo como esto

Código: Seleccionar todo

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
este es para los "temas" y "mensajes"

Código: Seleccionar todo

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}
este es para "Foro"

Cambiandoles los valores de width