• Rejestracja
vBHELP.pl - polskie wsparcie vBulletin
  • Tagi:
  1. #1
    nasionakonopi jest nieaktywny Użytkownik
    Dołączył
    Oct 2011
    Posty
    23
    Przydatne posty
    3

    Domyślnie 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.
    http://forum.nasionakonopi.pl



  2. #2
    Marcin_J_ jest nieaktywny Stały bywalec
    Dołączył
    Nov 2010
    Posty
    110
    Przydatne posty
    9

    Domyślnie

    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


  3. #3
    nasionakonopi jest nieaktywny Użytkownik
    Dołączył
    Oct 2011
    Posty
    23
    Przydatne posty
    3

    Domyślnie

    a możesz podać dokładnie w których plikach i którym miejscu wstawić te kody?
    http://forum.nasionakonopi.pl


  4. #4
    Marcin_J_ jest nieaktywny Stały bywalec
    Dołączył
    Nov 2010
    Posty
    110
    Przydatne posty
    9

    Domyślnie

    Kod php:
    <!-- bonus christmas light stuffnot 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.pngno-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 {
    right90px;

    na

    Kod php:
    .toplinks {
    right90px;
    z-index:999999;



  5. #5
    daniel792 jest nieaktywny Użytkownik
    Dołączył
    Jul 2011
    Posty
    63
    Przydatne posty
    1

    Domyślnie

    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


  6. #6
    Marcin_J_ jest nieaktywny Stały bywalec
    Dołączył
    Nov 2010
    Posty
    110
    Przydatne posty
    9

    Domyślnie

    Witaj,

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


  7. #7
    daniel792 jest nieaktywny Użytkownik
    Dołączył
    Jul 2011
    Posty
    63
    Przydatne posty
    1

    Domyślnie

    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 ?
    Ostatnio edytowane przez daniel792 ; 13.12.2013 o 00:20


  8. #8
    Awatar Grzegorz
    Grzegorz jest nieaktywny Ja tu tylko sprzątam
    Dołączył
    Jan 2008
    Posty
    1 620
    Przydatne posty
    111

    Domyślnie

    Proponuję zainteresować się np. atrybutem css z-index.
    Potrzebujesz stylu dla swojego forum? Chcesz przenieść styl z vbulletin 3 na vbulletin 4? Pisz PW


  9. #9
    daniel792 jest nieaktywny Użytkownik
    Dołączył
    Jul 2011
    Posty
    63
    Przydatne posty
    1

    Domyślnie

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


  10. #10
    daniel792 jest nieaktywny Użytkownik
    Dołączył
    Jul 2011
    Posty
    63
    Przydatne posty
    1

    Domyślnie

    <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.


Chmurka.pl

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67