Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zmiana domyślnego koloru w szablonie Citrus

Założony przez  cycek1354.

wersja skryptu MyBB: 1.6.10
adres forum: http://ultrax-rp.xaa.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Na moim forum dostępne są cztery kolory. Można sobie wybierać pomiędzy pomarańczowym, zielonym, czerwonym i żółtym. Domyślny jest pomarańczowy, i to on wyświetla się każdemu użytkownikowi. Jednak ja chciałbym zmienić domyślny kolor na zielony. Mam nadzieję, że da się to zrobić :)
Mój styl - Citrus.
Matslom napisał 12.07.2013, 12:50:
Poprawiam tytuł
Zapewne musiałeś wgrywać plik *.js Prawda?? Poszukaj tam linijki odpowiadającej za to albo podaj kod jego tutaj.
Tak, wgrywałem plik *.js. Jednak nie mogę tam znaleźć odpowiedniej linijki, albo źle patrzę :D
Oto cały plik.

/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
jQuery.cookie=function(name,value,options){if(typeof value!="undefined"){options=options||{};if(value===null){value="";options.expires=-1;}var expires="";if(options.expires&&(typeof options.expires=="number"||options.expires.toUTCString)){var date;if(typeof options.expires=="number"){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}expires="; expires="+date.toUTCString();}var path=options.path?"; path="+(options.path):"";var domain=options.domain?"; domain="+(options.domain):"";var secure=options.secure?"; secure":"";document.cookie=[name,"=",encodeURIComponent(value),expires,path,domain,secure].join("");}else{var cookieValue=null;if(document.cookie&&document.cookie!=""){var cookies=document.cookie.split(";");for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+"=")){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}return cookieValue;}};

/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
*/
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

/*
* fancyCollapses 1.0 - jSnippet by Jorge Lainfiesta
* Copyright 2010 Audentio Design
* http://audentio.com/
*
*/

expandables=null;(function(a){if(jQuery.cookie){jQuery(document).ready(function(){var b="fancyCollapses_collapsed_elmnts",g="|",h=",";var c=a.cookie(b);if(c!=""&&c!=null){var l=c.split(g);for(i=0;i<l.length;i++){var j=l[i].split(h);if(typeof j[0]!="undefined"&&j[0]!=""){if(j[2]=="m"){var d=a(j[1]).attr("src");if(typeof d!="undefined"){d=d.replace("collapse","collapse_collapsed");a(j[1]).attr("src",d);a(j[1]).css("cursor","pointer");var e=a(j[0]);var k=e.closest("table").attr("cellpadding");var f=e.closest("table").attr("cellspacing");e.closest("table").attr("cellspacing","0");e.addClass("fancyCollapses_modded").wrapInner("<tr><td style='padding: 0; margin: 0; width: 100%'><div><table width='100%' border='0' cellspacing='"+f+"' cellpadding='"+k+"'></table></div></td></tr>");e.children().children().children().hide()}}else{a(j[0]).hide()}a(j[1]).addClass("fancyCollapses_collapser_collapsed");a(j[0]).addClass("fancyCollapses_collapsed")}}}})}a.fn.fancyCollapses=function(b){var c=a.extend({},a.fn.fancyCollapses.defaults,b);return this.each(function(){var f="fancyCollapses_collapsed_elmnts",k="|",l=",";function s(o,v,x){var w=a.cookie(f);if(w==null){w=""}var u=w+k+o+l+v+l+x;a.cookie(f,u)}function t(o,u,w){var v=a.cookie(f);var x=k+o+l+u+l+w;v=v.replace(x,"");a.cookie(f,v)}var m=a(this);var e=a.meta?a.extend({},c,m.data()):c;var r="",p="",g,q,d=false;r=m.attr("id");if(e.collapser){p=e.collapser}if(!r){if(!e.collapser){var h=new Error();h.name="fancyCollapses error";h.message="No collapser specified";throw (h)}g=m}else{d=true;r="#"+r;g=a(r);if(e.isTable){p=r.replace("_e","_img");if(!g.hasClass("fancyCollapses_modded")){var n=g.closest("table").attr("cellpadding");var j=g.closest("table").attr("cellspacing");g.closest("table").attr("cellspacing","0");g.wrapInner("<tr><td style='padding: 0; margin: 0; width: 100%'><div><table width='100%' border='0' cellspacing='"+j+"' cellpadding='"+n+"'></table></div></td></tr>")}g=a(r).children().children().children()}else{if(!e.collapser){p=r+"_btn"}}}q=a(p);q.css("cursor","pointer");g.width("100%");q.click(function(){if(!q.hasClass("fancyCollapses_collapser_collapsed")){g.slideUp(e.speed,e.easing);if(e.isTable){var o=q.attr("src");o=o.replace("collapse","collapse_collapsed");q.attr("src",o)}q.addClass("fancyCollapses_collapser_collapsed");g.addClass("fancyCollapses_collapsed");if(d){if(jQuery.cookie){var u="n";if(e.isTable){u="m"}s(r,p,u)}}}else{g.slideDown(e.speed,e.easing);if(e.isTable){var o=q.attr("src");o=o.replace("_collapsed","");q.attr("src",o)}q.removeClass("fancyCollapses_collapser_collapsed");g.removeClass("fancyCollapses_collapsed");if(d){if(jQuery.cookie){var u="n";if(e.isTable){u="m"}t(r,p,u)}}}})})};a.fn.fancyCollapses.defaults={easing:"linear",speed:"normal",collapser:"",isTable:true}})(jQuery);

