Como colocar um widget em cima das categorias

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como colocar um widget em cima das categorias

Mensagem por LeandroNeto em 10/05/15, 08:15 pm

Olá galerinha da equipe de ajuda do forumeiros! Gostaria de saber por gentileza como colocar um widget que eu tenho ativado em cima das categorias?


Meu fórum: cbfhabbo.com

Widget que gostaria de colocar em cima das categorias: Principais noticias!
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

Ver perfil do usuário http://cbfaic.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por KauanPixel em 10/05/15, 08:25 pm

Saudações,

Poderá ser explicado direito?
Por quê não entendi nada simplesmente.

Até,
avatar

KauanPixel
Nível 5

Masculino
Inscrito dia : 28/12/2014
Mensagens : 57
Pontos Ativos : 89

Ver perfil do usuário http://hbpixelacao.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por LeandroNeto em 10/05/15, 08:42 pm

Quero colocar um widget que tenho ao lado << para cima das categorias, no meio do fórum.

Entendeu?
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

Ver perfil do usuário http://cbfaic.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por KauanPixel em 10/05/15, 08:46 pm

Saudações

Basta você pegar os códigos que está usando nos widgets, e colocar nesta parte do painel:
Acede-a:
Painel de controle Admineiros Visualização Admineiros Página inicial Admineiros Geral.

Cole o código dentro de "Conteúdo da mensagem" e salve.

Até mais,
avatar

KauanPixel
Nível 5

Masculino
Inscrito dia : 28/12/2014
Mensagens : 57
Pontos Ativos : 89

Ver perfil do usuário http://hbpixelacao.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por LeandroNeto em 11/05/15, 02:56 pm

??? não deu certo
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

Ver perfil do usuário http://cbfaic.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por KauanPixel em 11/05/15, 02:58 pm

Saudações,

Com certeza?

Por quê aqui está funcionando direito aqui.

Tente novamente meu caro.


Até,
avatar

KauanPixel
Nível 5

Masculino
Inscrito dia : 28/12/2014
Mensagens : 57
Pontos Ativos : 89

Ver perfil do usuário http://hbpixelacao.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por Rafael em 11/05/15, 03:17 pm

Olá amigo!

Você está usando um código para esse widget.
Poderia-me fornecer para eu efetuar as modificações?

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por LeandroNeto em 11/05/15, 03:20 pm

Código:
<!--   
by Frene
    -->
<div id="insert_widget">
     Loading... 
</div>
 <script type="text/javascript">
//<![CDATA[
/***
* User Definition Variables
***/
/* Put here your forum number!!! */
var sForumNumber = 3;
/* Put here your widget title!!! */
var sWidgetTitle = 'Principais Notícias'
/* END */

/***
* System Defined Variables - Do not edit if you don't know!
***/
var oConfig = {
        sInfo:
            '<!--' +
            '* Application: Widget of the last 10 tutorials' +
            '* Description: This application can displays the last tutorials and member avatar of topics.' +
            '* Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)' +
            '* Made and Optimizations by JScript - 2014/03/08' +
            '* View more in: http://punbb.forumeiros.com/forum & http://ajuda.forumeiros.com' +
            '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
            '* This work is free. You can redistribute it and/or modify it' +
            '* under the terms of the WTFPL, Version 2' +
            '-->',       
        sContent:
            '<div id="mod_recent_tutorials" class="main-content _sbcollapsable" style="margin: 0px; height: 213px; max-height: 225px; overflow: auto;">' +
                '<!-- #region recent_topic_row -->' +
                '<ul id="ul_recent_tutorials" class="ipsList_withminiphoto" style="margin: 0px ! important; padding-left: 0px ! important;">' +
                '<!-- content -->' +
                '</ul>' +
                '<!-- #endregion recent_topic_row -->' +
            '</div>',
        sCSS:
            '<style>' +
            '.ipsList_withminiphoto li {' +
              'margin-bottom: 8px;' +
          '}' +
          '.ipsType_smaller, .ipsType_smaller a {' +
              'font-size: 11px !important;' +
          '}' +
          '.ipsUserPhoto.ipsUserPhoto_mini {' +
              'width: 30px;' +
              'height: 30px;' +
              'border: 1px solid rgb(213, 213, 213);' +
              'background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
              'box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);' +
              'padding: 1px;' +
          '}' +
          '.ipsType_small {' +
              'font-size: 12px;' +
          '}' +
            '.desc.ipsType_smaller {' +
                'color: #777777;' +
                'margin: 0;' +
            '}' +
            '.list_content {' +
                'margin-left: 40px;' +
                'word-wrap: break-word;' +
            '.ipsList_withminiphoto {' +
                'list-style: none outside none !important;' +
            '}' +
            '</style>',
        sTarget: '',
        sFound: 'td:eq(2)',
        sCommon: 'a.topictitle',
        sGetIMG: ''
    };
var oHtml = {
        PHPBB2: oConfig.sInfo +
            '<table border="0" cellpadding="0" cellspacing="1" class="forumline" width="100%">' +
                '' +
                    '<tr>' +
                        '<td class="catLeft" height="25"><span class="genmed module-title">' + sWidgetTitle + '</span></td>' +
                    '</tr>' +
                    '<tr>' +
                        '<td align="left" class="row1">' + oConfig.sContent +
                        '</td>' +
                    '</tr>' +
                '' +
            '</table>',
        PHPBB3: oConfig.sInfo +
            '<div class="module">' +
                '<div class="inner">' +
                    '<span class="corners-top"><span></span></span>' +
                    '<div class="h3">' + sWidgetTitle + '</div>' + oConfig.sContent +
                    '<span class="corners-bottom"><span></span></span>' +
                '</div>' +
            '</div>',
        PUNBB: oConfig.sInfo +
            '<div class="module main">' +
                '<div class="main-head"><h3>' + sWidgetTitle + '</h3></div>' + oConfig.sContent +
            '</div>',
        INVISION: oConfig.sInfo +
            '<div class="module borderwrap">' +
                '<div class="maintitle"><h3>' + sWidgetTitle + '</h3></div>' +
                '<div class="box-content">' + oConfig.sContent + '</div>' +
            '</div>'
 };

jQuery(function () {
    /* Add CSS */
    /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
    jQuery(oConfig.sCSS).insertBefore('body');

    /* Forum versions! */
    var phpBB2 = jQuery('.bodyline');
    var phpBB3 = jQuery('#wrap');
    var punbb = jQuery('#pun-intro');
    var invision = jQuery('#ipbwrapper');
   
    if (phpBB2.length) {
        jQuery('#insert_widget').html(oHtml.PHPBB2);
        oConfig.sTarget = '.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
    } else if(phpBB3.length) {
        jQuery('#insert_widget').html(oHtml.PHPBB3);
        oConfig.sTarget = '.topiclist.topics.bg_none li:not(":empty")';
        oConfig.sFound = 'dd.dterm';
        oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
    } else if(punbb.length) {
        jQuery('#insert_widget').html(oHtml.PUNBB);
        oConfig.sTarget = '.statused tr:not(":empty")';
        oConfig.sFound = '.tcl.tdtopics';
        oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
    } else if(invision.length) {
        jQuery('#insert_widget').html(oHtml.INVISION);
        oConfig.sTarget = '.borderwrap table.ipbtable tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
    };
   
    /* Fire event for 'scroll' to show the widget... */
    var elem = document.getElementById("insert_widget");
    if (isInViewPort(elem)) {
        LastTutorials();
    } else {
        jQuery(window).on('scroll.widget', showWidget(elem));
    }
});

/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
 var rect = elem.getBoundingClientRect();

 return (
 rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or jQuery(window).height() */
 rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or jQuery(window).width() */ );
}
/* Start function to show the widget... */
function showWidget(elem) {
 return function() {
        /* Chech if the widget is visible in view port! */
 if (isInViewPort(elem)) {
            /* If visible, stop event!!! */
 jQuery(window).off('scroll.widget');
           
            LastTutorials();
 }
 }
}
/* Widget conent */
function LastTutorials() {
    var oTarget = 0;
    /* First forum link to read info */
    jQuery.get('/f' + sForumNumber + '-', function(data) {
        oTarget = jQuery(oConfig.sTarget, data);
    }).always(function() {
        var i = 0
        oTarget.each(function() {
            if (i == 10) {
                return false;
            }
            var oThis = jQuery(this); /* DOM chached for fast execution! */
            var oFound = oThis.find(oConfig.sFound);
            if (oFound.length) {
                var sTopicTitle = oFound.find(oConfig.sCommon).parent().html();
                var oUserInf = oThis.find('a[href^="/u"]');
                var sAutor = oUserInf.html();
                var sUserUrl = oUserInf.attr('href');
                var sHtml =
                    '<li class="clearfix">' +
                        '<a href="' + sUserUrl + '" class="ipsUserPhotoLink left">' +
                            '<img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini">' +
                        '</a>' +
                        '<div class="list_content">' +
                            '<span class="ipsType_small">' + sTopicTitle + '</span>' +
                            '<p class="desc ipsType_smaller">' +
                                'Criado por <a href="' + sUserUrl + '">' + sAutor + '</a>' +
                            '</p>' +
                        '</div>' +
                    '</li>';
                jQuery('#ul_recent_tutorials').append(sHtml);
            }
            i++
        });

        /* Now, read the member avatar info */
        /* DOM chached for fast execution! */
        oTarget = jQuery('#ul_recent_tutorials > li');
        oTarget.each(function(index) {
            oThis = jQuery(this); /* DOM chached for fast execution! */
            var load_container = oThis.children('a');
            var UserURL = load_container.attr('href');
            var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
            var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
            /* Gets the avatar saved in local storage (Fastest!)*/
            var UserIMG = sessionStorage.getItem(UserURL);

            /* If avatar alread saved, then no request member profile! */
            if (UserIMG) {
                load_container.children('img').attr('src', UserIMG);
            } else { /* if not, then only request per session!!! */
                load_container.load(UserURL + oConfig.sGetIMG, function() {
                    var imgTag = load_container.children('img');

                    if (imgTag.length == 0) {
                        load_container.append(sHtml); /* Saves the default avatar in local storage */
                        sessionStorage.setItem(UserURL, def_img);
                    } else {
                        imgTag.attr('class', 'ipsUserPhoto ipsUserPhoto_mini');
                        imgTag.css({
                            'width': '30px',
                            'height': '30px',
                            'border': '1px solid rgb(213, 213, 213)',
                            'padding': '1px',
                            'background': 'none repeat scroll 0% 0% rgb(255, 255, 255)',
                            'box-shadow': '0px 2px 2px rgba(0, 0, 0, 0.1)'
                        });
                        /* Saves the member avatar in local storage */
                        sessionStorage.setItem(UserURL, imgTag.attr('src'));
                    }
                });
            }
        });
    });
}
//]]>
</script>
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

Ver perfil do usuário http://cbfaic.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por Rafael em 11/05/15, 03:34 pm

Olá!

Amigo, em vez de adicionar esse código nos widgets, adicione-o aqui:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral Seta Mensagem da página inicial

Abraços.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por LeandroNeto em 11/05/15, 03:41 pm

Maneiro, foi mas che por gentileza tem como você olhar e me mandar um código pra ajustar meu menu que ficou muito grande (ficou uma parte a mais pro lado direito)
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

Ver perfil do usuário http://cbfaic.forumeiros.com/

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por Rafael em 11/05/15, 03:46 pm

Saudações!

Adicone a sua folha de estilos CSS:

Código:
#page-header .navbar ul.navlinks {
  width: 1265px !important;
}

Abraços.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Como colocar um widget em cima das categorias

Mensagem por Sennior em 17/05/15, 04:01 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum