lampki na forum

**nasionakonopi** · 09.12.2012, 15:07

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.

**Marcin_J_** · 10.12.2012, 13:10

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>

**nasionakonopi** · 10.12.2012, 14:52

a możesz podać dokładnie w których plikach i którym miejscu wstawić te kody?

**Marcin_J_** · 10.12.2012, 18:46

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;
}

**daniel792** · 12.12.2013, 00:42

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

**Marcin_J_** · 12.12.2013, 22:30

Witaj,

na początek, sprawdź czy masz pliki mp3. w folderze sound.

**daniel792** · 12.12.2013, 23:45

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 ?

**Grzegorz** · 13.12.2013, 09:18

Proponuję zainteresować się np. atrybutem css z-index.

**daniel792** · 13.12.2013, 16:30

Ok już zrobiłem, że mam na wierzchu ten panel.
Tylko nadal mam problem z tym dźwiękiem..

**daniel792** · 17.12.2013, 01:12

Narzędzia wątku

Typ wyświetlania

lampki na forum