Leaderboard

Hello guys, someone here knows what is this theme? Url: http://pdgh.com.br/forum/ And guys, another question, look their logo, how can I do like that? I know that they're using this image:

@Erza Could create a special WF theme :P

As I said i belive its due a nulled release :)

Thank you :) I updated the code a bit, and added a screenshot, though the CSS needs to be tweaked but he gets the idea of what it is. Also updated the code with premade links for it, for a simple cut and paste.

@allucard What IPS Theme is it you are using as standard ? This is the CSS to make the effect of two images. This is extracted from Animated and you will have to customize it for your theme. this creates the header (globalTemplate) <header id='header' class='animateBack'><div class='animateFront'> <div class='ipsLayout_container'> <div class='ipsClearfix alignHeader'> {template="logo" app="core" group="global" params=""} </div></div></div> </header> /* ============== */ /* HEADER */ /* ============== */ #header { background-color: {theme="headerBackground"}; } /* Background position = width of banner_bg.jpg */ @-webkit-keyframes headerAnimate { from { background-position: 0 50%; } to { background-position: -1584px 50%; } } @-moz-keyframes headerAnimate { from { background-position: 0 50%; } to { background-position: -1584px 50%; } } @keyframes headerAnimate { from { background-position: 0 50%; } to { background-position: -1584px 50%; } } @-webkit-keyframes headerAnimateBack { from { background-position: 0 50%; } to { background-position: 1920px 50%; } } @-moz-keyframes headerAnimateBack { from { background-position: 0 50%; } to { background-position: 1920px 50%; } } @keyframes headerAnimateBack { from { background-position: 0 50%; } to { background-position: 1920px 50%; } } .animateBack { background-image: url('http://i.imgur.com/ycHMqgD.jpg'); background-repeat: repeat-x; background-position: 0 50%; } .animateFront { background-image: url('http://i.imgur.com/NRtTWhG.png'); background-repeat: repeat-x; background-position: 0 50%; padding-bottom: 10px; box-shadow: 0px -1px 0px rgba(255,255,255,0.15) inset; } /* Restrict animation to desktops */ @media screen and (min-width:980px){ .animateBack { -webkit-animation: headerAnimateBack 200s infinite linear; -moz-animation: headerAnimateBack 200s infinite linear; animation: headerAnimateBack 200s infinite linear; } .animateFront { -webkit-animation: headerAnimate 150s infinite linear; -moz-animation: headerAnimate 150s infinite linear; animation: headerAnimate 150s infinite linear; } } These two lines controls what image there is there. background-image: url('{resource="ipsfocus/headerTop.png" app="core" location="front"}'); background-image: url('{resource="ipsfocus/headerBottom.jpg" app="core" location="front"}'); This will give you something like this.

This is how it will look. With posts (As you can see it only show latest reply) but also topics. As you can see, its who answered on it but also updates with the number as normal.

Then it might be the whole code is out-dated :)

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved. If you have other questions, please open a new topic.

Yeah you are right, if you take the risk, the world can explode and everyone dies so your site won't be visited. Whats wrong trying a plugin? If doesn't work properly or appear bugs, you just uninstall. Anyway, it works for 3.4.x.