Página 1 de 1

Iconos del Tema y Modificación de Diseño

Publicado: 14 Ago 2010, 00:16
por romanamr
Hola amigos, nuevamente tengo un par de cosas que se desvirtuaron, lo primero es que sucede que al cambiar de plantilla los iconos del tema aparecen sobre la imagen del post, si no me equivoco deberían aparecer al lado derecho del icono del post, y lo segundo es que yo quisiera que el título del post aparezca tal cual lo ven en la imagen que les pongo a continuación pero lo que sigue (el nombre del autor y demás datos) quisiera que aparezca en una nueva linea debajo del titulo del post.
Espero se pueda lograr, gracias muchachos!
Un abrazo!

Imagen

Re: Iconos del Tema y Modificación de Diseño

Publicado: 14 Ago 2010, 06:33
por leviatan21
Hola romanamr :
romanamr escribió:los iconos del tema aparecen sobre la imagen del post, si no me equivoco deberían aparecer al lado derecho del icono del post,
No, los iconos de los mensajes aparecen sobre los iconos de los temas, en todos los estilos prosilver.

Para cambiar ese comportamiento debes hacer un cambio en tu hola de estilo :
Abrir :
raíz/styles/1BlackOut/theme/content.css

Buscar :

Código: Seleccionar todo

dl.icon dt {
    padding-left: 45px;                    /* Space for folder icon */
    background-repeat: no-repeat;
    background-position: 5px 95%;        /* Position of topic icon */
}
 
Cambiar por :

Código: Seleccionar todo

dl.icon dt {
    /* Space for folder icon
    padding-left: 45px;                     */
    padding-left: 70px;
    background-repeat: no-repeat;
    /* Position of topic icon
    background-position: 5px 95%;         */
    background-position: 45px 60%;
} 
Al terminar, guardar y subir a tu servidor via FTP, luego debes refrescar el tema desde el ACP.
romanamr escribió:que yo quisiera que el título del post aparezca tal cual lo ven en la imagen que les pongo a continuación pero lo que sigue (el nombre del autor y demás datos) quisiera que aparezca en una nueva linea debajo del titulo del post.
Esto se debe a una falla de edición o falta de una parte de un código ( no se que MOD lo habrá hecho, porque hay ciertas cosa que no corresponden al estilo )
Abrir :
raíz/styles/1BlackOut/template/viewforum_body.html
Buscar :

Código: Seleccionar todo

<br clear="all" /></span> 
Cambiar por :

Código: Seleccionar todo

</span><br clear="all" /> 
Al terminar, guardar y subir a tu servidor via FTP, luego debes refrescar la plantilla desde el ACP.

Re: Iconos del Tema y Modificación de Diseño

Publicado: 14 Ago 2010, 22:38
por romanamr
Hola leviatan21 gracias por tu respuesta y por la ayuda :D

Hice los cambios pero surgieron algunos problemillas, en el primero todo bien solo que las estrellas del rating ya no están en línea con el título, el resto si quedó tal cual como yo quería, no se si se puede poner las estrellas en línea con el título, aquí una imagen:

Antes:
Imagen

Después:
Imagen

Aquí dejo el bloque del código de la plantilla:

Código: Seleccionar todo

<ul class="topiclist">
		<div class="navbar">
				<div class="inner"><span class="corners-top"><span></span></span>
			<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}"><span class="left-box"><!-- 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 --><span class="right-box"><!-- IF topicrow.EVALUATION_IMG -->{topicrow.EVALUATION_IMG}<!-- ENDIF --></span>
	</span><br clear="all" />
					<!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
				</dt>
				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>

				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><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>
			<span class="corners-bottom"><span></span></span></div>

		</div>
	<div style="height:2px;"></div>
Sobre lo otro que es el icono del tema al costado no me salió :( los códigos eran distintos y aun que logré encontrar por deducción no pude hacer que el icono del tema se vea al costado, aquí copio el código de la plantilla que es algo diferente del que me diste:

Código: Seleccionar todo

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}
Muchas gracias!!! :D

Re: Iconos del Tema y Modificación de Diseño

Publicado: 15 Ago 2010, 01:33
por DaVidU
pienso esas imágenes como iconos de temas están algo desproporcionadas (demasiado grandes)

de todas maneras podrías probar a buscar estas líneas de tu viewforum_body.html

Código: Seleccionar todo

            <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}"><span class="left-box"><!-- 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 --><span class="right-box"><!-- IF topicrow.EVALUATION_IMG -->{topicrow.EVALUATION_IMG}<!-- ENDIF --></span>
   </span><br clear="all" />
               <!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
               <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
            </dt>
y reemplazar las por estas otras:

Código: Seleccionar todo

            <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 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 --><!-- IF topicrow.EVALUATION_IMG -->&nbsp;{topicrow.EVALUATION_IMG}<!-- ENDIF -->
               <!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
               <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
            </dt>
puedes prescindir perfectamente de los "span" que había creo, haz la prueba y nos comentas :ok: