JavaScript - Ayuda con entradas al azar

 
Vista:
sin imagen de perfil

Ayuda con entradas al azar

Publicado por Felipe (1 intervención) el 17/03/2016 00:54:17
Hola a todos, en mi blog de pruebas de Blogger (oldxn.blogspot.com) coloqué un código de entradas al azar.

Quiero saber cómo puedo colocar los puntos de la lista que aparecen antes de cada título de la entrada más lejos de la imagen, o sea, que no se sobrepongan con el margen.
Adjunto la foto, donde remarco el problema con un recuadro rojo.
foto1problema
Desde ya, mil gracias adelantadas y saludos cordiales.

Este es mi código

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<style>
 #random-posts img {
     float:left;
     margin-right:10px;
     border:2px solid #FCC6CF;
     background:#FFF;
     width:70px;
     height:70px;
     padding:3px
 }
</style>
<ul id='random-posts'>
    <script type='text/javaScript'>
        var rdp_numposts = 5;
        var rdp_snippet_length = 150;
        var rdp_info = 'yes';
        var rdp_comment = 'Comentarios';
        var rdp_disable = 'Comments Disabled';
        var rdp_current = [];
        var rdp_total_posts = 0;
        var rdp_current = new Array(rdp_numposts);
 
        function totalposts(json) {
            rdp_total_posts = json.feed.openSearch$totalResults.$t
        }
        document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');
 
        function getvalue() {
            for (var i = 0; i < rdp_numposts; i++) {
                var found = false;
                var rndValue = get_random();
                for (var j = 0; j < rdp_current.length; j++) {
                    if (rdp_current[j] == rndValue) {
                        found = true;
                        break
                    }
                };
                if (found) {
                    i--
                } else {
                    rdp_current[i] = rndValue
                }
            }
        };
 
        function get_random() {
            var ranNum = 1 + Math.round(Math.random() * (rdp_total_posts - 1));
            return ranNum
        };
    </script>
    <script type='text/javaScript'>
        function random_posts(json) {
            for (var i = 0; i < rdp_numposts; i++) {
                var entry = json.feed.entry[i];
                var rdp_posttitle = entry.title.$t;
                if ('content' in entry) {
                    var rdp_get_snippet = entry.content.$t
                } else {
                    if ('summary' in entry) {
                        var rdp_get_snippet = entry.summary.$t
                    } else {
                        var rdp_get_snippet = "";
                    }
                };
                rdp_get_snippet = rdp_get_snippet.replace(/<[^>]*>/g, "");
                if (rdp_get_snippet.length < rdp_snippet_length) {
                    var rdp_snippet = rdp_get_snippet
                } else {
                    rdp_get_snippet = rdp_get_snippet.substring(0, rdp_snippet_length);
                    var space = rdp_get_snippet.lastIndexOf(" ");
                    rdp_snippet = rdp_get_snippet.substring(0, space) + "&#133;";
                };
                for (var j = 0; j < entry.link.length; j++) {
                    if ('thr$total' in entry) {
                        var rdp_commentsNum = entry.thr$total.$t + ' ' + rdp_comment
                    } else {
                        rdp_commentsNum = rdp_disable
                    };
                    if (entry.link[j].rel == 'alternate') {
                        var rdp_posturl = entry.link[j].href;
                        var rdp_postdate = entry.published.$t;
                        if ('media$thumbnail' in entry) {
                            var rdp_thumb = entry.media$thumbnail.url
                        } else {
                            rdp_thumb = "http://2.bp.blogspot.com/-XQt2v4x5dl8/T1zdpFh392I/AAAAAAAABUU/xMJZDedw38k/s1600/default.jpg"
                        }
                    }
                };
                document.write('<li>');
                document.write('<img alt="' + rdp_posttitle + '" src="' + rdp_thumb + '"/>');
                document.write('<div><a href="' + rdp_posturl + '" rel="nofollow" title="' + rdp_snippet + '">' + rdp_posttitle + '</a></div>');
                if (rdp_info == 'yes') {
                    document.write('<span>' + rdp_postdate.substring(8, 10) + '/' + rdp_postdate.substring(5, 7) + '/' + rdp_postdate.substring(0, 4) + ' - ' + rdp_commentsNum) + '</span>'
                }
                document.write('<div style="clear:both"></div></li>')
            }
        };
        getvalue();
        for (var i = 0; i < rdp_numposts; i++) {
            document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + rdp_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
        };
    </script>
</ul>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Ayuda con entradas al azar

Publicado por arck (74 intervenciones) el 17/03/2016 16:04:46
Lo siento pero la pagina o no me carga o me tarda mil.
lo que deberías hacer es por css poner un margin-left de 20px
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Ayuda con entradas al azar

Publicado por Felipe (1 intervención) el 20/03/2016 01:58:42
Arck puse la propiedad que me dijiste y se ve peor, pero al poner 20 px en magrin-right si ha funcionado, la verdad que no tenía ni idea que se hacía de ahí. Muchísimas gracias por contestar, tu respuesta me ha sido muy útil. Saludos cordiales.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar