Decoração de natal

Qual é minha questão:
Boa noite!
Agradeço a atenção e gentileza com que minhas questões estão sendo resolvidas.
Não estou conseguindo inserir decoração de natal no meu forum
então selecionei algumas imagens na net
e peço ajuda para seja feita por vcs

http://perolascraps.p.e.pic.centerblog.net/0hx9g9xy.gif
gostaria que essa imagem fosse colocada na pagina principal (de entrada)

e essa http://perolascraps.p.e.pic.centerblog.net/57m4i53x.gif
em todas as paginas , não sei se pode do lado do banner..se não puder em qualque lugar
e se possivel tb colocar neve caindo.
Me prdoe esta sendo chata, mais eu não sei mexer..e tenho medo de estragar o que ja esta feito,pois adoro o fomato do meu forum
já agradeço
abraço

Endereço do meu fórum:
http://amigosdojb.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

favor ler nossos tutoriais sobre o assunto:

https://ajuda.forumeiros.com/t22241-
https://ajuda.forumeiros.com/t49886-
https://ajuda.forumeiros.com/t56709-

bom dia!
me perdoe a minha ignorancia., mais já tentei, e sai td errado, e acho até que ja estreaguei meu forum, pois esta diferente do que estava...aff! helppppp!
se puder fazer pra mim, usar as imagens de alguma forma..sei lá... me perdoe
e me desculpo pela minha ignorancia no assunto e agradeço.
abraço

Olá,

Sobre a Guirlanda, me diga onde queres que eu coloque-a.

Sobre as velas, aceda á:
Clique em 'Criar um novo JavaScript':

Título: Velas no Fórum.
Investimento: Em todas as páginas.
Código JS *:

Código:

$(document).ready(function() {
  $('.main-content .panel').html("<br><center><img src='http://perolascraps.p.e.pic.centerblog.net/57m4i53x.gif' class='vela-natal' width='311' height='150' style='text-align: center;'></center>");
});

As velas resultam ?

Cordialmente ...

boa tarde!
agradeço sua ajuda,
não funcionou fiz como disse..ou acho que fiz, mais umz vez peço que me perdoe, pois não consigo ...qt a guirlanda , desisti da guirlanda, não sei se cabe..mais seria essa a imagem
http://3.bp.blogspot.com/-rzZkcIFNrpc/UKL1cfMqj7I/AAAAAAABz6k/BqkyeLW94QI/s1600/12o.gif
quero que apareça na pagina de acesso ao forum, onde está o espaço vazio. (CASO NÃO CAIBA, MANTEM A GUIRLANDA)

e tb do lado esquerdo do banner em todas as paginas.. essa arvore http://www.zooming.com.br/wp-content/uploads/2011/11/13arvoresnatalmagiagifs.gif

E se possivel tb colocar os flocos de neve só que com
essa figura
http://www.iemoticons.com.br/emoticons/natal/natal_webix-com-br2.gif

eu mais uma vez, confesso minha total ignorância, e tenho receio de estragar o que já esta feito..portanto HELLLP..
se precisar da minha senha de acesso ..só avisar... já agrdeço
rainha43 /sandra

Olá,

Para a neve, siga este tutorial:

https://ajuda.forumeiros.com/t22241-

Mas, em vez de usar o 1° código exposto no tutorial, use este:

Código:

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="http://www.iemoticons.com.br/emoticons/natal/natal_webix-com-br2.gif"
// Quantidade de flocos de neve na tela
var no = 20;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

Aceda á:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML

Clique em 'Criar uma nova página HTML':

Título: Código Natalino.
Você deseja utilizar o início e o final da página do seu fórum ? Não.
Usar esta página como página inicial ? Não.
Código HTML *:

Código:

$(document).ready(function() {
  $('#logo-desc').html("<img src='http://3.bp.blogspot.com/-rzZkcIFNrpc/UKL1cfMqj7I/AAAAAAABz6k/BqkyeLW94QI/s1600/12o.gif' class='efeito-natalino' width='300px' height='217px' style='z-index: 1; display: block; margin-left: 830px; margin-top: -172px; margin-bottom: -40px'>");
});

E memorize o ID da página criada.

Aceda á:

Painel de Controle Visualização Home Page Geral

Localize 'Mensagem da Home Page', e adicione isto:

<script src="/hID-"></script>

ID Lembra do ID da página criada anteriormente ? Substitua ID pelo número.
Resultam ?

OBS: Caso não saiba oque é o ID, veja isto:

Spoiler:

Localize 'Página ID', o número que corresponder á página criada, é o ID da mesma.

Cordialmente ...

Por favor nunca poste algo que ja tem solução no forum procure no forum antes de criar o poste.