• HomeHome  
  • CalendarCalendar  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  

  • You are not connected. Please login or register

    View previous topic View next topic Go down  Message [Page 1 of 1]

    Aleecs


    Managers

    Hello Frog , nice to meet you !Today , I will present you , how to add the color of a group on the background .
    Let`s start the tutorial !

    First , add the code below in : ACP ~> Display ~> Images and colours ~> Colours ~> CSS ~> Add this :

    Spoiler:
    Code:
        em{font-style: normal;}

        em a.group{
          font-family: arial;
          opacity: 0.6;
          -moz-opacity: 0.6;
          -khtml-opacity: 0.6;
          -ms-filter: "alpha(opacity=60)";
          filter:alpha(opacity=60);
          color: white !important;
          text-shadow: 0 0 3px black;}

        em span{
          margin: 0 5px;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
          -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
          -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
          padding: 4px 8px;
          border-radius: 4px;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          border-bottom: 1px solid white;
          border-right: 1px solid white;}

    Then , add this code in ACP ~> Modules ~> Javascript Management ~> Create a new code Javascript ~> Add this :

    Spoiler:
    Code:
        $(function() {

            $("em").html($("em").html().split("[").join(""));

            $("em").html($("em").html().split("]").join(""));

          jQuery('em a').each(function() {
         
          var color = $(this).css("color");

          $(this).wrap("<span style='background-color:" + color + ";'/>");

        $(this).addClass('group');

          });
          });

    Exclamation : This code is running if you have a forum on phpBB3 platform .

    Thank you for wathcing this tutorial , and good bye !

    * This tutorial is created by fg-coding.net , and converted by Aleecs !


    _________________
    >>> I don`t give support on
    Y!M !For other subject , I`m available 3/7 at [You must be registered and logged in to see this link.]

    >>> Please , respect the basic model for a request , or your request will be declined !
    If you have a question , please go to the correct section , or PM an administrator !
    >>> Respect me , and I will respect you !
    View user profile

    View previous topic View next topic Back to top  Message [Page 1 of 1]

    Permissions in this forum:
    You cannot reply to topics in this forum

     

    icefrog 2012-2013 , all rights reserved.