TitleBox Ipb

Vezi subiectul anterior Vezi subiectul urmator In jos

Deliric
Admin
Mesaje : 142
Reputatie : 185
Vezi profilul utilizatorului http://board.techno-zone.net

MesajDeliric la data de Vin Apr 24, 2015 5:11 pm

Pasul 1 Cautam in Wiewtopic_body urmaorul cod:

Cod:
<div class="pun-crumbs noprint">

Pasul 2 Adaugam sub codul cautat mai sus urmatorul cod :


Cod:
<!-- #region TitleBox_Viewtopic_body -->
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<div class="ipbfs_titlebox">
<div class="__like right" id="watchtopic" data-isfave="" data-relid="" data-area="topics" data-app="forums">
    
      <div align="center" id="FM_widget_share">
      <script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'pt-BR'}</script></div>
  </div>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<a class="ipsUserPhotoLink left" href="#">
    <img class="ipsUserPhoto ipsUserPhoto_medium" alt="Foto" src="http://i56.servimg.com/u/f56/17/97/98/69/avatar10.png">
</a>
<div class="ipsBox_withphoto" itemtype="http://schema.org/Article" itemscope="">
    <span class="rating ipsType_smaller" itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating">
        <!-- BEGIN switch_user_logged_in -->
        <strong style="margin-right: 8px;">Reputacion </strong>
        <!-- END switch_user_logged_in -->
        <script type="text/javascript" src="http://SetRating.com/SetRating.js"></script><script type="text/javascript">SetRatingWidget("star")</script>
        <span id="rating_text" style="display: none;">
            <span id="rating_hits" itemprop="ratingCount">0</span> <span>votos</span>
            <meta content="0" itemprop="ratingValue">            
        </span>
    </span>
   <h1 class="ipsType_pagetitle" itemprop="name">{TOPIC_TITLE}</h1>
   <div class="desc lighter blend_links">
        Iniciado por <span itemprop="creator"><a title="" href="" class="url fn name"><span itemprop="name"></span></a></span>, <span itemprop="dateCreated"> </span>
   </div>
    <span id="tags_search"></span>
    <br>
    <meta content="UserComments:3" itemprop="interactionCount">
      </div></div>
<br>

Pasul 3 Adaugam la sfarsit urmatorul cod:

Cod:
<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){
        var target = $('.post:first');
        target.find('div.postbody').find('strong:contains("Relembrando a primeira mensagem")').closest('div.main-content.topic').hide();
        var imgdata = target.find('div.user-basic-info');
        var autor_dat = target.find('div.username');
        var autor_url = autor_dat.attr('href');
        var autor_txt = autor_dat.text();
        var date = target.find('span.data-post').html();
        var topic_title = '{TOPIC_TITLE}';
        var tags = topic_title.split(' ');
        var follow = '{S_WATCH_TOPIC}';
        
        $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
        $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
        $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
        $('span[itemprop="name"]').text(autor_txt);
        $('span[itemprop="dateCreated"]').html(date);
        
        /* Remove duplicates values in array!
        -> If you find something better than this, telme please. */
        tags = tags.filter(
            function(a){
                if (!this[a]) {
                    this[a] = 1;
                    return a;
                }
            }
        );
        /* Sets tag search... */
        $.each(tags, function(index, data) {
            if(data.length > 4) {
                $('#tags_search').append(
                    '<a id="tag_search_' + index + '" class="ipsTag" title="Localizar mas Aportes con la tag ' + data + '" href="/search?search_keywords=' + data + '">' +
                    '    <span>' + data + '</span>' +
                    '</a>'
                );
            }
        });
        /* Whatch topic */
        <!-- BEGIN switch_user_logged_in -->
        
        <!-- END switch_user_logged_in -->
        
        var target = $('.main-content.topic').find('div.post');
        target.each(function(index) {
            var oThis = $(this);
            var userImg = oThis.find('div.user-basic-info a');
            var memberTitle = oThis.find('p.desc.member_title');
            var urlID = oThis.find('.username a').attr('href');
            var target = oThis.find('div.user-basic-info').text();
            var IsSuper = (target.search(/administrador/i) + 1) + (target.search(/moderador/i) + 1) + (target.search(/punbb/i) + 1);
            /* Sets default avatar... */
            if (userImg.find('img').length == 0) {
                userImg.html('<img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image">');
            }
            /* field_id1 (Título) = First field added to the perfil! */
            $.get(urlID, function(data){
                var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
                var posts = $('#field_id-6', data).find('div.field_uneditable').text();
                if (IsSuper <= 0) {
                    if (posts <= 99){
                        memberTitle.text('Membro');
                    } else if (posts >= 100 && posts < 200) {
                        memberTitle.text('Membro Nível 1');
                    } else if (posts >= 200 && posts < 300) {
                        memberTitle.text('Membro Nível 2');
                    } else if (posts >= 300 && posts < 500) {
                        if(userTitle == '-') {memberTitle.text('Membro Nível 3');}
                    } else if (posts >= 500) {
                        if(userTitle == '-') {memberTitle.text('Membro Avançado');}
                    }
                } else {
                    if(userTitle != '-') {memberTitle.text(userTitle);}
                }
                /*sets state*/
                /*console.log($.trim($('#user_status', data).text()));*/
                if($.trim($('#user_status', data).text()) == 'conectado') {
                    oThis.find('span.ipsBadge').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
                } else {
                    oThis.find('span.ipsBadge').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
                };
            });
        });
    });
    /* Editar mensagem */
    function edit_message(topic_ID, post_ID){
        /* This load and read all form fields ¯| */
        $('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() {
            var msgID = $('#' + topic_ID);
            msgID.find('.main-head.clearfix').remove();
            msgID.find('.frm-set.multi > dl').hide();
            msgID.find('#textarea_content dt:last').show();
            msgID.find('.frm-set.multi').css('border-bottom', '0px');
            msgID.find('.frm-set > dl').hide();
            msgID.find('.frm-buttons').css('border-top', '0');
            msgID.find('.main').hide();
            msgID.find('.frm-form').attr('target','iframe_' + post_ID).submit(function(){var time=setTimeout("edited()",1000);});
            msgID.find('input[name=post]').css('margin-left', '-225px');
            msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar');
        });
    }
    function edited(){window.location.reload()}      
    //]]>
</script>
<style type="text/css">
   <!--
  .post_online {
    display: inline-block;
    float: left;
    min-width: 60px;
}
    .right {
        float: right;
    }
    .left {
        float: left;
    }
    .ipsBox_withphoto {
        margin-left: 65px;
    }
    .ipsUserPhoto_medium {
        height: 54px;
        width: 54px;
    }
    .ipsUserPhoto {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D5D5D5 !important;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        padding: 1px;
        border-radius: 100px;
    }
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        border-color: #7D7D7D !important;
    }
    .rating {
        display: block;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .ipsType_smaller, .ipsType_smaller a {
        font-size: 11px !important;
    }
    .rating img {
        vertical-align: top;
    }
    #rating_text {
        margin-left: 4px;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
        color: #323232;
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #A4A4A4;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
    .ipsTag {
    display: inline-block;
    background: url('http://i56.servimg.com/u/f56/17/97/98/69/tag_bg10.png') repeat scroll 0% 0% #555;
    height: 23px;
    line-height: 23px;
    padding: 0px 7px 0px 21px;
    margin: 5px 5px 0px 0px;
    font-size: 11px;
    color: rgb(255, 255, 255) !important;
}
    .ipsButton_secondary {
        background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
        border: 1px solid #DBDBDB;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
        color: #616161;
        display: inline-block;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        transition: all 0.2s ease-in-out 0s;
        white-space: nowrap;
    }
    .ipsButton_secondary:hover {
        border-color: #9A9A9A;
        color: #4C4C4C;
    }
    .ipsButton_extra {
        color: #5C5C5C;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        margin-left: 5px;
    }
    .clickable {
        cursor: pointer;
    }
    -->
</style>
<!-- #endregion TitleBox_Viewtopic_body -->

<!-- #region: member_title -->
<style type="text/css">
<!--
.author_info .member_title {
    margin-bottom: 5px;
    word-wrap: break-word;
}
.desc, .desc.blend_links a, p.posted_info {
    color: #777777;
    font-size: 12px;
}
    -->
</style>
<!-- #endregion: member_title -->

Si ultimul pas adaugam urmatorul cod in CSS

Cod:
/*titlebox by Euro-Talk*/
.ipbfs_titlebox {background:#fff;border:1px solid #ddd;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;padding:15px;overflow:hidden}
Bogdan.PSGR
Moderator

Mesaje : 10
Reputatie : 6
Vezi profilul utilizatorului http://psgr.forumclan.com/

MesajBogdan.PSGR la data de Joi Iul 02, 2015 1:41 pm

Frumos tutorial si frumos forum.
Mai frumos ca Games4Ever.
Felicitari!

Vezi subiectul anterior Vezi subiectul urmator Sus

Trebuie sa fii inregistrat pentru a posta

Trebuie sa fii conectat pentru a posta.

Creare cont

Join our community by creating a new account. It's easy!


Inregistrare

Conectare

Already have an account? No problem, log in here.


Conectare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum