Plantilla del foro destrozada [ERRORES, BUGS] de visualizacionTema Solucionado

[itachija]

Hola ultimamente he hecho algunos cambios personales en la plantilla el cual resulto se la combinacion de Absolution + Supernova + Combinaciones mias.. el problema es que le he cambiado la imagen de fondo de los foros como pueden ver se ve un poco a la izquierda y no se acopla con el header y el problema es que esa imagen no es una imagen HTML simple que pueda centrar con el tipico <center></center> si no que es a base de CSS.. y de eso no tengo la menor idea busque en internet como centrar imagenes con CSS pero me hablaba algo de DIVS y Span me volvi un ocho y decidi dejarlo asi antes de dañarle...
Ademas como pueden ver aqui se ha agrangado considerablemente el espacio para el contenido http://rukon.hostoi.com/foros/viewtopic.php?f=6&t=3
Quizas esa sea una de las razones.... tambien se han agrandado los links de la pagina principal de los foros... (Bienvenido,presentate,novedades) y tambien se han centrado... en fin lo que destrozado en si son dos archivos el overall header.html y el blue.css que es el CSS con el que trabaja no se por que el nombre peeo ese es con el que he trabajado dejare adjunto ambos archivos... para que me puedan ayudar

Espero su colaboracion muchas gracias

PD: El diseño lo hice a base de un bosquejo que tengo en el photoshop y me las he ido arreglando para colocar las imagenes y cosas de tal forma de que encajen
no he usado ningun tipo de MARGIN o nada por el estilo solo CENTER.. ya que si todas tienen CENTER en cualquier resolucion se va a ver bien cuadrado el foro...
asi que por favor ayudamene a solventar el problema con algun codigo que sumele el <center></center> en CSS claro esta muchas gracias.... de antemano


Datos de soporte
URL: http://rukon.hostoi.com/foros
Plantilla(s) usuada(s): Absolution + Supernova
MODs instalados: ninguno
Versión de phpBB: 3.0.1.7
Servidor: 000web host gratuito
Si es una actualización desde otra versión:NO
Si es una conversión desde otro tipo de Foro: NO

[nextgen]

Como consejo yo que tu usare una sola plantilla y no una mezcla de varías porque? porque no todas las plantillas son íguales en su codigo ya que algunas varian demasiado.

[itachija]

Pues no la unica que he usado es Supernova la unico que le he integrado es el Viewtopic body de absolution nada mas para que el avatar se pusiese a la izquierda.. asi que podemos decir que estoy trabajando con una sola plantilla... la supernova con algunas modificaciones en el header no mas... espero respuesta

[memoadian]

Realmente lo que has hecho no funciona así, mezclar las plantillas no es algo recomendable, ya lo has visto por ti mismo, pasar el avatar a la izquierda es mucho más sencillo tocando codigo css, y no genera desastres como te pasó a ti. Las plantillas no son iguales.

[itachija]

Aclarare esto ...... solo le coloque un viewtopic diferente a la plantilla original.. lo unico que he hecho es cambiar las imagenes que ya traia y cambiar algunos valores en tamaño..... no crean que ando copiando archivos de mil plantillas XD.... espero alguna solucion... ademas lo que quiero es crear una plantilla propia mia y como no se mucho.. de codigo entonces lo que hago es modificar los que ya tengo por defecto [Supernova] y asi poder colocarlo a mi gusto en apariencia nada mas si tocar codigo alguno

[memoadian]

MMM center no es una etiqueta valida para css, quieres crear una plantilla propia pero no sabes mucho de códigos, hmm va a ser un poco dificil.

para centrar un div

Código: Seleccionar todo

#div{
width:ancho en pixeles;
margin:0 auto;
position:relative;
}

además de eso no podemos ayudarte ya que no sabemos todo lo que has movido aparte de solo viewtopic y que has agregado unos <center>.

te recomiendo que te esfuerces un poco, y leas algo de css y html. antes de aplicar modificaciones al ahi se va.

[itachija]

Bueno tomare en cuenta el codigo que me has proporcionado por suerte tegno una carpeta de bakup de todos los archivos del foro hast a de las imagenes.. asi que lo que hare es reemplazar los archivos e ir modificando todo de nuevo quizas tengas razon y no cerre algun Center o algun codgio algo paso no se que pero algo paso asi que venga.... lo intentare de nuevo y si ocurre un error ya se los hare saber por aqui pero con algo mas de detalle.... de todos modos sigue en pie la pregunta

[memoadian]

