Staff en línea

[Resuelto] Colocar Loveits & Estados en Tablilla. ♥
Tema iniciado por y Añadir a favoritos

staff


Última edición por Pauu~ el Mar Oct 27, 2015 2:06 pm, editado 1 vez
URL::http://pruebasps2.foroactivo.com/
Versión de mi foro:: Phpbb3
Navegador:: Chrome
Descripcion del problema:
Capturas de pantalla del problema:

Yujuu!!
Bueno, quería conseguir poner mis love it y estados recientes dentro de mi tablón. Aquí dejo el HTML.

Código:
<div class="likes_widget">
                    
   <h2>
                              Love it Recientes           
   </h2><span class="contenido_likes"></span>
</div>
<div class="module main">
                    
   <div class="thead">
                           
      <div class="h3-title">
                           Actualizar mi estado               
      </div>
                       
   </div>
                    
   <div class="main-content clearfix">
                           
      <div style="margin-bottom: 10px;" id="statusUpdateBody">
                                  
         <center>
                                  <input type="text" placeholder="¿En qué estás pensando?" id="statusUpdate" />                     
            <button style=" margin-top: -3px; " class="ipsButton_secondary" id="statusUpdateButton">
                                         Actualizar                       
            </button>
                                     
         </center>
                           <br /><span style="color: red;">NOTA:</span> <span style="font-size: 10px;">No se permite publicidad de otros foros en el estado, ni palabras que puedan resultar dañinas para otros miembros.</span>             
      </div>
                       
   </div>
</div>
<div class="estado_widget">
                    
   <h2>
                            Estados recientes           
   </h2><span class="contenido_estado"></span>
</div>


Aquí el JS

Código:
<script>
    jQuery(function () {
        jQuery('.likes_widget').find('.contenido_likes').load('/u250wall #profile-advanced-details  li:lt(24)', function () {
            jQuery(".message-block").find("li").has('[href^="/u1wall?s="]').add("li.last").remove();
        });

        jQuery('.estado_widget').find('.contenido_estado').load('/u7235wall #profile-advanced-details  li:lt(24)', function () {
            jQuery(".message-block").find("li").has('[href^="/u1wall?s="]').add("li.last").remove();
        });
        jQuery('#statusUpdateButton').click(function () {
            var USER_ID = _userdata["user_id"];
            var statusText = jQuery('#statusUpdate').val();
            var TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0] + '';
            jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                id: "1",
                user: USER_ID,
                active: "1",
                content: '[["profile_field_13_16", "' + statusText + '"]]',
                tid: TID
            }, function (data) {
                jQuery.post("/privmsg", {
                    subject: 'Mensaje automático',
                    message: _userdata.username + ' actualizo su estado: <font color="#FF0000"><strong><i>' + jQuery('#statusUpdate').val() + '</i></strong></font>',
                    username: 'status',
                    mode: "post_profile",
                    folder: "profile",
                    post: "Send"
                }).done(function () {
                    jQuery('.estado_widget').find('.contenido_estado').load('/u7235wall #profile-advanced-details  li:lt(24)', function () {
                        jQuery(".message-block").find("li").has('[href^="/u1wall?s="]').add("li.last").remove();
                    });
                });
                jQuery('#statusUpdate').val('');
                console.log("OK: ajax_profile, userID = " + USER_ID);
            }, "json").fail(function () {
                alert("Se produjo un error al actualizar el estado! Si este problema persiste, póngase en contacto con los administradores.")
                console.log("error: ajax_profile, userID = " + USER_ID);
            });
        });
    });
</script>



CSS.
Código:
.likes_widget .message-text a{display:block}
.estado_widget .message-text{width:194px}
.estado_widget .message-text i{display:block}
    #statusTitle {
        margin-top: -0px;
    }
   
    #statusUpdate {
        padding: 4px;
        border-width: 1px;
        border-style: solid;
        border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
        background: #fff;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        width: 140px !important;
    }
   
    #statusUpdate:focus {
        border-color: #4e4e4e #7c7c7c #a3a3a3 #7c7c7c;
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
    }
   
    .ipsButton_secondary {
        height: 19px;
    line-height: 7px;
    font-size: 11px;
    padding: 0px 25px;
    border: 0;
    margin-top: 0px !important;
    background: #B6CFAD;
    border-radius: 2px;
    color: #697963;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    font-family: "tahoma,helvetica,arial,sans-serif";
    }
   
    .ipsButton_secondary:hover {
        color: #fff;
        background-color: #434343;
    }
   
    .estado_widget,
    .likes_widget {
        color: #887965;
    font-family: Trebuchet MS;
    background: #B6CFAD;
    border: 1px dashed #E5CEAE;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #B6CFAD, 2px 1px 6px 4px rgba(10, 10, 0, 0.05);
    width: 204px;
    margin-left: -6px;
    max-height: 250px;
    overflow: scroll;
    }
    .estado_widget h2, .likes_widget h2 {
    margin-top: -5px;
    font-family: Lobster two;
    text-align: center;
    color: #F6DFBC;
    font-size: 27px;
    text-shadow: 0px 0px 3px #484646;
}
    .contenido_likes li,
    .contenido_estado li {
        display: inline-block;
        list-style-type: none!important;
        padding: 0!important;
        font-size: 9px!important;
        margin-bottom: 5px;
    }
   
    .contenido_estado li .avatar img,
    .contenido_likes li .avatar img {
        width: 25px;
        float: left;
        margin-right: 5px;
    }
   
    .contenido_estado li .avatar,
    .contenido_likes li .avatar {
        background: none
    }
   
    .contenido_likes img[alt="Mensaje"],
    .contenido_estado img[alt="Mensaje"] {
        display: none!important
    }
   
    .contenido_likes li a[title="Mover en los archivos de los MP"],
    .contenido_likes li .message-header,
    .contenido_estado li a[title="Mover en los archivos de los MP"],
    .contenido_estado li .message-header {
        display: none
    }
.h3-title {
    text-align: center;
    color: #BB8366;
    font-size: 19px;
    font-family: pacifico;
}
Gracias por la ayuda! -muak-

Mensaje automático



[ok]Cierro tema, y muevo a Temas resueltos[/ok]
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
veamos que puedo hacer
Chalo
avatar

¿Que estoy pensando? :

buen fin de semana, lunes con todo [table class=fecha_up][td]Se modifico:17/09/18 - 8:37 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6764


Puntos :

8849


Me gusta :

1022


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
@Chalo escribió:[quotelink="/t866-ayuda-colocar-loveits-estados-en-tablilla#7688"]
veamos que puedo hacer
-muak--muak--muak--muak--muak--muak-
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
Listo
Chalo
avatar

¿Que estoy pensando? :

buen fin de semana, lunes con todo [table class=fecha_up][td]Se modifico:17/09/18 - 8:37 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6764


Puntos :

8849


Me gusta :

1022


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.