Busco plantilla enumerada

aleh3120

Alfa
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
12 Jul 2021
Mensajes
16
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 ?: &quot;widget Popular&quot;' 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, &quot;1:1&quot;)' var='image'><img expr:alt='data:i.title' expr:height='data:image.height' expr:src='(data:image ? data:image : &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII=&quot;) + &quot;-rw-e30&quot;' 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='&quot;/search/label/&quot; + data:label.name'><data:label.name/></a></b:loop>
                                     <!-- data:i.labels where (i =&gt; i.name in {"Label A","Label B","Label C"}) limit 5 -->
                                     <!-- "/search/label/" + data:label.name + "?&amp;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='&quot;widget:&quot; + 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>
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba