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
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>
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>
Kod: Zaznacz cały
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
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>← 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>
Znajdź:
Kod: Zaznacz cały
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
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;}
}
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>
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>
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.