BlogEngine.net: Publicaciones destacadas Rotator con JQuery, revisado
lo necesitaba una presentación de diapositivas para elegir el mejor correo para crecer para usar en mi página de inicio. Sé que usé la extensión de Miguel Baird adaptándolo a la nueva versión de BlogEngine.net 2,7 y agregando nuevas características. Es un rotador de publicaciones destacado revisado.
Para principiantes aquí están los cambios realizados:
- adaptación a BlogEngine 2,7 (Deberia trabajar con versiones 2.5 y 2.6);
- en la configuración de administrador > Extensión> FeaturedPostsRotator donde puedes elegir publicar y fotos, clasificación de los artículos alfabéticamente para ayudarte a determinar cuando tengas muchas publicaciones;
- conexión con los comentarios Disqus;
- adición de la Siguiente y anterior flechas;
Esta extensión usa JQuery y un complemento de JQuery llamado InnerFade.
Cómo usarlo:
- Extraiga el archivo zip y copie los archivos en las ubicaciones correspondientes de su blog;
- Modifique los estilos en style.css en Controles de usuario / FeaturedPostsRotator / styles.css a su gusto;
- Agregar
- Vaya a Admin> Extensión> FeaturedPostsRotator> Editar, seleccione una publicación y agregue una imagen (jpeg o gif).
OHay personalizaciones:
1) Para quienes no tienen comentarios, disqus pueden cambiar esta línea de código en FaturedPostsRotatorControl.cs en GetImagesHtmlList ()
sb.AppendFormat("<a class="accent" href="{0}#disqus_thread">{1}</a>", post.PermaLink, Resources.labels.comments);
Con este código:
sb.AppendFormat("<a class="accent" href="{0}#comments">{1} ({2})</a>", post.RelativeLink, Resources.labels.comments, post.ApprovedComments.Count);
2) Para cambiar la altura y el ancho de la imagen cuando realiza la carga en Configuración, debe cambiar el parámetro en esta línea de código en FaturedPostsRotatorControl.cs en GetImagesHtmlList ()
sb.AppendFormat("<a href="{0}" title="{1}"><img src="{2}" alt="{1}" height="260" width="638" /></a>", post.RelativeLink, HttpUtility.HtmlEncode(post.Title), featuredImage);
3) Para cambiar las medidas de la presentación de diapositivas, puede cambiar «altura del contenedor«En FaturedPostsRotatorControl.cs en AddJavaScriptToPage () y alto y ancho en el archivo CSS en User_controls> FeaturedPostsRotator> Style.css.
4) En mi tema que funciona con el soporte de Razor Theme, he modificado mi style.css para que:
#content #colLeft #featured ul, #content #colLeft #featured ol {
width: 638px;
height: 260px;
list-style: none;
overflow: hidden;
padding:0px 0px 0px 0px;
margin:0px;
}
#content #colLeft #featured ul li, #content #colLeft #featured ol li {
width: 638px;
height: 260px;
position: relative;
z-index: 1;
padding:0px;
margin:0px;
list-style: none;
}
Espero que esto pueda ayudarte.
Puede ver un ejemplo de esta presentación de diapositivas en la página de inicio de este sitio web. Espero que lo disfruten.