Hola ultimamente he hecho algunos cambios personales en la plantilla el cual resulto se la combinacion de Absolution + Supernova + Combinaciones mias.. el problema es que le he cambiado la imagen de fondo de los foros como pueden ver se ve un poco a la izquierda y no se acopla con el header y el problema es que esa imagen no es una imagen HTML simple que pueda centrar con el tipico <center></center> si no que es a base de CSS.. y de eso no tengo la menor idea busque en internet como centrar imagenes con CSS pero me hablaba algo de DIVS y Span me volvi un ocho y decidi dejarlo asi antes de dañarle...
Ademas como pueden ver aqui se ha agrangado considerablemente el espacio para el contenido http://rukon.hostoi.com/foros/viewtopic.php?f=6&t=3
Quizas esa sea una de las razones.... tambien se han agrandado los links de la pagina principal de los foros... (Bienvenido,presentate,novedades) y tambien se han centrado... en fin lo que destrozado en si son dos archivos el overall header.html y el blue.css que es el CSS con el que trabaja no se por que el nombre peeo ese es con el que he trabajado dejare adjunto ambos archivos... para que me puedan ayudar

Espero su colaboracion muchas gracias

PD: El diseño lo hice a base de un bosquejo que tengo en el photoshop y me las he ido arreglando para colocar las imagenes y cosas de tal forma de que encajen
no he usado ningun tipo de MARGIN o nada por el estilo solo CENTER.. ya que si todas tienen CENTER en cualquier resolucion se va a ver bien cuadrado el foro...
asi que por favor ayudamene a solventar el problema con algun codigo que sumele el <center></center> en CSS claro esta muchas gracias.... de antemano

No veo ninguna pregunta , y para centrar en css es con el código que te di arriba, eso centra los divs, para centrar el contenido de un div

Código: Seleccionar todo

text-align:center;

[itachija]

Listo gracias al codigo que me has dado he podido solucionar el problema de centrar la imagen con css pero como puedes ver en el foro... http://rukon.hostoi.com/foros/index.php el viewtopic ha terminado quedando algo pequeño me gustaria saber como centrarlo y agrandarlo... aqui le dejo el codigo para ver si me puede ayudar... de todas formas yo ire intentando formas para poder agrandar el foro y centrarlo... pero de todas formas gracias por su ayuda..
Viewforum_body.html

Código: Seleccionar todo

<!-- INCLUDE overall_header.html -->
<h2><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h2>

<!-- IF FORUM_DESC or MODERATORS or U_MCP -->
<div>
	<!-- NOTE: remove the style="display: none" when you want to have the forum description on the forum body -->
	<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
	<!-- IF MODERATORS --><p><strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->:</strong> {MODERATORS}</p><!-- ENDIF -->
</div>
<!-- ENDIF -->

<!-- IF S_FORUM_RULES -->
	<div class="rules">
		<div class="inner"><span class="corners-top"><span></span></span>

		<!-- IF U_FORUM_RULES -->
			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
		<!-- ELSE -->
			<strong>{L_FORUM_RULES}</strong><br />
			{FORUM_RULES}
		<!-- ENDIF -->

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

<!-- IF S_HAS_SUBFORUM -->
<!-- IF not S_IS_BOT and U_MARK_FORUMS -->
<ul class="linklist">
	<li class="rightside"><a href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<!-- ENDIF -->
	<!-- INCLUDE forumlist_body.html -->
<!-- ENDIF -->

<!-- IF S_DISPLAY_POST_INFO or PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
	<div class="topic-actions" <!-- IF S_HAS_SUBFORUM -->style="margin-top: 2em;"<!-- ENDIF -->>

	<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
		<div class="buttons">
			<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>
		</div>
	<!-- ENDIF -->

	<!-- IF S_DISPLAY_SEARCHBOX -->
		<div class="search-box">
			<form method="post" id="forum-search" action="{S_SEARCHBOX_ACTION}">
			<fieldset>
				<input class="inputbox search tiny" type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_FORUM}" onclick="if (this.value == '{LA_SEARCH_FORUM}') this.value = '';" onblur="if (this.value == '') this.value = '{LA_SEARCH_FORUM}';" />
				<input class="button2" type="submit" value="{L_SEARCH}" />
				<input type="hidden" value="{FORUM_ID}" name="fid[]" />
			</fieldset>
			</form>
		</div>
	<!-- ENDIF -->

	<!-- IF PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
		<div class="pagination">
			<!-- IF not S_IS_BOT and U_MARK_TOPICS --><a href="{U_MARK_TOPICS}" accesskey="m">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF --><!-- IF TOTAL_TOPICS -->{TOTAL_TOPICS}<!-- ENDIF -->
			<!-- IF PAGE_NUMBER -->
				<!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF -->
			<!-- ENDIF -->
		</div>
	<!-- ENDIF -->

	</div>
<!-- ENDIF -->

<!-- IF S_NO_READ_ACCESS -->

	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_READ_ACCESS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>

	<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->

		<form action="{S_LOGIN_ACTION}" method="post">

		<div class="panel">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div class="content">
				<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>

				<fieldset class="fields1">
				<dl>
					<dt><label for="username">{L_USERNAME}:</label></dt>
					<dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
				</dl>
				<dl>
					<dt><label for="password">{L_PASSWORD}:</label></dt>
					<dd><input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" /></dd>
					<!-- IF S_AUTOLOGIN_ENABLED --><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="3" /> {L_LOG_ME_IN}</label></dd><!-- ENDIF -->
					<dd><label for="viewonline"><input type="checkbox" name="viewonline" id="viewonline" tabindex="4" /> {L_HIDE_ME}</label></dd>
				</dl>
				<dl>
					<dt>&nbsp;</dt>
					<dd><input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" /></dd>
				</dl>
				{S_LOGIN_REDIRECT}
				</fieldset>
			</div>

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

		</form>

	<!-- ENDIF -->

<!-- ENDIF -->

<!-- BEGIN topicrow -->

	<!-- IF not topicrow.S_TOPIC_TYPE_SWITCH and not topicrow.S_FIRST_ROW -->
		</ul>

	</div><div class="sn-cat-footer"></div>
	<!-- ENDIF -->

	<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
<div class="sn-cat-header">
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
               			
                         <dt <!-- IF $SN_AUTHOR_COLUMN -->style="width: 40%;"<!-- ENDIF -->>
                        	<div class="cat-name">
            					<span><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and topicrow.S_TOPIC_TYPE gt 1 -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></span>
           					</div>
                        </dt>
					
                    <!-- IF $SN_AUTHOR_COLUMN --><dd class="author sn-cat-header-label">{L_AUTHOR}</dd><!-- ENDIF -->
					<dd class="posts sn-cat-header-label">{L_REPLIES}</dd>
					<dd class="views sn-cat-header-label">{L_VIEWS}</dd>
					<dd class="lastpost sn-cat-header-label"  <!-- IF $SN_AUTHOR_COLUMN -->style="width: 20%;"<!-- ENDIF -->><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
        </div><!-- header -->
        <div class="sn-cat-row">
		<ul class="topiclist topics">
	<!-- ENDIF -->

		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --> sn-unapproved-row<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> sn-reported-row<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}" <!-- IF $SN_AUTHOR_COLUMN -->class="sn-author-column"<!-- ENDIF -->><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
					<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF --><!-- IF not $SN_AUTHOR_COLUMN -->{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; <!-- ENDIF --><span class="sn-forum-description">{topicrow.FIRST_POST_TIME}</span>
				</dt>
                
                <!-- IF $SN_AUTHOR_COLUMN --><dd class="author">{topicrow.TOPIC_AUTHOR_FULL}</dd><!-- ENDIF -->
				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost" <!-- IF $SN_AUTHOR_COLUMN -->style="width: 20%;"<!-- ENDIF -->><span class="sn-forum-description"><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

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

	</div><div class="sn-cat-footer"></div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<!-- IF S_IS_POSTABLE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_TOPICS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->
<!-- END topicrow -->

<!-- IF S_SELECT_SORT_DAYS and not S_DISPLAY_ACTIVE -->
	<form method="post" action="{S_FORUM_ACTION}">
		<fieldset class="display-options">
			<!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
			<!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
	<!-- IF not S_IS_BOT -->
			<label>{L_DISPLAY_TOPICS}: {S_SELECT_SORT_DAYS}</label>
			<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label>
			<label>{S_SELECT_SORT_DIR} <input type="submit" name="sort" value="{L_GO}" class="button2" /></label>
	<!-- ENDIF -->
		</fieldset>
	</form>

<!-- ENDIF -->

<!-- IF .topicrow and not S_DISPLAY_ACTIVE -->
	<div class="topic-actions">
		<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
		<div class="buttons">
			<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}"><span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>
		</div>
		<!-- ENDIF -->

		<!-- IF PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
		<div class="pagination">
			<!-- IF TOTAL_TOPICS and not S_IS_BOT and U_MARK_TOPICS --><a href="{U_MARK_TOPICS}">{L_MARK_TOPICS_READ}</a> &bull;  <!-- ENDIF -->
			<!-- IF TOTAL_POSTS and not NEWEST_USER --> {TOTAL_POSTS}<!-- ELSEIF TOTAL_TOPICS and not NEWEST_USER --> {TOTAL_TOPICS}<!-- ENDIF -->
			<!-- IF TOTAL_USERS -->{TOTAL_USERS}<!-- ENDIF -->
			<!-- IF PAGINATION --> &bull;  <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a>
			 &bull;  <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF -->
		</div>
		<!-- ENDIF -->
	</div>
<!-- ENDIF -->

<!-- INCLUDE jumpbox.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
<div class="sn-stat-info" style="background-image: url('{T_THEME_PATH}/images/who-is-online.png');">
	<h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
	<p>{LOGGED_IN_USER_LIST}</p>
</div>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->