avatar
  • **


      Reputation : 0
      Registered on : 2012-04-08
      Posts : 24
    Hi :)
    So far I have got.

    Go to Admin Panel > Users & Groups > Ranks > Rank
    Administration > Modify

    Code:
    <span class="specialpost"><font color="red">Senile!!!</font> (+ other things I forget)</span>

    Go to Admin Panel > Modules > JavaScript Codes Management > Create new > Titlle "Color" >
    Select in the topics only.

    Code:
    $(function() {
    $('div.post:has(".specialpost")').css('background-color','#610E0E');
    });

    The above gives a solid color.
    I would like graduated.
    Tried image instead of color.
    ( https://i.servimg.com/u/f49/14/49/28/83/gradie10.jpg )
    Nothing.
    Not sure what color I really want.
    As long as it matches current forum layout.
    Just want the gradual fading effect.



    Last edited by shadow on Sun Apr 15, 2012 11:47 am; edited 1 time in total

    MartinoPio
    • Veteran staff member

        Reputation : 14
        Registered on : 2012-02-25
        Posts : 98
      Ciao, prova con questo:

      Code:
      $(function() {
      $('div.post:has(".specialpost")').css('background-image','LINK IMAGE');
      });

      avatar
      • **


          Reputation : 0
          Registered on : 2012-04-08
          Posts : 24
        Hi :)
        Replaced
        Code:
        $(function() {
        $('div.post:has(".specialpost")').css('background-color','#610E0E');
        });

        with

        Code:
        $(function() {
        $('div.post:has(".specialpost")').css('background-image','http://i49.servimg.com/u/f49/14/49/28/83/gradie10.jpg ');
        });

        Result nothing.
        So returned to 1st code.

        I believe my forum layout prevents the image bit.

        MartinoPio
        • Veteran staff member

            Reputation : 14
            Registered on : 2012-02-25
            Posts : 98
          I tried the two codes and do not work

          avatar
          • **


              Reputation : 0
              Registered on : 2012-04-08
              Posts : 24
            Hi :)
            1st codes work for me.
            But solid color.

            Admin posts different color 09042012203653.th

            As soon as I try to insert image.
            Nothing.
            Just get default.

            Admin posts different color 09042012203945.th

            avatar
            • ****


                Reputation : 5
                Registered on : 2012-04-01
                Posts : 84
              Doesn't Work at all

              LGforum
              • Veteran staff member

                  Reputation : 19
                  Registered on : 2012-04-05
                  Posts : 77
                The image one would need to be this:
                Code:

                $(function() {
                $('div.post:has(".specialpost")').css('background-image','url(http://i49.servimg.com/u/f49/14/49/28/83/gradie10.jpg)');
                });

                But all your problems regarding using the jQuery css() function can be solved by doing this:
                Code:
                $(function() {
                $('div.post:has(".specialpost")').addClass('.staffpost');
                });

                And then you can style it as much as you want in the CSS using :
                Code:

                .staffpost {
                  //styling.
                }

                avatar
                • ****


                    Reputation : 5
                    Registered on : 2012-04-01
                    Posts : 84
                  @LGforum wrote:The image one would need to be this:
                  Code:

                  $(function() {
                  $('div.post:has(".specialpost")').css('background-image','url(http://i49.servimg.com/u/f49/14/49/28/83/gradie10.jpg)');
                  });

                  But all your problems regarding using the jQuery css() function can be solved by doing this:
                  Code:
                  $(function() {
                  $('div.post:has(".specialpost")').addClass('.staffpost');
                  });

                  And then you can style it as much as you want in the CSS using :
                  Code:

                  .staffpost {
                    //styling.
                  }
                  This Code Works! thx LG!

                  Niko
                  • Administrator

                      Reputation : 320
                      Registered on : 2012-02-22
                      Posts : 2366
                      School of codes courses: coming soon
                    Hello,

                    I suggest waiting for Mathias... He added it on this forum for admins (:
                    We will see... (:



                    Niko wants you in the team Guest

                    Community manager and Administrator at Forumattivo.com

                    Anonymous
                    • Guest

                        Hello!
                        Go to your Admin Panel > Modules > HTML & JAVASCRIPT > Javascript codes management. Then click on "Create a new javascript", add this code and save.

                        Code:
                        $(function(){$('.st-rang').closest('.post').addClass('st-answer')});

                        Then go to your Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet and add this!

                        Code:
                        .post.st-answer {
                        background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png) repeat-x scroll left bottom #E5F1F9;
                        }

                        Then add this in your admin rank:

                        Code:
                        <span class="st-rang"><font color="red">Senile!!!</font> (+ other things I forget)</span>

                        Hope it helped! ;)

                        avatar
                        • **


                            Reputation : 0
                            Registered on : 2012-04-08
                            Posts : 24
                          Hi :)
                          @LG
                          For me this doesn't work at all.
                          But this may solely down to me.
                          @
                          Mathias
                          This works (the color is a bit more subtle).
                          But still solid color across the post.
                          (Sorry I've just noticed the corner, bottom right.
                          So it does do what you said.)

                          Admin posts different color 14042012113719

                          I accept there be many things contributing to this.

                          If anyone has any more suggestions.
                          I am willing to try.
                          However I can live with what I've got.....
                          Thank you all.... :Good:



                          Last edited by shadow on Sat Apr 14, 2012 12:33 pm; edited 1 time in total (Reason for editing : Added info)

                          avatar
                          • **


                              Reputation : 0
                              Registered on : 2012-04-08
                              Posts : 24
                            Hi :)
                            This is my latest effort.

                            Admin posts different color 14042012123434

                            Changed it already... ;)

                            Admin posts different color 14042012124142

                            Anyone wanting to use this last one.
                            Is welcome.

                            https://i.servimg.com/u/f49/14/49/28/83/gradie19.jpg

                            Again ..... Crazy

                            Admin posts different color 14042012130349

                            Anyone wanting this....
                            https://i.servimg.com/u/f49/14/49/28/83/gradie21.jpg

                            Anonymous
                            • Guest

                                Hello,

                                Since this topic is solved now it is locked and I move it to the Solved threads section
                                Thanks for your attention,
                                See you on the Forum of Codes