Firefox 4 homepage prompt

Zestawy graficznych dodatków do wykorzystania na forum: emotikon, awatarów, obrazów rang itp.
Aviator
Administrator
Posty: 2089
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Firefox 4 homepage prompt

Post autor: Aviator » 08 maja 2012, 22:08

Firefox 4 homepage prompt

Ten lekki skrypt wyświetla informację dla użytkowników Firefoksa namawiając do dodania Twojego forum do strony startowej przeglądarki użytkownika. Zainspirowany z Facebook.
Dodatek działa tylko na przeglądarkach Firefox.

Autor: Christian Bullock

Tłumaczenie: Psikus

Styl: Prosilver
f4.jpg
(106.53 KiB) Pobrany 23717 razy
ff4-home-prompt.zip
(447.72 KiB) Pobrany 552 razy
Kopiowanie plików
Skopiuj: /ff4-home-prompt/arrow.png do /styles/prosilver/theme/images/
Skopiuj: /ff4-home-prompt/icon.png do /styles/prosilver/theme/images/
Skopiuj: /ff4-home-prompt/tip.png do /styles/prosilver/theme/images/
Skopiuj: /ff4-home-prompt/jquery.cookie.home.page.js do /styles/prosilver/template/

Instalacja
Otwórz: /styles/prosilver/template/overall_header.html
Znajdź:

Kod: Zaznacz cały

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
Dodaj po w nowej linii:

Kod: Zaznacz cały

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- If the above line is already present, don't add it again) -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.home.page.js"></script>
Znajdź:

Kod: Zaznacz cały

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
Dodaj po w nowej linii:
Notaka: Zamień http://www.TwojaDomena.pl/ na adres swojego forum

Kod: Zaznacz cały

<div class="hp-container">
    <div class="hp-tip"></div>
    <div class="hp-inner">
        <div class="hp-content">
            <a href="http://www.TwojaDomena.pl/" class="hp-icon"><img src="{T_THEME_PATH}/images/icon.png" width="32" height="32" alt="" /></a>
            <strong>Ustaw jako stronę główną!</strong>
            <br /><span>&larr; Przeciągnij ikonkę do ikonki z domkiem</span>
        </div>
        <div class="hp-links">
            <a href="#" class="noshow">Nie pokazuj ponownie</a> | <a href="#" class="close">Nie, Dziękuje</a>
        </div>
    </div>
</div>
Otwórz: /styles/prosilver/theme/common.css
Znajdź:

Kod: Zaznacz cały

.clear {
    display: block;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    background: transparent;
}
Dodaj po w nowej linii:
Notaka: Zamień http://www.TwojaDomena.pl/ na adres swojego forum

Kod: Zaznacz cały

.hp-container {
    width: 301px;
    height: 103px;
    background-color: rgba(39,107,178,0.4);
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 9999;
    display: none; /* hide from non FF browsers */
}
 
.hp-tip {
    width: 301px;
    height: 10px;
    background: url("{T_THEME_PATH}/images/tip.png") no-repeat left top;
}
 
.hp-inner {
    background-color: #eaf5ff;
    margin: 5px;
    padding: 5px;
    height: 73px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
 
.hp-content {
    background: url("{T_THEME_PATH}/images/arrow.png") no-repeat right top #e0effd;
    border: 1px solid #9bcfff;
    height: 26px;
    padding: 10px;
}
 
.hp-content strong {
    color: #0c233b;
}
 
.hp-content span {
    font-size: 11px;
    color: #364c62;
}
 
.hp-icon {
    float: left;
    margin: -2px 6px 0 -4px;
}
 
.hp-links {
    color: #1d4e82;
    text-align: right;
    height: 18px;
    margin-top: 7px;
}
 
.hp-links a {
    color: #276bb2;
}
 
.hp-links a:hover {
    color: #3080d3;
}
 
/* Display to Firefox only */
@-moz-document url-prefix(http://www.TwojaDomena.pl/)
{
  .hp-container {display: block;}
}
Osadzenie jQuery
Otwórz: /styles/prosilver/template/overall_header.html
Znajdź:

Kod: Zaznacz cały

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.home.page.js"></script>
Dodaj po w nowej linii:

Kod: Zaznacz cały

<script type="text/javascript">
$(document).ready(function(){
    $("a.close").click(function(){
        $(".hp-container").fadeOut();
    });
    $("a.noshow").click(function(){
        $(".hp-container").fadeOut();
        $.cookie("hp-state","noshow", {expires: 30, path: '/'});
    });
 
    var hpState = $.cookie("hp-state");
 
    if(hpState == 'noshow') {
        $(".hp-container").hide();
    };
    return false;
});
</script>
Zapisz pliki i wyślij na FTP.
Przejdź do Panelu Administratora i odśwież szablony i motywy stylu.


Informacja:
Po kliknięciu w "Nie pokazuj ponownie" ciasteczka wygasną po upływie 1 miesiąca, do tego czasu informacja skryptu temu samemu użytkownikowi się nie pojawi, chyba, że użytkownik wyczyści ciasteczka w swojej przeglądarce.
-=Jeżeli w moim poście brakuje znaków diakrytycznych, oznacza to, że posta wyklepałem przez telefon=-

Zablokowany

Wróć do „Komponenty”