HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Admin posts different color

    • **


        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

      avatar
      • 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');
        });

        • **


            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.

          avatar
          • Veteran staff member

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

            • **


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



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

              avatar
              • ****


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

                avatar
                • 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!

                    avatar
                    • Administrator

                        Reputation : 315
                        Registered on : 2012-02-22
                        Posts : 2317
                        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

                      • Co-Founder

                          Reputation : 38
                          Registered on : 2012-02-26
                          Posts : 284
                        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://illiweb.com/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! ;)

                        • **


                            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.)



                          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)

                          • **


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



                            Changed it already... ;)



                            Anyone wanting to use this last one.
                            Is welcome.

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

                            Again ..... Crazy



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

                            • Co-Founder

                                Reputation : 38
                                Registered on : 2012-02-26
                                Posts : 284
                              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


                              YOUR BANNER HERE
                              728x90
                              DMCA.com Protection Status
                              Forumotion.com | © PunBB | Free forum support | Contact | Report an abuse | Free forum