(2016-04-16, 03:19 PM)subzr1 Wrote: [ -> ]hello
for background images pls refer to this post and the next one below:
http://community.mybb.com/thread-164690-page-13.html
for reducing that size just inspect element and play with the padding on #content class (global.css) until you got the specific size you like
Hi subzr1
I'm also trying to add some more background images and have run into the same problem as ez-ian did in his post,
the top 3 are working but the other new images when you click on them it does nothing.
I have edited the
"jorgu1.js"
"dropback.css"
"nav" template
Any idea what could be wrong ?
This is the
"jorgu1.js"
jQuery.noConflict();
jQuery(function($) {
$("li.uno").click( function(){ $
("body").removeClass('fondo2 , fondo3 , fondo4 , fondo5 , fondo6 , fondo7 , fondo8 , fondo9').addClass("fondo1");
$.cookie("BGCHANGER","fondo1", {expires: 365});
return false;
});
$("li.dos").click( function(){ $
("body").removeClass("fondo1 , fondo3 , fondo4 , fondo5 , fondo6 , fondo7 , fondo8 , fondo9").addClass("fondo2");
$.cookie("BGCHANGER","fondo2", {expires: 365});
return false;
});
$("li.tres").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo4 , fondo5 , fondo6 , fondo7 , fondo8 , fondo9").addClass("fondo3");
$.cookie("BGCHANGER","fondo3", {expires: 365});
return false;
});
$("li.quatro").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo3 , fondo5 , fondo6 , fondo7 , fondo8 , fondo9").addClass("fondo4");
$.cookie("BGCHANGER","fondo4", {expires: 365});
return false;
});
$("li.cinco").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo3 , fondo4 , fondo6 , fondo7 , fondo8 , fondo9").addClass("fondo5");
$.cookie("BGCHANGER","fondo5", {expires: 365});
return false;
});
$("li.seis").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo3 , fondo4 , fondo5 , fondo7 , fondo8 , fondo9").addClass("fondo6");
$.cookie("BGCHANGER","fondo6", {expires: 365});
return false;
});
$("li.siete").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo3 , fondo4 , fondo5 , fondo6 , fondo8 , fondo9").addClass("fondo7");
$.cookie("BGCHANGER","fondo7", {expires: 365});
return false;
$("li.ocho").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo3 , fondo4 , fondo5 , fondo6 , fondo7 , fondo9").addClass("fondo8");
$.cookie("BGCHANGER","fondo8", {expires: 365});
return false;
$("li.nueve").click( function(){ $
("body").removeClass("fondo1 , fondo2 , fondo3 , fondo4 , fondo5 , fondo6 , fondo7 , fondo8").addClass("fondo9");
$.cookie("BGCHANGER","fondo9", {expires: 365});
return false;
});
});
This is the
"dropback.css" edits
.fondo4 {
background: url(images/duende2/bg/bg4.jpg) top center no-repeat fixed;
}
.fondo5 {
background: url(images/duende2/bg/bg5.jpg) top center no-repeat fixed;
}
.fondo6 {
background: url(images/duende2/bg/bg6.jpg) top center no-repeat fixed;
}
And so on
This is the
"nav" Template
<li class="uno"><img width="100px" height="70px" src="images/duende2/bg/bg1.png" class="fondosc"></li>
<li class="dos"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg2.jpg"></li>
<li class="tres"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg3.jpg"></li>
<li class="cuatro"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg4.jpg"></li>
<li class="cinco"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg5.jpg"></li>
<li class="seis"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg6.jpg"></li>
<li class="siete"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg7.jpg"></li>
<li class="ocho"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg8.jpg"></li>
<li class="nueve"><img width="100px" height="70px" class="fondosc" src="images/duende2/bg/bg9.jpg"></li>