betoacademia30
Gamma
Verificación en dos pasos activada
Busco plantilla qué este enumerada de las entradas populares
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Foi útil? Participe da conversa
Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.
Leva 30 segundos · você volta a este tópico ao terminar
aleh3120
Alfa
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola solo agrégale los estilos a los popular-items y la parte donde dice "cond='data:view.isHomepage'" ya lo cambias según donde quieres que se muestre el widget y para que se muestre el numero el css es asi 👍
CSS:
.popular-number[data-count]:before {
color: #000;
content: attr(data-count);
font-size: 24px;
}
XML:
<b:widget cond='data:view.isHomepage' id='PopularPosts69' locked='false' title='Populares' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>6</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:attr name='data-version' value=''/><b:attr name='id' value=''/>
<b:attr expr:value='data:class ?: "widget Popular"' name='class'/>
<div class='widget-title'><span class='widget-name'>Populares</span></div>
<div class='widget-content'>
<div class='populars'>
<b:if cond='data:posts.empty'>
<b:include name='widgetMsg'/><b:else/>
<b:loop index='index' values='data:posts' var='i'>
<article class='popular-item'>
<div class='popular-rank'>
<span class='popular-hash'>#</span>
<span class='popular-number' expr:data-count='data:index + 1'/>
</div>
<div class='popular-header'><a class='popular-image' expr:href='data:i.url'><b:with value='resizeImage(data:i.featuredImage, 80, "1:1")' var='image'><img expr:alt='data:i.title' expr:height='data:image.height' expr:src='(data:image ? data:image : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII=") + "-rw-e30"' expr:width='data:image.width' loading='lazy'/></b:with></a></div>
<div class='popular-body'>
<a class='popular-title' expr:href='data:i.url'><data:i.title/></a>
<div class='popular-labels'>
<b:eval expr='data:posts.labels'/>
<b:loop values='data:i.labels limit 5' var='label'><a expr:href='"/search/label/" + data:label.name'><data:label.name/></a></b:loop>
<!-- data:i.labels where (i => i.name in {"Label A","Label B","Label C"}) limit 5 -->
<!-- "/search/label/" + data:label.name + "?&max-results=30" -->
</div>
</div>
</article>
</b:loop>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName'/>
<b:includable id='bylineRegion'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='content'><b:include expr:name='"widget:" + data:widget.type'/></b:includable>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='featuredImage'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='linkShare'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='postAuthor'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postJumpLink'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='snippet'/>
<b:includable id='snippetedPostByline'/>
<b:includable id='snippetedPostContent'/>
<b:includable id='snippetedPostThumbnail'/>
<b:includable id='snippetedPostTitle'/>
<b:includable id='snippetedPosts'/>
<b:includable id='title'/>
</b:widget>