Bogdan NAGY

Moderators
  • Content count

    95
  • Donations

    0.00 EUR 
  • Joined

  • Last visited

  • Days Won

    4
  • Points

    631 [ Donate ]

Posts posted by Bogdan NAGY


  1. Daca doriți să schimbați pictogramele de pe bara de utilizator doar adăugați aceste coduri. Alegeți orice temă doriți și accesați
    userbar și adăugați codurile. Căutați și doar o schimbați la ceea ce vreodată forumurile dumneavoastră sunt puteți să faceți acest lucru pentru pictograma "Acasă".

    <strong><i class='fa fa-plus'></i>

    userbar.png.d095de2bfd64881a272cfa3991883e08.png.pagespeed_ce.EtxBUE-Q7M.png.19d84d21f3f39759fdbae78b866d2921.png

     

    <i class="fa fa-bullhorn faa-wrench animated" style="font-size: 1.33333333em;line-height: 0.1em;vertical-align: -15%;color: SlateBlue;"></i><i class="material-icons">Report</i>

     

    Pentru a lucra ca animat, trebuie să adăugați acest lucru la css:

    /*!
     * font-awesome-animation - v0.0.10
     * https://github.com/l-lin/font-awesome-animation
     * License: MIT
     */
    @-webkit-keyframes wrench {
      0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
      }
    
      8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
      }
    
      10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      75%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }
    
    @keyframes wrench {
      0% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
      }
    
      8% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
      }
    
      10% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      18% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      20% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      28% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      30% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      38% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      40% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      48% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      50% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      58% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      60% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
      }
    
      68% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
      }
    
      75%, 100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }
    
    .faa-wrench.animated,
    .faa-wrench.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-wrench {
      -webkit-animation: wrench 2.5s ease infinite;
      animation: wrench 2.5s ease infinite;
      transform-origin-x: 90%;
      transform-origin-y: 35%;
      transform-origin-z: initial;
    }
    
    .faa-wrench.animated.faa-fast,
    .faa-wrench.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
      -webkit-animation: wrench 1.2s ease infinite;
      animation: wrench 1.2s ease infinite;
    }
    
    .faa-wrench.animated.faa-slow,
    .faa-wrench.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
      -webkit-animation: wrench 3.7s ease infinite;
      animation: wrench 3.7s ease infinite;
    }
    
    /* BELL */
    
    @-webkit-keyframes ring {
      0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
      }
    
      2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
      }
    
      4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
      }
    
      6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
      }
    
      8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
      }
    
      10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
      }
    
      12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
      }
    
      14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
      }
    
      16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
      }
    
      18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
      }
    
      20%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }
    
    @keyframes ring {
      0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
      }
    
      2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
      }
    
      4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
      }
    
      6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
      }
    
      8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
      }
    
      10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
      }
    
      12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
      }
    
      14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
      }
    
      16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
      }
    
      18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
      }
    
      20%, 100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }
    
    .faa-ring.animated,
    .faa-ring.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-ring {
      -webkit-animation: ring 2s ease infinite;
      animation: ring 2s ease infinite;
      transform-origin-x: 50%;
      transform-origin-y: 0px;
      transform-origin-z: initial;
    }
    
    .faa-ring.animated.faa-fast,
    .faa-ring.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-fast {
      -webkit-animation: ring 1s ease infinite;
      animation: ring 1s ease infinite;
    }
    
    .faa-ring.animated.faa-slow,
    .faa-ring.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-slow {
      -webkit-animation: ring 3s ease infinite;
      animation: ring 3s ease infinite;
    }
    
    /* VERTICAL */
    
    @-webkit-keyframes vertical {
      0% {
        -webkit-transform: translate(0,-3px);
        transform: translate(0,-3px);
      }
    
      4% {
        -webkit-transform: translate(0,3px);
        transform: translate(0,3px);
      }
    
      8% {
        -webkit-transform: translate(0,-3px);
        transform: translate(0,-3px);
      }
    
      12% {
        -webkit-transform: translate(0,3px);
        transform: translate(0,3px);
      }
    
      16% {
        -webkit-transform: translate(0,-3px);
        transform: translate(0,-3px);
      }
    
      20% {
        -webkit-transform: translate(0,3px);
        transform: translate(0,3px);
      }
    
      22%, 100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
      }
    }
    
    @keyframes vertical {
      0% {
        -webkit-transform: translate(0,-3px);
        -ms-transform: translate(0,-3px);
        transform: translate(0,-3px);
      }
    
      4% {
        -webkit-transform: translate(0,3px);
        -ms-transform: translate(0,3px);
        transform: translate(0,3px);
      }
    
      8% {
        -webkit-transform: translate(0,-3px);
        -ms-transform: translate(0,-3px);
        transform: translate(0,-3px);
      }
    
      12% {
        -webkit-transform: translate(0,3px);
        -ms-transform: translate(0,3px);
        transform: translate(0,3px);
      }
    
      16% {
        -webkit-transform: translate(0,-3px);
        -ms-transform: translate(0,-3px);
        transform: translate(0,-3px);
      }
    
      20% {
        -webkit-transform: translate(0,3px);
        -ms-transform: translate(0,3px);
        transform: translate(0,3px);
      }
    
      22%, 100% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
      }
    }
    
    .faa-vertical.animated,
    .faa-vertical.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-vertical {
      -webkit-animation: vertical 2s ease infinite;
      animation: vertical 2s ease infinite;
    }
    
    .faa-vertical.animated.faa-fast,
    .faa-vertical.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-vertical.faa-fast {
      -webkit-animation: vertical 1s ease infinite;
      animation: vertical 1s ease infinite;
    }
    
    .faa-vertical.animated.faa-slow,
    .faa-vertical.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-vertical.faa-slow {
      -webkit-animation: vertical 4s ease infinite;
      animation: vertical 4s ease infinite;
    }
    
    /* HORIZONTAL */
    
    @-webkit-keyframes horizontal {
      0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
      }
    
      6% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
      }
    
      12% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
      }
    
      18% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
      }
    
      24% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
      }
    
      30% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
      }
    
      36%, 100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
      }
    }
    
    @keyframes horizontal {
      0% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
      }
    
      6% {
        -webkit-transform: translate(5px,0);
        -ms-transform: translate(5px,0);
        transform: translate(5px,0);
      }
    
      12% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
      }
    
      18% {
        -webkit-transform: translate(5px,0);
        -ms-transform: translate(5px,0);
        transform: translate(5px,0);
      }
    
      24% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
      }
    
      30% {
        -webkit-transform: translate(5px,0);
        -ms-transform: translate(5px,0);
        transform: translate(5px,0);
      }
    
      36%, 100% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
      }
    }
    
    .faa-horizontal.animated,
    .faa-horizontal.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal {
      -webkit-animation: horizontal 2s ease infinite;
      animation: horizontal 2s ease infinite;
    }
    
    .faa-horizontal.animated.faa-fast,
    .faa-horizontal.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
      -webkit-animation: horizontal 1s ease infinite;
      animation: horizontal 1s ease infinite;
    }
    
    .faa-horizontal.animated.faa-slow,
    .faa-horizontal.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
      -webkit-animation: horizontal 3s ease infinite;
      animation: horizontal 3s ease infinite;
    }
    
    /* FLASHING */
    
    @-webkit-keyframes flash {
      0%, 100%, 50% {
        opacity: 1;
      }
    
      25%, 75% {
        opacity: 0;
      }
    }
    
    @keyframes flash {
      0%, 100%, 50% {
        opacity: 1;
      }
    
      25%, 75% {
        opacity: 0;
      }
    }
    
    .faa-flash.animated,
    .faa-flash.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-flash {
      -webkit-animation: flash 2s ease infinite;
      animation: flash 2s ease infinite;
    }
    
    .faa-flash.animated.faa-fast,
    .faa-flash.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-flash.faa-fast {
      -webkit-animation: flash 1s ease infinite;
      animation: flash 1s ease infinite;
    }
    
    .faa-flash.animated.faa-slow,
    .faa-flash.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-flash.faa-slow {
      -webkit-animation: flash 3s ease infinite;
      animation: flash 3s ease infinite;
    }
    
    /* BOUNCE */
    
    @-webkit-keyframes bounce {
      0%, 10%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    
      40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    
      60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    }
    
    @keyframes bounce {
      0%, 10%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    
      40% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    
      60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    }
    
    .faa-bounce.animated,
    .faa-bounce.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-bounce {
      -webkit-animation: bounce 2s ease infinite;
      animation: bounce 2s ease infinite;
    }
    
    .faa-bounce.animated.faa-fast,
    .faa-bounce.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
      -webkit-animation: bounce 1s ease infinite;
      animation: bounce 1s ease infinite;
    }
    
    .faa-bounce.animated.faa-slow,
    .faa-bounce.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
      -webkit-animation: bounce 3s ease infinite;
      animation: bounce 3s ease infinite;
    }
    
    /* SPIN */
    
    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    
      100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
      }
    }
    
    @keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    
      100% {
        -webkit-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
      }
    }
    
    .faa-spin.animated,
    .faa-spin.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-spin {
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
    }
    
    .faa-spin.animated.faa-fast,
    .faa-spin.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-spin.faa-fast {
      -webkit-animation: spin 0.7s linear infinite;
      animation: spin 0.7s linear infinite;
    }
    
    .faa-spin.animated.faa-slow,
    .faa-spin.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-spin.faa-slow {
      -webkit-animation: spin 2.2s linear infinite;
      animation: spin 2.2s linear infinite;
    }
    
    /* FLOAT */
    
    @-webkit-keyframes float {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    
      50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
      }
    
      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }
    
    @keyframes float {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    
      50% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
      }
    
      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }
    
    .faa-float.animated,
    .faa-float.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-float {
      -webkit-animation: float 2s linear infinite;
      animation: float 2s linear infinite;
    }
    
    .faa-float.animated.faa-fast,
    .faa-float.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-float.faa-fast {
      -webkit-animation: float 1s linear infinite;
      animation: float 1s linear infinite;
    }
    
    .faa-float.animated.faa-slow,
    .faa-float.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-float.faa-slow {
      -webkit-animation: float 3s linear infinite;
      animation: float 3s linear infinite;
    }
    
    /* PULSE */
    
    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    
      50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
      }
    
      100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    
    @keyframes pulse {
      0% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }
    
      50% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
      }
    
      100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    
    .faa-pulse.animated,
    .faa-pulse.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-pulse {
      -webkit-animation: pulse 2s linear infinite;
      animation: pulse 2s linear infinite;
    }
    
    .faa-pulse.animated.faa-fast,
    .faa-pulse.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
      -webkit-animation: pulse 1s linear infinite;
      animation: pulse 1s linear infinite;
    }
    
    .faa-pulse.animated.faa-slow,
    .faa-pulse.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
      -webkit-animation: pulse 3s linear infinite;
      animation: pulse 3s linear infinite;
    }
    
    /* SHAKE */
    
    .faa-shake.animated,
    .faa-shake.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-shake {
      -webkit-animation: wrench 2.5s ease infinite;
      animation: wrench 2.5s ease infinite;
    }
    
    .faa-shake.animated.faa-fast,
    .faa-shake.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-shake.faa-fast {
      -webkit-animation: wrench 1.2s ease infinite;
      animation: wrench 1.2s ease infinite;
    }
    
    .faa-shake.animated.faa-slow,
    .faa-shake.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-shake.faa-slow {
      -webkit-animation: wrench 3.7s ease infinite;
      animation: wrench 3.7s ease infinite;
    }
    
    /* TADA */
    
    @-webkit-keyframes tada {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    
      10%, 20% {
        -webkit-transform: scale(.9) rotate(-8deg);
        transform: scale(.9) rotate(-8deg);
      }
    
      30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
      }
    
      40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
      }
    
      80%, 100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
      }
    }
    
    @keyframes tada {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }
    
      10%, 20% {
        -webkit-transform: scale(.9) rotate(-8deg);
        -ms-transform: scale(.9) rotate(-8deg);
        transform: scale(.9) rotate(-8deg);
      }
    
      30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        -ms-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
      }
    
      40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        -ms-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
      }
    
      80%, 100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
      }
    }
    
    .faa-tada.animated,
    .faa-tada.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-tada {
      -webkit-animation: tada 2s linear infinite;
      animation: tada 2s linear infinite;
    }
    
    .faa-tada.animated.faa-fast,
    .faa-tada.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-tada.faa-fast {
      -webkit-animation: tada 1s linear infinite;
      animation: tada 1s linear infinite;
    }
    
    .faa-tada.animated.faa-slow,
    .faa-tada.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-tada.faa-slow {
      -webkit-animation: tada 3s linear infinite;
      animation: tada 3s linear infinite;
    }
    
    /* PASSING */
    
    @-webkit-keyframes passing {
      0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
      }
    
      50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
      }
    
      100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
      }
    }
    
    @keyframes passing {
      0% {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
      }
    
      50% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
      }
    
      100% {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
      }
    }
    
    .faa-passing.animated,
    .faa-passing.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-passing {
      -webkit-animation: passing 2s linear infinite;
      animation: passing 2s linear infinite;
    }
    
    .faa-passing.animated.faa-fast,
    .faa-passing.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-passing.faa-fast {
      -webkit-animation: passing 1s linear infinite;
      animation: passing 1s linear infinite;
    }
    
    .faa-passing.animated.faa-slow,
    .faa-passing.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-passing.faa-slow {
      -webkit-animation: passing 3s linear infinite;
      animation: passing 3s linear infinite;
    }
    
    /* PASSING REVERSE */
    
    @-webkit-keyframes passing-reverse {
      0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
      }
    
      50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
      }
    
      100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
      }
    }
    
    @keyframes passing-reverse {
      0% {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
      }
    
      50% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
      }
    
      100% {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
      }
    }
    
    .faa-passing-reverse.animated,
    .faa-passing-reverse.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-passing-reverse {
      -webkit-animation: passing-reverse 2s linear infinite;
      animation: passing-reverse 2s linear infinite;
    }
    
    .faa-passing-reverse.animated.faa-fast,
    .faa-passing-reverse.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-passing-reverse.faa-fast {
      -webkit-animation: passing-reverse 1s linear infinite;
      animation: passing-reverse 1s linear infinite;
    }
    
    .faa-passing-reverse.animated.faa-slow,
    .faa-passing-reverse.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-passing-reverse.faa-slow {
      -webkit-animation: passing-reverse 3s linear infinite;
      animation: passing-reverse 3s linear infinite;
    }
    
    /* WAVE */
    
    @-webkit-keyframes burst {
      0% {
        opacity: .6;
      }
    
      50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
      }
    
      100% {
        opacity: 0;
      }
    }
    
    @keyframes burst {
      0% {
        opacity: .6;
      }
    
      50% {
        -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
      }
    
      100% {
        opacity: 0;
      }
    }
    
    .faa-burst.animated,
    .faa-burst.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-burst {
      -webkit-animation: burst 2s infinite linear;
      animation: burst 2s infinite linear;
    }
    
    .faa-burst.animated.faa-fast,
    .faa-burst.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-burst.faa-fast {
      -webkit-animation: burst 1s infinite linear;
      animation: burst 1s infinite linear;
    }
    
    .faa-burst.animated.faa-slow,
    .faa-burst.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-burst.faa-slow {
      -webkit-animation: burst 3s infinite linear;
      animation: burst 3s infinite linear;
    }

     


  2. Bună tuturor,

    Iată un mic tutorial pentru a adăuga blocuri personalizate în sidebar. 

    Accesați ACP=> Teme=> Editați HTML / CS.

    În caseta de căutare, scrieți => sidebar și selectați sidebar.

    {{if \IPS\Output::i()->sidebar['enabled'] && ( ( isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== '' ) || ( isset( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) && count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) ) || ( \IPS\Dispatcher::i()->application instanceof \IPS\Application AND \IPS\Dispatcher::i()->application->canManageWidgets() ) )}}
        <div id='ipsLayout_sidebar' class='ipsLayout_sidebar{$position} {{if !( isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== '' ) && ( !isset( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) || !count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) ) && \IPS\Dispatcher::i()->application->canManageWidgets()}}ipsLayout_sidebarUnused{{endif}}' data-controller='core.front.widgets.sidebar'>
          {{if isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== ''}}
                <aside id="elContextualTools" class='ipsClearfix' {{if isset( \IPS\Output::i()->sidebar['sticky'] )}}data-ipsSticky{{endif}}>
                    {expression="\IPS\Output::i()->sidebar['contextual']" raw="true"}
                </aside>
            {{endif}}
            {{if isset(\IPS\Output::i()->sidebar['widgets']['sidebar']) and count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) and ( \IPS\core\Advertisement::loadByLocation( 'ad_sidebar' ) ) }}
                {advertisement="ad_sidebar"}
                <br><br>
            {{endif}}
            {template="widgetContainer" group="global" app="core" params="'sidebar', 'vertical'"}
        </div>
    {{endif}}

     

    înlocuiți cu

    {{if \IPS\Output::i()->sidebar['enabled'] && ( ( isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== '' ) || ( isset( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) && count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) ) || ( \IPS\Dispatcher::i()->application instanceof \IPS\Application AND \IPS\Dispatcher::i()->application->canManageWidgets() ) )}}
        <div id='ipsLayout_sidebar' class='ipsLayout_sidebar{$position} {{if !( isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== '' ) && ( !isset( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) || !count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) ) && \IPS\Dispatcher::i()->application->canManageWidgets()}}ipsLayout_sidebarUnused{{endif}}' data-controller='core.front.widgets.sidebar'>
          
        <li class="ipsWidget ipsWidget_vertical ipsBox">
        <h3 class="ipsType_reset ipsWidget_title">CUSTOM BLOCKS</h3>
        <div class="ipsWidget_inner">
          CUSTOM BLOCS
        </div>
        </li>
          
          {{if isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== ''}}
                <aside id="elContextualTools" class='ipsClearfix' {{if isset( \IPS\Output::i()->sidebar['sticky'] )}}data-ipsSticky{{endif}}>
                    {expression="\IPS\Output::i()->sidebar['contextual']" raw="true"}
                </aside>
            {{endif}}
            {{if isset(\IPS\Output::i()->sidebar['widgets']['sidebar']) and count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) and ( \IPS\core\Advertisement::loadByLocation( 'ad_sidebar' ) ) }}
                {advertisement="ad_sidebar"}
                <br><br>
            {{endif}}
            {template="widgetContainer" group="global" app="core" params="'sidebar', 'vertical'"}
        </div>
    {{endif}}

     


  3. Aceasta este una dintre cele mai importante secțiuni din forumurile voastre. Vreau să știu dacă vorbesc cu un bărbat sau o femeie, așa ca ar trebui sa adaugi asta în forumurile tale. Cred că ar trebui să facă o mare diferenta in ipb. Stiu ca adauga aceasta odata pentru, dar acum sa schimbat cand au fost actualizate..

    In adminul dvs. doriți să mergeți la secțiunea de profil și să o adăugați! Informații personale sunt acolo toate gata pentru a adăuga restul
     

    Profiles.thumb.png.2b95861513958a31b72f039e2a2a4e7b.png.0bbc584186b61c69f6ef17d388c5e8b1.png

     

    Creați setări pentru câmpuri noi

    în câmpul Tip: adăugați tipul casetei bărbat sau femeie, apoi Salvați

    Dar după ce ipb au schimbat-o, nu va apărea în forumul registrului, așa că va trebui să adăugați

    288743610_ProfileCompletion.thumb.png.e9cd47bfd7a56c047131712833a205cd.png.ff6ca370a296c887abd3e872f8de64a8.png

  4. În mijlocul adăugării de imagini pentru cod, precum și a unei tabele demo pentru ca oamenii să poată adăuga widget-uri în mai multe locații noi în blocuri!

    Untitled.thumb.png.c6563a889047ff8b4f97933be2a3afef.png.8a21d5ded3e92ca815d5d05e59d476b1.png

    Buna,

    Așa că am petrecut mult timp cu IPS4 pentru a avea mai mult decât locațiile implicite 3 widget-uri. Întotdeauna am solicitat un portal mai mult ca cel de la IPS3.X, așa că am găsit o modalitate de a adăuga propriile dvs. locații widget.

    Acest tutorial a implicat editarea unor fișiere importante și crearea propriului dvs. în ecranul editorului temă, deci este un tutorial destul de complex, așadar aș recomanda foarte mult să vă sprijiniți site-ul în sus! Deci, înainte de a petrece veacuri lectură aici este ceea ce acest tutorial vă va arăta cum să faceți

    Cerințe preliminare:

    Faceți o copie de siguranță a temei site-ului dvs.

    Creați copii de siguranță ale fișierelor și bazei de date ale site-urilor dvs.

    Efectuați un instantaneu dacă este posibil (cPanel)

    In primul rand:

    Trebuie să intrați în editorul dvs. de temă și să editați câteva linii ale modelului globalTemplate, vă sfătuiesc să copiați codul original într-un notepad doar în cazul în care acesta nu merge bine, dar ar trebui să aveți deja o copie de siguranță a temei oricum.

    Aproximativ la jumătatea în jos, în funcție de temă veți găsi aceste linii (ar putea fi împreună sau separate în câteva rânduri):

    {template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"}
    {template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"}
    {template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}

     

    Acum doriți să copiați una sau mai multe dintre aceste linii în funcție de ceea ce încercați să realizați. Pentru motivul tutorial am de gând să adăugați 2 sidebars, deci copiați:

    {template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}
    {template="sidebar_two" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}

    și lipiți-o sub original și schimbați {template = "sidebar" ..... la {template = "sidebar_two" .... și acum salvați modelul globalTemplate.

    În al doilea rând:

    Acum, rămâneți în editorul temă și adăugați un nou șablon HTML, numește-l sidebar_two sau corespunde cu ceea ce ați numit noul widget.

    Asigurați-vă că meniurile derulante sunt după cum urmează:

    Location: Front

    Existing Group: Global

    Applications: System

    și acum introduceți codul șablon "bara laterală" acolo și schimbați etichetele bara laterală ca numele dvs. de 
    widget, în acest caz sidebar_two

     

    {{if (isset( \IPS\Output::i()->sidebar['enabled'] ) and \IPS\Output::i()->sidebar['enabled'] ) && ( ( isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== '' ) || ( isset( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) && count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) ) || ( \IPS\Dispatcher::i()->application instanceof \IPS\Application AND \IPS\Dispatcher::i()->application->canManageWidgets() ) )}}
    	<div id='ipsLayout_sidebar' class='ipsLayout_sidebar{$position} {{if !( isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== '' ) && ( !isset( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) || !count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) ) && \IPS\Dispatcher::i()->application->canManageWidgets()}}ipsLayout_sidebarUnused{{endif}}' data-controller='core.front.widgets.sidebar'>
    		{{if isset( \IPS\Output::i()->sidebar['contextual'] ) && trim( \IPS\Output::i()->sidebar['contextual'] ) !== ''}}
    			<aside id="elContextualTools" class='ipsClearfix' {{if isset( \IPS\Output::i()->sidebar['sticky'] )}}data-ipsSticky{{endif}}>
    				{expression="\IPS\Output::i()->sidebar['contextual']" raw="true"}
    			</aside>
    		{{endif}}
    		{{if isset(\IPS\Output::i()->sidebar['widgets']['sidebar']) and count( \IPS\Output::i()->sidebar['widgets']['sidebar'] ) and ( \IPS\core\Advertisement::loadByLocation( 'ad_sidebar' ) ) }}
    			{advertisement="ad_sidebar"}
    			<br><br>
    		{{endif}}
    		{template="widgetContainer" group="global" app="core" params="'sidebar', 'vertical'"}
    	</div>
    {{endif}}
    În al treilea rând:

    Acum trebuie să editați un fișier de sistem, pe care îl puteți face pe desktopul dvs., apoi suprascrieți fișierul sau puteți să faceți o explorare a fișierelor cPanel ca și cum am cPannel o să o fac acolo, am STRONGly vă recomandă acest fișier în sus, editare acest fișier incorect va avea ca rezultat niciuna dintre widget-urile dvs. nu funcționează!

    Navigheaza la: Applications => Core => Modules => Front => System => si edit Widgets.php

    Pe aceste linii se adaugă numele dvs. widget:

    Linia:33

    if ( ! \IPS\Member::loggedIn()->modPermission('can_manage_sidebar', 'can_manage_WIDGET NAME')

    Linia:35

    \IPS\Output::i()->error( 'no_permission_manage_sidebar', 'no_permission_manage_WIDGET NAME', '3S172/1', 403, '' );

    Linia 75:

    if ( ! $block->isExecutableByApp( array( \IPS\Request::i()->pageApp, 'sidebar', 'WIDGET NAME' ) ) )

    Linia 236: 

    if( !in_array( \IPS\Request::i()->area, array( 'sidebar', 'WIDGET NAME' , 'header', 'footer' ) ) )

     

    odată ce ați făcut aceste modificări, salvați fișierele widgets.php și suprascrieți fișierul.

    Odată ce ați făcut aceste modificări, salvați fișierele widgets.php și suprascrieți fișierul. Acum, când vă întoarceți la pagina dvs. de pornire și încercați să introduceți blocuri în widget-urile noi, ar trebui să funcționeze fără erori și să salvați locațiile!

    In cele din urma:

    Acest lucru este foarte variabil între widget-urile pe care le-ați ales și locațiile widget-urilor.

    Cu toate acestea, puteți muta originalul

    template="sidebar_two" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}


    Oriunde doriți să fie widget-ul pe site-ul dvs., este posibil să fie necesar să faceți și anumite modificări CSS

    BUG-uri:

    Deci, deoarece IPS-ul implicit are doar 3 blocuri 1 este bara laterală, în setările tematice se va întreba unde doriți bara laterală (stânga sau dreapta), acest lucru este destul de învechit acum cum îl puteți pune oriunde doriți.


    Blocurile fac destul de bine mobilul, însă blocurile din stânga vor apărea pe partea superioară a părții laterale, iar blocurile din dreapta vor apărea în partea inferioară.


  5. Mergi in: ACP =>  customize => theme => edit HTML et CSS =>tab CSS => deschideti custom.css si adaugati:

    .ipsTags a[href*="/tags/microsoft/"],
    a.ipsTag_prefix[href*="/tags/microsoft/"] {
        background: SeaGreen !important;
    }
    html[dir="ltr"] .ipsTags a[href*="/tags/microsoft/"]:before,
    html[dir="ltr"] a.ipsTag_prefix[href*="/tags/microsoft/"]:before {
        border-color: transparent Seagreen transparent transparent !important;

    Modificați "microsoft" de alte tag-uri existente în bord.
    Schimbați "SeaGreen" cu alta culoare (#xxxxxx). Pentru a genera un cod de culoare puteti accesa Generator de coduri culori
     


  6. 8 hours ago, DanN said:

    Bravo "Scriptere" :>

     

    Imi place de tine pui addons lu deroid si te joci Remake a lu nubo wtf? :-?

     

    Recomand stergerea topicului pentru ca incalca drepturile de autor.

    1)Nu a specificat ca e addonsul lui doar la pus 

    2)Iti dau dreptate faza cu ,,Imi place de tine pui addons lu deroid si te joci Remake a lu nubo wtf?,, ai dreptate

     


  7. Sall acuma anunt castigatorii

    Contul steam il ia numaruScreenshot_1.png.5ecae31a7ffc97edecfe0f25b120c5ca.png

     

    Si vip pe forum ia numaruScreenshot_2.thumb.png.e652d6675e1b1c2b4d34fcfeb0ef3774.png

    As ruga castigatorii sa imi dee pm 

     

    Multumesc de participare voi mai organiza un concurs cu un cont steam dar cu GTA V