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

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...
 
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.
 
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.
 
@cedde your site is very nice!
please tell me how can I do this:

8lm0xfO.gif


I want it xdd, please share that piece of code!
 
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
EL7uaOF.gif


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:
cedde said:
What do you use to create those animated gif?
Click to expand...
kvnpjVh.gif

open source: https://github.com/lepht/licecap

LICEcap
simple animated screen captures

licecap_rules.gif


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
 
Mike Creuzer said:
Thanks a lot guys! <3



Are you having issues? What needs updating? We keep our themes up to date :D
Click to expand...

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:
reHqEiG.gif


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