Prefixy tematów

pro14ab · 08-06-2014 00:01:39

Na samym początku informuje, że wymagana jest minimalna znajomość HTML i CSS.
Efekt:

Wymagana jest biblioteka:

Kod:

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

Kod:

//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:

Kod:

.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);}

Ogłoszenie

#1 08-06-2014 00:01:39

Prefixy tematów

Kod:

Kod:

Kod:

Stopka forum