Na samym początku informuje, że wymagana jest minimalna znajomość HTML i CSS.
Efekt:
Wymagana jest biblioteka:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
Na jakiś hosting wrzucamy:
//Prefixy pun by pro14ab
jQuery(document).ready(function() {
var str = document.getElementById("punwrap").innerHTML;
var res = str.replace(/PREFIX/g, "EFEKT");
document.getElementById("punwrap").innerHTML = res;
});
PREFIX- słowo które będziemy wpisywać w nazwę tematu jako prefix
EFEKT- Czyli co ma wyjść po znalezieniu słowa PREFIX (odsługiwany jest HTML)
------------------------------------------------------------
Przykład:
Na host wrzucamy plik w formacie .js i oczywiście importujemy na pun:
//Prefixy pun by pro14ab jQuery(document).ready(function() { var str = document.getElementById("punwrap").innerHTML; var res = str.replace(/#PORADNIK#/g, "<span class='poradnik' >Poradnik</span>"); document.getElementById("punwrap").innerHTML = res; }); jQuery(document).ready(function() { var str = document.getElementById("punwrap").innerHTML; var res = str.replace(/#INNE#/g, "<span class='inne'>Inne</span>"); document.getElementById("punwrap").innerHTML = res; });
Do CSS dodajemy:
.poradnik,.inne{ color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .poradnik {background: rgb(28, 184, 65);} .inne {background: rgb(223, 117, 20);}
Offline