-
lampki na forum
Witam, wie ktoś może jak wrzucić takie lampki na forum? JavaScript Snow: DHTML Snowstorm
http://vbhelp.pl/vbulletin-4-98/snie...html#post46255 - tutaj jest info jak zrobic snieg, to zrobiłem ale lampek coś nie moge. Są one spakowane razem ze śniegiem w w/w poście.
Lampki mam wrzucone w ten katalog Smashable Christmas Lights pozdrawiam.
-
Patrząc w źródło strony wnioskuje , że trzeba dodać w sekcji <head> wpisy :
Kod php:
<link rel="stylesheet" media="screen" href="christmaslights.css" />
<script type="text/javascript" src="soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="christmaslights.js"></script>
<script type="text/javascript">
var urlBase = './';
soundManager.url = './';
</script>
Oczywiście z poprawnymi ścieżkami .
A tak wywołujemy sam efekt na stronie :
Kod php:
<div id="lights">
<!-- lights go here -->
</div>
-
a możesz podać dokładnie w których plikach i którym miejscu wstawić te kody?
-
Kod php:
<!-- bonus christmas light stuff, not required for snowstorm -->
<script>snowStorm.excludeMobile = false;</script>
<script src="lights/soundmanager2-nodebug-jsmin.js"></script>
<script src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script src="lights/christmaslights.js"></script>
kod powyżej dodajemy tam gdzie śnieg, czyli w headinclude.
następnie w szablonie header - nie testowałem ale powinno działać ogólnie chodzi o to aby znalazło się to na początku sekcji <body>
dodaj
Kod php:
<div id="lights">
<!-- lights go here -->
</div>
następnie możesz dodać styl w additional.css
Kod php:
#lights {
position:absolute;
border-top:1px solid #006600;
left:0px;
top:0px;
width:100%;
height:205px;
overflow:hidden;
z-index:1;
display:none;
}
.xlsf-light {
position:absolute;
margin-top:-1px;
}
.xlsf-fragment {
position:absolute;
background:transparent url(images/styles/xmas/light/bulbs-50x50-fragments.png) no-repeat 0px 0px;
width:50px;
height:50px;
}
.xlsf-fragment-box {
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
*width:100%;
*height:100%;
display:none;
}
.xlsf-cover {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background:#fff;
opacity:1;
z-index:999;
display:none;
}
.special {
display:none;
font-size:x-small;
color:#999;
}
albo podać link do stylu w headinclude
Kod php:
<link rel="stylesheet" media="screen" href="christmaslights.css" />
Z tego co wyczytałem , sugerują zmienić w additional.css
Kod php:
.toplinks {
right: 90px;
}
na
Kod php:
.toplinks {
right: 90px;
z-index:999999;
}
-
Witaj
Wszystko ok, lampki są święca i się zbijają.
Ale czemu nie ma dźwięku przy zbijaniu ?
Będę wdzięczny za pomoc
Pozdrawiam
-
Witaj,
na początek, sprawdź czy masz pliki mp3. w folderze sound.
-
Mam.
Ten folder sound ma byc w głównym folderze prawda ?
Oraz zauważyłem jeszcze jeden problem, na moi forum u góry jest taki pasek z logowaniem z wiadomościami itp.
Gdy zrobię na samej górze pasek z tymi żarówkami to mi nie działają tamte przyciski. Czy można zrobić tak aby te przyciski były na wierzchu ?
-
Proponuję zainteresować się np. atrybutem css z-index.
-
Ok już zrobiłem, że mam na wierzchu ten panel.
Tylko nadal mam problem z tym dźwiękiem..
-
<script src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
Ta linijka powoduje u mnie błąd na forum, nie mogę np. edytować posta bo nie działa przycisk od Zapisania po edycji ... ;/ Próbowałem zapisać go i dałem jako plik. Ale bez zmian.