1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

SnipeZilla.com | Snipin's a good job, mate!

Discussion in 'Forum Showcase and Critiques' started by cedde, Dec 21, 2014.

  1. cedde

    cedde Member

    Hello!

    Snipezilla (Sz) is a popular game server for the sniper class in TF2.
    The forum opened on Jan 2014 and has been recently refreshed for 2015 -still a work in progress with some new topics and ideas-

    With IE, the sticky nav is broken (waiting for an update) but beside that issue, everything seems OK.

    Just want to gather some opinions...
     
    rafass likes this.
  2. oDinZu

    oDinZu Member

    Beautiful Layout man. Love the look and setup.

    One thing that might be of assistance to you, the ads you are using are important, but man they detract from the beautiful look and design. I would try and blend these ads more and over time using trial and error to keep track of where most visitors or CPM are received. Then use this to your advantage to accommodate both your advertisements and look.
     
  3. cedde

    cedde Member

    Thanks!
    There is no ads for the registered members.
    I haven't really look at the layout with ads yet :p but I will try to blend them more.
     
  4. rafass

    rafass Well-Known Member

    @cedde your site is very nice!
    please tell me how can I do this:

    [​IMG]

    I want it xdd, please share that piece of code!
     
  5. Carlos

    Carlos Well-Known Member

  6. cedde

    cedde Member

  7. cedde

    cedde Member

    A beautiful theme from @Mike Creuzer ! One of the few which work right away (Almost :p). Hope few minor bugs will be quickly fixed...
    What I like about this theme it's how unique it can be, simply by changing the background-image.
    Take a look at the sub-forum: each game has it owns.(y):love:
     
    Mike Creuzer likes this.
  8. rafass

    rafass Well-Known Member

    Thank you @cedde!
    great animations! xdd
    I made a little change and looks great:
    replacing this:
    Code:
    #SignupButton:hover .inner {
      background: #e33100 !important;
    }
    with this:
    Code:
    #SignupButton:hover .inner{
      background: #c40000!important;
      text-decoration: none;
      -webkit-animation: none;
      animation: none;
    }
    in the hover action, the animation will be stoped, I think looks more nice xdd
    [​IMG]

    Complete:

    Code:
    /* SIGN UP BOX */
    @-webkit-keyframes redPulse {
    from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
            }
    @-moz-keyframes redPulse {
    from { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; -moz-box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }
            }
    @-o-keyframes redPulse {
    from { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; -o-box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; }
            }
    @keyframes redPulse {
    from { background-color: #bc330d; box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; box-shadow: 0 0 9px #333; }
            }
    #SignupButton {
    border: none !important;
    background: transparent !important;
    }
    #SignupButton .inner {
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: redPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: redPulse;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    animation-name: redPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background: none repeat scroll 0% 0% #750606 !important;
    }
    #SignupButton:hover .inner{
    
      background: #c40000!important;
      text-decoration: none;
      -webkit-animation: none;
      animation: none;
    }
    /* END SIGN UP BUTTON*/
     
    Last edited: Dec 31, 2014
    cedde likes this.
  9. cedde

    cedde Member

    What do you use to create those animated gif?
     
  10. rafass

    rafass Well-Known Member

    [​IMG]
    open source: https://github.com/lepht/licecap

    LICEcap
    simple animated screen captures

    [​IMG]

    licecap demo animation

    LICEcap can capture an area of your desktop and save it directly to .GIF (for viewing in web browsers, etc) or .LCF (see below).

    LICEcap is an intuitive but flexible application (for Windows and now OSX), that is designed to be lightweight and function with high performance.

    LICEcap is easy to use: view a demo (output is here).

    In addition to .GIF, LICEcap supports its own native lossless .LCF file format, which allows for higher compression ratios than .GIF, higher quality (more than 256 colors per frame), and more accurate timestamping. If you record to .LCF, you can play back the .LCF files within REAPER (and/or use it to convert to .gif or another video format).

    License

    LICEcap is GPL free software, each download package includes the source.

    Features and Options

    Record directly to .GIF or .LCF.
    Move the screen capture frame while recording.
    Pause and restart recording, with optional inserted text messages.
    Global hotkey (shift+space) to toggle pausing while recording
    Adjustable maximum recording framerate, to allow throttling CPU usage.
    Basic title frame, with or without text.
    Record mouse button presses.
    Display elapsed time in the recording.
    Requirements

    For Windows: Windows XP/Vista/7 (might work with reduced functionality on other versions)
    For OSX: OS 10.4+ (10.6+ for full feature support), PPC or Intel (note: OS X support is still preliminary, some features are not supported)
    A reasonably fast CPU
    A healthy amount of RAM (1GB+, especially when encoding to LCF)
    Author and Original Source

    This project was created by Cockos Interactive, and is available on the web at the official homepage.

    The original source code repository is available via git from the cockos licecap git repository
     
    cedde likes this.
  11. Carlos

    Carlos Well-Known Member

    Yeah, no kidding. Here's hoping that the skin is updated in the New Year! :D
     
    cedde likes this.
  12. rafass

    rafass Well-Known Member

    definitely @Mike Creuzer and the team of Audentio design are amazing.
    [​IMG]
     
    Mike Creuzer likes this.
  13. Mike Creuzer

    Mike Creuzer Well-Known Member

    Thanks a lot guys! <3

    Are you having issues? What needs updating? We keep our themes up to date :D
     
    Dr.Who likes this.
  14. Carlos

    Carlos Well-Known Member

    Check your PM/E-mail box at your site. That slanted off postbit.
     
  15. cedde

    cedde Member

    Here some of the modifications(bugs):

    @visitorPanelAvatar: margin-bottom:-4px
    .cardUserBanner .userBanner
    {
    display: inline-block;
    margin-bottom: 4px;
    }


    Media:
    @content: overflow: hidden; //main page not enveloping img
    .mediaContainer .imageContainer
    {
    margin: 0 auto;
    width: 100%; //Resize image in firefox
    }

    STREAM:
    .mainContainer .mainContent.channelMain {transform:none;} //cinema mode

    To do:
    • Sticky nav not working in IE
    • 5px gap:
    [​IMG]

    • Navigation Drop-Down Arrows covered with the tabs (need offset)
    • Style unusable with my phone (text too big, lags)
    • scrolling very laggy.
     

Share This Page