• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Solucionado CSS para Recent News y Recent Media

Estado
Cerrado para nuevas respuestas

rafitaloquita

Miembro
Mensajes
49
Puntuación de reacciones
10
Puntos
8
Buenas a todos de nuevo, me gustaría saber si alguien entiende lo suficiente de css como para ayudarme. Pues los módulos Recent News y RecentMedia me gustaría que se mostraran como en ésta imagen.


Qué debería modificar de las plantillas para que quedará así?
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
rafitaloquita dijo:
Buenas a todos de nuevo, me gustaría saber si alguien entiende lo suficiente de css como para ayudarme. Pues los módulos Recent News y RecentMedia me gustaría que se mostraran como en ésta imagen.

* SPOILER *

Qué debería modificar de las plantillas para que quedará así?

Es de HD juegos eso no?

Yo lo tengo mas o menos así en mis foros. www.charladictos.com www.gameradictos.com si lo quieres como yo puedo ayudarte. Pero no me acuerdo exactamente que plantillas son y si copias las mías podría crearte algún conflicto si no tienes los mismos complementos y style que yo
 

rafitaloquita

Miembro
Mensajes
49
Puntuación de reacciones
10
Puntos
8
Sí, Manu, es de HD Juegos, el de CharlAdictos, de tu web, es prácticamente igual, por lo que me interesaría que me ayudaras si fuera posible. Cómo has conseguido poner el Slideshow? Yo lo intenté pero no pude... :(
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
rafitaloquita dijo:
Sí, Manu, es de HD Juegos, el de CharlAdictos, de tu web, es prácticamente igual, por lo que me interesaría que me ayudaras si fuera posible. Cómo has conseguido poner el Slideshow? Yo lo intenté pero no pude... :(

Con Xenporta tienes que instalar el modulo que creo que esta en library/Xenporta/XML-addons. Te lo digo de cabeza.

Por curiosidad cual es tu foro? Pasame la URL
 

rafitaloquita

Miembro
Mensajes
49
Puntuación de reacciones
10
Puntos
8
Cuando intento postear un tema me da el siguiente error:

Ha ocurrido el siguiente error

The server responded with an error. The error message is in the JavaScript console.

A qué se debe?



La URL es la siguiente: www.rafastinson.com
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Sube TODOS LOS ARCHIVOS por FTP.
7.png

Así está bastante mal

Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Añade a la plantilla EXTRA.css:
Insertar CODE, HTML o PHP:
.recentNews .lmsHeading a { color: @primaryLight; font-size: 18px; text-shadow: 1px 1px 0 @primaryDarker; }
.recentNews .subHeading { display: none !important; }
.recentNews .messageUserBlock { float: left !important; margin-top: -5px !important; margin-right: 10px !important; }

.recentNews .newsDate { display: none !important;}

.recentNews .messageContent .postedBy { display: none !important; }
.recentNews .messageContent .username { display: none !important; }
.recentNews .messageContent .posted { display: none !important; }

.recentNews .sectionFooter {  margin: 10px -10px -10px !important; background: none !important; text-align: left !important; }
.recentNews .sectionFooter .continue { font-size: 14px !important; }

Cambia TODO el contenido de la plantilla EWRporta_Block_RecentNews por
Insertar CODE, HTML o PHP:
<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRporta_Block_RecentNews.css" />

<div id="recentNews">
    <xen:foreach loop="$RecentNews" value="$news">
        <div class="section sectionMain recentNews" id="{$news.thread_id}">



                <div class="messageUserBlock">
                    <div class="avatarHolder">
                        <xen:if is="{$news.attach}">
                            <a href="{xen:link threads, $news}"><img src="{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></a>
                        <xen:elseif is="{$news.image}" />
                            <a href="{xen:link threads, $news}"><img src="{$news.image}" alt="{$news.image}" style="max-height: 150px; max-width: 150px;" /></a>
                        <xen:comment><xen:else />
                            <xen:avatar user="$news" size="m" itemprop="photo" /></xen:comment>
                        </xen:if>
                        <xen:comment><xen:if is="{$news.attach}">
                            <a href="{xen:link threads, $news}"><img src="{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></a>
                        <xen:elseif is="{$news.medio}" />
                            <div style="background: url('data/media/{$news.medio.media_id}.jpg') no-repeat;">
                                <a href="{xen:link 'full:media/popout', $news.medio}" class="OverlayTrigger"><img src="js/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>
                            </div>
                        <xen:elseif is="{$news.image}" />
                            <a href="{xen:link threads, $news}"><img src="{$news.image}" alt="{$news.image}" style="max-height: 150px; max-width: 150px;" /></a>
                        <xen:else />
                            <xen:avatar user="$news" size="m" itemprop="photo" />
                        </xen:if></xen:comment>
                    </div>
                </div>


            <div class="primaryContent {xen:if '{$position} != "center" AND {$position} != "right"', 'leftDate'}">



                <div class="subHeading">
                    <div style="float: right; white-space: nowrap;">
                        <a href="{xen:link threads, $news}"><xen:datetime time="$news.promote_date" /></a>
                        <xen:if is="{$visitor.permissions.EWRporta.canPromote}">
                            &nbsp; (<a href="{xen:link 'threads/edit', $news}" class="OverlayTrigger">{xen:phrase edit}</a>)
                        </xen:if>
                    </div>
                </div>
                    <div class="lmsHeading"><a href="{xen:link threads, $news}">{$news.title}</a></div>


                <div class="newsDate secondaryContent">
                    <div class="newsMonth heading">{$news.month}</div>
                    <div class="newsDay">{$news.day}</div>
                </div>



                <div class="messageContent baseHtml">
                    <div class="postedBy">
                        <span class="posted">{xen:phrase by} <a href="{xen:link members, $news}" class="username">{$news.username}</a>
                        {xen:phrase at} <a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a></span>
                        <span class="views">({$news.view_count} {xen:phrase views})</span>
                        <span class="comments"><a href="{xen:link threads, $news}">{$news.reply_count} {xen:phrase comments}</a></span>
                    </div>

                    <div class="newsText">{xen:raw $news.messageHtml}</div>
                    <div class="clearFix"></div>
                </div>

                <div class="sectionFooter {xen:if '{$option.social}', 'social'}">
                    <xen:if is="{$option.social}">
                        <xen:if hascontent="true">
                            <div class="sharePage">
                                <xen:require css="share_page.css" />

                                <xen:contentcheck>
                                    <xen:if is="{$xenOptions.tweet.enabled}">
                                        <div class="tweet shareControl">
                                            <a href="http://twitter.com/share" class="twitter-share-button"
                                                data-count="horizontal"
                                                data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"
                                                data-url="{xen:link canonical:threads, $news}"
                                                {xen:if {$news.title}, 'data-text="{$news.title}"'}
                                                {xen:if {$xenOptions.tweet.via}, 'data-via="{$xenOptions.tweet.via}"'}
                                                {xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>
                                        </div>
                                    </xen:if>
                                    <xen:if is="{$xenOptions.plusone}">
                                        <div class="plusone shareControl">
                                            <div class="g-plusone" data-size="medium" data-count="true" data-href="{xen:link canonical:threads, $news}" data-lang="{$visitorLanguage.language_code}"></div>
                                        </div>
                                    </xen:if>
                                    <xen:if is="{$xenOptions.facebookLike}">
                                        <div class="facebookLike shareControl">
                                            <xen:container var="$facebookSdk">1</xen:container>
                                            <fb:like href="{xen:link canonical:threads, $news}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>
                                        </div>
                                    </xen:if>
                                </xen:contentcheck>
                            </div>
                        </xen:if>
                    <xen:else />
                        <xen:comment>{xen:phrase discussion_in_x_started_by_y_date_z, 'forum=<a href="{xen:link forums, $news}">{$news.node_title}</a>', 'name=<a href="{xen:link members, $news}" class="username">{$news.username}</a>', 'date=<a href="{xen:link threads, $news}">{xen:datetime $news.post_date, html}</a>'}</xen:comment>
                    </xen:if>

                    <div class="continue">
                        <a href="{xen:link threads, $news}"><xen:datetime time="$news.promote_date" /></a>
                        <xen:comment><a href="{xen:link threads, $news}" style="background: transparent url('@imagePath/xenforo/icons/redirect.png') no-repeat left bottom; padding-left: 20px;">
                            {xen:phrase continue_reading}
                        </a></xen:comment>
                    </div>
                </div>
            </div>
        </div>
    </xen:foreach>

    <xen:if hascontent="true">
    <div class="section sectionMain">
        <xen:contentcheck>
        <xen:if is="{$xenOptions.EWRporta_breakout}">
            <div style="margin: -5px 0px; {xen:if '{$option.pagenav} && {$option.count} > {$option.limit}', 'float: right;'}">
                <xen:include template="EWRporta_Footer" />
            </div>
        </xen:if>
        <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
            <div style="margin-left: 5px;">
                <xen:pagenav link="portal" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
            </div>
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>
</div>

8.png

Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Ahora no lo apreciarás bien en el estilo CharlaHD ya que he cambiado el php para la muestra de imágenes. Aún así apreciarás el cambio. Cada punto que se ve corresponde al lugar donde se engarzaría la imagen por lo que es fundamental adjuntar una imagen, bien en adjuntos bien con las etiquetas IMG.

Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Has puesto tal y como lo puse? La imagen se redimensiona sola si no has tocado nada más

Si no te toma la plantilla EXTRA.css, pon las modificaciones al final de la plantilla EWRporta_Block_RecentNews.css

Salud2
 

rafitaloquita

Miembro
Mensajes
49
Puntuación de reacciones
10
Puntos
8
Funciona a la perfección. Muchísimas gracias a todos!

Edito, como puedo agrandar el tamaño de la fuente del título? Y habría alguna forma de que las noticias salieran todas juntas sin separacion como en CharlAdictos o HDJuegos?
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
De lo que has añadido a la plantilla EXTRA.css, cambia
Insertar CODE, HTML o PHP:
.recentNews .lmsHeading a { color: @primaryLight; font-size: 18px; text-shadow: 1px 1px 0 @primaryDarker; }
por
Insertar CODE, HTML o PHP:
.recentNews .lmsHeading a { color: @primaryLight; font-size: 24px; text-shadow: 1px 1px 0 @primaryDarker; }
Verás que cambia font-size: 24px; en vez de font-size: 18px;
A mayor número, mayor tamaño y viceversa.

Salud2
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Por cierto te esta quedando muy bien el style. Y tienes un MP :D ;)
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
O sea, ¿no me está quedando bien el style (XenFacil)?

Salud2
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Siento decirte que no. No me gusta el verde rojo que pones, duele los ojos
 
Estado
Cerrado para nuevas respuestas
Arriba