xF2 CTA Blinking Log In / Register Buttons

  • Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Radio

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,497
    7,735
    321
    localhost
    Heisenberg submitted a new resource:

    - A call to action for smaller view ports blink the Log In button while larger the Register button.

    Create a very simple, yet effective, call to action button that will flash your "Log In" button to smaller viewports, which hide the "Register" link, and then swap it with the "Register" button in larger viewports when it becomes visible.

    Add the following code to your extra.less template:
    CSS:
    @media screen and (max-width: 373px) {
        .p-navgroup-link.p-navgroup-link--logIn {
          -webkit-animation: blinkReg 1s infinite;  /* Safari 4+ */
          -moz-animation: blinkReg 1s infinite...