Cum Fac Banner-Ul Sa Se Miste?

[Roberto Luigi]

Vreau sa fac acest banner sa se miste ? Cum fac?

[gadeas]

Downloadeaza fisieru ipbforumskins.js din:

public_html > public > style_images > skinu care folosesti > js 

Si adauga intre:

jQuery(document).ready(function($){
    /* Mai multe coduri jQuery */
});

Urmatoru cod:

    var backgroundpos = 0;
    var offset = 1;
    function scrollbackground() {
        offset = (offset < 1) ? offset + (backgroundpos - 1) : offset - 1;
        $('#branding').css("background-position", + offset + "px 0");
        setTimeout(function() {
            scrollbackground();
            }, 100
        );
    }
    scrollbackground();

Backgroundu trebuie sa fie setat pe idu:

#branding

[Roberto Luigi]

Tot nu se misca, era ceva din ACP de la global template parca ceva mai usor ca sa se miste...

[Kennzo]

Tot nu se misca, era ceva din ACP de la global template parca ceva mai usor ca sa se miste...

Este fix ce a zis gadeas.. am incercat pe un forum free care-l am si merge.. + studiaza tema animatee.. are acelasi concept.. branding miscator..

[Roberto Luigi]

E vorba de banner_bg.png ala sa se miste, si tot nu merge...

[Roberto Luigi]

Asta am eu in ipbforumskins.js :

jQuery.noConflict();

jQuery(document).ready(function($){

    $('a[href=#top], a[href=#ipboard_body]').click(function(){
        $('html, body').animate({scrollTop:0}, 400);
return false;
    });
    
    $(".forum_name").hover(function() {
        $(this).next(".forum_desc_pos").children(".forum_desc_con").stop()
        .animate({left: "0", opacity:1}, "fast")
        .css("display","block")
    }, function() {
        $(this).next(".forum_desc_pos").children(".forum_desc_con").stop()
        .animate({left: "10", opacity: 0}, "fast", function(){
            $(this).hide();
        })
    });
    
    $('#topicViewBasic').click(function(){
        $(this).addClass("active");
        $('#topicViewRegular').removeClass("active");
        $("#customize_topic").addClass("basicTopicView");
        $.cookie('ctv','basic',{ expires: 365, path: '/'});
        return false;
    });
    
    $('#topicViewRegular').click(function(){
        $(this).addClass("active");
        $('#topicViewBasic').removeClass("active");
        $("#customize_topic").removeClass("basicTopicView");
        $.cookie('ctv',null,{ expires: -1, path: '/'});
        return false;
    });
    
    if ( ($.cookie('ctv') != null))    {
        $("#customize_topic").addClass("basicTopicView");
        $("#topicViewBasic").addClass("active");
    }
    else{
        $("#topicViewRegular").addClass("active");
    }
});

[gadeas]

Modifica cu:

jQuery.noConflict();

jQuery(document).ready(function($){

    $('a[href=#top], a[href=#ipboard_body]').click(function(){
        $('html, body').animate({scrollTop:0}, 400);
return false;
    });
    
    $(".forum_name").hover(function() {
        $(this).next(".forum_desc_pos").children(".forum_desc_con").stop()
        .animate({left: "0", opacity:1}, "fast")
        .css("display","block")
    }, function() {
        $(this).next(".forum_desc_pos").children(".forum_desc_con").stop()
        .animate({left: "10", opacity: 0}, "fast", function(){
            $(this).hide();
        })
    });
    
    $('#topicViewBasic').click(function(){
        $(this).addClass("active");
        $('#topicViewRegular').removeClass("active");
        $("#customize_topic").addClass("basicTopicView");
        $.cookie('ctv','basic',{ expires: 365, path: '/'});
        return false;
    });
    
    $('#topicViewRegular').click(function(){
        $(this).addClass("active");
        $('#topicViewBasic').removeClass("active");
        $("#customize_topic").removeClass("basicTopicView");
        $.cookie('ctv',null,{ expires: -1, path: '/'});
        return false;
    });
    
    if ( ($.cookie('ctv') != null))    {
        $("#customize_topic").addClass("basicTopicView");
        $("#topicViewBasic").addClass("active");
    }
    else{
        $("#topicViewRegular").addClass("active");
    }

    var backgroundpos = 0;
    var offset = 1;
    function scrollbackground() {
        offset = (offset < 1) ? offset + (backgroundpos - 1) : offset - 1;
        $('#branding').css("background-position", + offset + "px 0");
        setTimeout(function() {
            scrollbackground();
            }, 100
        );
    }
    scrollbackground();
});

 

Cum am zis, banneru trebuie sa fie in:

#branding {

Nu conteaza cum e numit, nu conteaza ce mai are prin cod. Dar sa fie acolo.

 

Ce spui tu din ACP si configuratie este la skinu Animate care are deja acel cod setat, doar modifici la o configuratie creata de ei din "No" in "Yes". Daca nu ai inceput sa modifici de la Animate, nu ai acea functie in skin.

[Roberto Luigi]

Gata, acum functioneaza, multumesc.

[Giovanni]

dar cum asta, bannerul să fie în #branding ?

[gadeas]

La:

#branding {

Trebuie sa ai setat:

background: /* Cod css */;

Adica imaginea sa fie acolo setata.

[Giovanni]

dacă poți să mă ajuți unde să fac și cum ?

[gadeas]

In ipb_styles.css cauti:

#branding {

Si intre { } adaugi:

background: #000 url("Link spre banner") repeat-x top;

[+MrTea]

Am adaugat codul ala sa se miste dar tot nu se misca...

[+Asa si asa]

Unde l-ai adaugat tu? 

[+MrTea]

la mine tot am inlocuit in js cu ce-a zis Gadeas dar nu se misca

[MadaliNNN]

Ce vă dă Gadeas trebe să mai și înlocuiți ca o formulă, nu tot mota mo cum acolo.

[harys]

@gadeas si de unde pot descarca ipbforumskins.js ?