jQuery.noConflict();
jQuery(document).ready(function($){      
    $(".tborder  tbody[id$='_e']").fancyCollapses({easing:"easeInOutQuart",speed:"normal"});
    
    $('img').each(function(i){
      var imgSrc = this.src;
      var siteURL = "http://url.com";

      if(imgSrc.indexOf(siteURL) === -1){
         imgSrc = siteURL + imgSrc;
      }
    });
    
    $('a img[src*="images/audentio/citrus/english/"]').css("opacity", "0.4");
    $('a img[src*="images/audentio/citrus/english/"]').hover(function(){
       $(this).animate({opacity: 1}, "fast");
    }, function(){
       $(this).animate({opacity: .6}, "fast");
    })
    
    $('#colorchanger').show();
    myBBUrl = $('#cssColors').attr('data-css');
    myBBUrl = '<link type="text/css" rel="stylesheet" id="colorChangeLink" href="' + myBBUrl;
    
    $cookie = $.cookie('cssColors');
    if($cookie) {
      $("head").append(myBBUrl + '?c=' + $cookie + '"/>');
    } else {
      var color1 = $('#colorchanger a.selected').attr('href').replace('#','');
      $("head").append(myBBUrl + "?c=" + color1 + '"/>');
    }

    $("#colorchanger a").each(function(){
       var color = $(this).attr("href");
       $(this).css("backgroundColor", color);
    })
    $("#colorchanger").delegate("a", "click", function(){
       var color = $(this).attr("href").replace('#','');
      $("#colorChangeLink").remove();
      $("head").append(myBBUrl + '?c=' + color + '"/>');
    $.cookie('cssColors', color);
    return false;
    })
    
    $('a.toTop').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
    
    var containerNode = '.width',
    containerWidth = $(containerNode).css('width'),
    fluidWidth = 98;

    if( $.cookie('SiteWidth') !== null ) {
        if ( $.cookie('SiteWidth') == 'fluid' ) {
            $(containerNode).css('width', fluidWidth + '%');
        }
        if ( $.cookie('SiteWidth') == 'fixed' ) {
            $(containerNode).css('width', containerWidth);
        }
    }

    $('.widthController a').click(function() {
        if ( $(containerNode).css('width') == containerWidth ) {
            $(containerNode).animate({ width: fluidWidth + '%' });
            $.cookie('SiteWidth', 'fluid');
        } else {
            $(containerNode).animate({ width: containerWidth });
            $.cookie('SiteWidth', 'fixed');
        }
        return false;
    });

});
$("head").append(myBBUrl + "?c=" + color1 + '"/>');
Tutaj zmieniasz color1 na ten, o który Ci chodzi :p w CSS lub szablonach musisz chyba tylko sprawdzić, który jest który.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Dzięki za odpowiedź. Już próbuję :D
Pamiętaj tylko o czyszczeniu ciasteczek, jeśli nie zauważysz zmiany kolorów.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Gdy zmienię tę linijkę to znika całkiem wybór kolorów, a domyślnym nadal jest pomarańczowy :( W tych kółeczkach z kolorami jest tylko biel. Zmieniam tak:
$("head").append(myBBUrl + "?c=" + color1 + '"/>');
na
$("head").append(myBBUrl + "?c=" + color2 + '"/>');
Jak tak teraz patrzę, to wydaje mi się, że coś jest nie tego. Poczekaj chwilę, zaraz wyedytuję posta.


@edit
No tak, ślepy ja. color1 to zmienna inicjowana linijkę wyżej :facepalm:
A co do samej funkcji, to się pogubiłem i już nie wiem, co jest co :D

@edit2
Wydaje mi się, że wystarczy przenieść w szablonie frazę selected z nazwy jednej klasy do drugiej. Tzn. np zamiast
<div id="colorchanger">
        <span>Flavor:</span>
            <ul>
                <li><a href="#FF6726" class="Orange selected" title="Orange">Orange</a></li>
                <li><a href="#59A80F" class="Lime" title="Lime">Lime</a></li>
                <li><a href="#D9584C" class="Grapefruit" title="Grapefruit">Grapefruit</a></li>
                <li><a href="#ddb703" class="Lemon" title="Lemon">Lemon</a></li>
            </ul>
</div>

Dać
<div id="colorchanger">
        <span>Flavor:</span>
            <ul>
                <li><a href="#FF6726" class="Orange" title="Orange">Orange</a></li>
                <li><a href="#59A80F" class="Lime selected" title="Lime">Lime</a></li>
                <li><a href="#D9584C" class="Grapefruit" title="Grapefruit">Grapefruit</a></li>
                <li><a href="#ddb703" class="Lemon" title="Lemon">Lemon</a></li>
            </ul>
</div>
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Takich linijek nie ma wogóle w tym pliku... Mam jeszcze jeden plik w jscripts. Mianowicie:

<?php header("Content-type: text/css");

# This file is need for the MiniColor color changer to function properly

# Set default color
$defaultColor = '33CC66';

# If c is set c is equal to color else c is equal to default color
if ( isset($_GET['c']) ) {
    $color = $_GET['c'];
} else {
    $color = $defaultColor;
}

?>
/* COLORS */
.thead
{background-color: #<?php echo $color ?>}
input.button:hover,
a:hover,a:active,
#breadcrumb a:hover,#breadcrumb a:active,
.tfoot a:hover,.tfoot a:active,
input.button:hover,
#nav li > ul a:hover,#nav li > ul a:active,
.tcat a:hover,.tcat a:active,
#usercontrol a:hover,#usercontrol a:active
{color: #<?php echo $color ?>}
/* Selected colors - Need seprate lines for FF to use correctly */
::selection {background-color: #<?php echo $color ?>; color:#fff; text-shadow:0 -1px rgba(0,0,0,.2);}
::-moz-selection {background-color: #<?php echo $color ?>; color:#fff; text-shadow:0 -1px rgba(0,0,0,.2);}
Te linijki znajdziesz w headerze najpewniej ;)
Plik Header wygląda następująco:

<div id="head">
    <div id="usercontrol">
        <div class="width">
            {$welcomeblock}        
        </div>
    </div>
    <div class="thead" id="logorow">
        <div class="width">
            <div id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
        <div class="menu">
            <ul>
            <li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
            <li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
            <li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
            <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
        </ul>
        </div>
        </div>
    </div>
    <navigation>
</div>
    <div class="width">
        <a name="top" id="top"></a>
        <hr class="hidden" />
                <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
Jednak teraz patrze i kolory powinieneś mieć nie w headerze, a nawigacji i tam na spokojnie już sobie powinieneś poradzić (sorry za pomyłkę, ale wtedy nie miałem szablonu przed oczami :<)...
Miałem do czynienia z tym stylem i jak chcesz zmienić kolor główny to musisz to zrobić w global.css - nie ma innej opcji. Inne kolory także można wyrzucić, a zarazem zmienić ich kolory.
http://www.audentio.com/preview/mybb/citrus
Zależy co ma, ale też podejrzewam, że ripa, ale jak widzisz w tym linku od góry jest oryginalny i może go sobie naprawie w wolnym czasie...



Użytkownicy przeglądający ten wątek:

2 gości