Autor: Christian Bullock
Opis modyfikacji:Modyfikacja dodaje proste globalne ogłoszenie do forum. Wyświetlenie ogłoszenia zapisywane jest w ciasteczkach przeglądarki użytkownika, raz zamknięte ogłoszenie nie wyświetli się ponownie, aż do wygaśnięcia ciasteczek lub wyczyszczenia ciasteczek.
Do instalacji modyfikacji nie potrzeba ingerencji w skrypt forum tylko w sam styl.
Wersja phpBB: 3.0.10
Styl: Prosilver
Przetłumaczona nazwa modyfikacji: Proste globalne ogłoszenia
Autor tłumaczenia: Psikus
Kopiowanie plików:
Skopiuj: /global-notices/blue-cross.gif do /phpBB/styles/prosilver/theme/images/
Skopiuj: /global-notices/green-cross.gif do /phpBB/styles/prosilver/theme/images/
Skopiuj: /global-notices/red-cross.gif do /phpBB/styles/prosilver/theme/images/
Skopiuj: /global-notices/yellow-cross.gif do /phpBB/styles/prosilver/theme/images/
Skopiuj: /global-notices/jquery.cookie.js do /phpBB/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.js"></script>
Kod: Zaznacz cały
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
Notatka: Tu wpisujesz treść ogłoszenia
Kod: Zaznacz cały
<div class="global-notice notice-top green">
<strong>Informacja:</strong> Zaloguj się lub Zarejestruj jeżeli chcesz uzyskać pełny dostęp do strony. Ogłoszenie demonstraycyjne modyfikacji Simple global notices
<a class="cross" href="#">Zamknij</a>
</div>
Kod: Zaznacz cały
<a name="start_here"></a>
Notatka: Tu wpisujesz treść ogłoszenia
Kod: Zaznacz cały
<div class="global-notice green">
Witamy na forum. Ogłoszenie demonstraycyjne modyfikacji Simple global notices
<a class="cross" href="#">Zamknij</a>
</div>
Znajdź:
Kod: Zaznacz cały
input.disabled {
color: #666666;
}
Kod: Zaznacz cały
.global-notice {
padding: 12px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
border: 1px solid;
-moz-box-shadow: inset 0 -1px #FFFFFF;
}
.global-notice strong {
color: #000000;
}
.notice-top {
border-top: none;
border-left: none;
border-right: none;
margin-top: -12px;
}
.blue {
background-color: #e5f4ff;
border-color: #a7cee2;
color: #004b90;
}
.red {
background-color: #ffe5e5;
border-color: #e2a8a8;
color: #900000;
}
.green {
background-color: #e4ffdf;
border-color: #b8dfb8;
color: #3a6e31;
}
.yellow {
background-color: #fdffe5;
border-color: #dfe2a7;
color: #678801;
}
.cross {
float: right;
width: 12px;
height: 12px;
background: no-repeat 50% bottom;
text-indent: -9999px;
display: block;
outline: none;
}
.blue .cross {
background-image: url("{T_THEME_PATH}/images/blue-cross.gif");
}
.red .cross {
background-image: url("{T_THEME_PATH}/images/red-cross.gif");
}
.green .cross {
background-image: url("{T_THEME_PATH}/images/green-cross.gif");
}
.yellow .cross {
background-image: url("{T_THEME_PATH}/images/yellow-cross.gif");
}
Notatka: Osadzenie jQuery doda możliwość wyłączenia ogłoszenia krzyżykiem.
Otwórz: /styles/prosilver/template/overall_header.html
Znajdź:
Kod: Zaznacz cały
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.js"></script>
Kod: Zaznacz cały
<script type="text/javascript">
$(document).ready(function() {
$("a.cross").click(function() {
$(".global-notice").fadeOut();
$.cookie('noticeState', 'hidden', { expires: 3, path: '/'});
});
var noticeState = $.cookie('noticeState');
if(noticeState == 'hidden') {
$(".global-notice").hide();
};
});
</script>
Informacja:
Ponowne wyświetlenie ogłoszenia dla tego samego użytkownika pojawi się po 3 dniach, można to zmienić edytując plik overal_header.html
Kod: Zaznacz cały
$.cookie('noticeState', 'hidden', { expires: 3, path: '/'});
Kod: Zaznacz cały
<div class="global-notice notice-top green">
Jeżeli chcemy usunąć krzyżyk wyłączający ogłoszenie usuwamy z pliku overal_header.html
Kod: Zaznacz cały
<a class="cross" href="#">Zamknij</a>