Oficjalne forum pomocy serwisu PUN.pl

Dodatkowe pola (opcja w administracjach). Dodajesz nowe np. o nazwie Gablotka.
Potem w profilu wpisujesz w "Dodatkowe pola" do Gablotka krótki kod:

<img id="gablota">

Później możesz dodać skrypt do obsługi tego elementu np. do stopki strony, np. taki:

<script type="text/javascript">
var nazwa = document.getElementById('gablota');
nazwa.src = "http://www.forum.pun.pl/upload/pun_pl/forum/avatars/37393.png?m=1457139725";
</script>

Ale nie wiem czy ten sposób tobie odpowiada. Możesz w prawdzie robić tak, że robisz kolejną gablotkę o id np. gablota2 w profilu innego użytkownika i on ma inny skrypt modyfikujący jego gablotkę, bo ma ona inne id od tej pierwszej.
Problemami tego rozwiązania są m.in.:
- fakt, że paru użytkowników może mieć tą samą gablotkę,
- każdy użytkownik może zmienić swoją gablotkę na inną (nie zawartość gablotki ale zmienić z np. "gablota" na np. "glablota2")

Plusy jakie daje rozwiązanie:
- łatwa implementacja,
- prosta obsługa (w porównaniu do rozwiązań które mam w głowie, a które są bardziej spersonalizowane i automatycznie generują gablotę danego użytkownika ale czas ich tworzenia byłby kilkugodzinny)

Mały minus:
- każdemu użytkownikowi ręcznie dodajemy gablotkę i ją tworzymy sami (nie jest to system osiągnięć, czy zdobytych trofeum ale nie wiem o co dokładnie Tobie chodziło, więc nie wrzuciłem tego do kwestii problemów).

Jak chcesz to mogę stworzyć kod spersonalizowany na Twoje potrzeby ale będę potrzebował Twojej pomocy w jego implementacji na stronie. Nie wiem kiedy znajdę na to czas, ani czy taki kod jest Tobie nadal potrzebny, więc jest to tylko luźna propozycja.

Jeśli ktoś inny przeczytał ten wpis i chciałby taki kod osiągnięć w formie obrazków w profilu użytkownika pun stworzyć ze mną to zapraszam do napisania wiadomości. Proszę tylko określić gdzie miałby być użyty (najlepiej adres strony) i to dlaczego jest on tam potrzebny.

Temat tych osiągnięć mnie nieco wciągnął ale nie ukrywam, że niedługo pierwsze kolokwia i nie wiem czy zwyczajnie znajdę na to czas, więc wolę wiedzieć, że zrobię to bo jest to potrzebne, a nie będzie tylko pustym kodem bez zastosowania.

Mam nadzieję, że wyczerpałem temat, a tak podsumowując to piszcie na priv jak lepszy system jest Wam potrzebny

Wypróbuj wkleić do Dodatkowy Kod CSS:

.forumdesc {
	height: 130px !important;
}

Jeśli tylko to nie za działa, to zmień na to:

.forumdesc form {
	height: 130px !important;
}
.forumdesc {
	height: 130px !important;
}

A jak dalej nie pomaga to pisz.

PS Możesz napisać też inne problemy tutaj, postaram się je rozwiązać w wolnym czasie między studiowaniem i imprezami

Do dodatkowy styl CSS:

.pun , .pun .postmsg {
    COLOR: #FF0000;
}

A jak nie wiesz jaki kolor jak pisać w RGB to polecam https://pl.wikipedia.org/wiki/Lista_kolor%C3%B3w

Jak nie zadziała to podaj link forum

Problem nie jest w gestii hostingu, a Twojej znajomości CSS.
Oto właściwy kod:

<style type="text/css">
body {
	background: url("http://www.allforwall.net/reimg/resize-img.php?src=http://downimgs.allforwall.net/images/sayw0rlyvkn.jpg&h=1050&w=1680") fixed;
}
</style>

Parę uwag:
- dodałem " " (cudzysłowie przed i po nazwie pliku - tego wymaga składnia CSS).
- dobrze ktoś zauważył, że powinna być spacja przed fixed.
- wstawiłem inny adres obrazka, ponieważ lepiej jest odwoływać się do plików z rozszerzeniem .jpg, .png, .gif itp. Nawet jeśli później występują parametry obrazu (w przykładzie: &h=1050&w=1680 [czyli zmienne tablicy superglobalnej $_GET dla tych co się interesują PHP ])
- znaczniki <style> i </style> można usunąć, lecz wtedy należy kod wpisać w miejsce na dodatkowy kod CSS, a nie do stopki bądź ogłoszenia, gdyż tam interpretowany jest język HTML, a nie CSS, dlatego należy utworzyć znacznik style wstawiając tam CSS (wiem, że pokręcone ale myślę, że zrozumiecie )
- przedostatnia uwaga to type="text/css", lepiej to dodawać, bo szybciej kompilator zinterpretuje kod (szybciej załaduje się strona, niby ułamki sekund, a liczą się)
- ostatnia uwaga, to już tyczy się hosta imgur. Proszę Was bardzo, jeśli z niego korzystacie to używajcie adresów zaczynających się od i. i kończące rozszerzeniem pliku (np. .jpg), sami zobaczcie różnice:
http://i.imgur.com/SJnjm0G.jpg
http://imgur.com/SJnjm0G

Więc twój kod wyglądać powinien tak:

<style type="text/css">
body {
	background: url("http://i.imgur.com/SJnjm0G.jpg") fixed;
}
</style>

Wiem, że mało teraz pomagam na hostingu, ale to przez to, że studia czas zacząć, no i praca cały czas. Mam nadzieję, że pomogłem mimo wszystko, a w razie pytań to nie uciekać, szukać rozwiązań, pisać jeśli sobie nie radzicie, ktoś na pewno pomoże, nawet jeśli na tą pomoc trzeba trochę poczekać...
A tak dla początkujących przypominam adresiki, z których dużo można się dowiedzieć:
http://www.forum.pun.pl/viewtopic.php?id=7917
http://www.kurshtml.edu.pl/

Dzięki, pozdro

A ja mam własny kod, też w wersji Beta:

To do ogłoszenia radzę, bo to funkcje:

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
} 

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
    }
    return "";
}
 
function pieczciastka(){
	var choices = [];
	var els = document.getElementsByName('obywatelstwo');
	for (var i=0;i<els.length;i++){
		if ( els[i].checked ) {
		choices.push(els[i].value);
		}
	}
	var obywatelstwo = choices[0];
	var choices = [];
	var els = document.getElementsByName('region');
	for (var i=0;i<els.length;i++){
		if ( els[i].checked ) {
		choices.push(els[i].value);
		}
	}
	var region = choices[0];	
	setCookie("obywatelstwo", obywatelstwo, 7);
	setCookie("region", region, 7);
}
//Skrypt by Baczus
</script>

A to już do stopki:

<script type="text/javascript">
var rejestracja = document.getElementById("register").outerHTML;
var pkt = rejestracja.indexOf("Rejestruj");
var pkt2 = pkt-47;
var pkt3 = pkt+11;
var newtxt = '<div class="inform"><fieldset><legend>Dodatkowe pola</legend><div class="infldset"><p>Wybierz swoje obywatelstwo: </p><div class="rbox"><label><input type="radio" name="obywatelstwo" value="Polska" checked="checked" />Polska<br /></label><label><input type="radio" name="obywatelstwo" value="Stany Zjednoczone" />Stany Zjednoczone<br /></label><label><input type="radio" name="obywatelstwo" value="Arabia Saudyjska" />Arabia Saudyjska<br /></label></div><p>Region.</p><div class="rbox"><label><input type="radio" name="region" value="Pierwszy region" checked="checked" />Pierwszy region<br /></label><label><input type="radio" name="region" value="Drugi region" />Drugi region<br /></label><label><input type="radio" name="region" value="Trzeci region" />Trzeci region<br /></label></div></div></fieldset></div>';
var newwyw = ' onClick="pieczciastka();"';
var rejestracja = rejestracja.substring(0, pkt2)+newtxt+rejestracja.substring(pkt2,pkt3)+newwyw+rejestracja.substring(pkt3);
document.getElementById("register").innerHTML = rejestracja;
//Skrypt by Baczus
</script>

Co to robi? Skrypt dodaje nam dodatkowe pola przy rejestracji i zapisuje ich wartości do ciastek. Można je później odczytać, np. w taki sposób:

<script type="text/javascript">
var obywatelstwo = getCookie("obywatelstwo");
var region = getCookie("region");
if(obywatelstwo != "" && region != ""){
alert("Jesteś obywatelem: "+obywatelstwo+" , a Twój region to: "+region);
}
//Skrypt by Baczus
</script>

Nie wiem tylko jak później zapisać te ciastka na serwerze, aby mógł je widzieć każdy na stronie. Czyli jak te dane przerzucić z pliku przeglądarki do pliku serwera, w jakie miejsce. Chyba wiecie o co mi chodzi i mam nadzieję, że ktoś pomoże, mówiąc jak to można zrobić

Nie wiem czy taki kod jest gdzieś zamieszczony na łamach tego forum pomocy, więc, mając dzisiaj wolną chwilkę, napisałem takowy:

<script type="text/javascript">
var nowytyt = "Gość ma bana xD" //Nowy tytuł zbanowanych.
var j; //Zmienna dla pierwszej pętli.
for(j = 0; j < 2; j++){
	if(j==0) var tytul = document.getElementsByClassName("usertitle"); //Tablica z tytułami użytkowników przy postach.
	if(j==1) var tytul = document.getElementsByClassName("tc2"); //Tablica z tytułami użytkowników w userliście.
	var i; //Zmienna dla drugiej pętli.
	for (i = 0; i < tytul.length; i++) {
		var text = tytul[i].outerHTML; //Zmieniam z obiektu HTML na text.
		if(text.indexOf("Zbanowany") >= 0){
			var pocz = text.indexOf("Zbanowany");
			var konc = pocz+9;
			tytul[i].innerHTML = text.substring(0, pocz)+nowytyt+text.substring(konc);
		}
	}
}
// Nie usuwaj poniższego komentarza!
// Skrypt by Baczus
</script>

Opis:
     - Kod javascript (UWAGA: Może nie działać, gdy przeglądarka nie zezwala na uruchamianie skryptów w tym języku)
     - Za wartość zmiennej nowytyt wprowadzamy to co chcemy widzieć zamiast napisu Zbanowany (Wyżej jest to napis Gość ma bana xD)
     - Kod wklejamy do stopki forum.

*Jeśli chcemy, aby był to obrazek to pamiętajmy używać apostrofy zamiast cudzysłowów w wartości zmiennej nowytyt, tj. poniżej:

<script type="text/javascript">
var nowytyt = "<img src='http://www.nowavestroia.pun.pl/_fora/nowavestroia/gallery/2_1314900282.jpg'></img>" //Nowy tytuł zbanowanych.
var j; //Zmienna dla pierwszej pętli.
for(j = 0; j < 2; j++){
	if(j==0) var tytul = document.getElementsByClassName("usertitle"); //Tablica z tytułami użytkowników przy postach.
	if(j==1) var tytul = document.getElementsByClassName("tc2"); //Tablica z tytułami użytkowników w userliście.
	var i; //Zmienna dla drugiej pętli.
	for (i = 0; i < tytul.length; i++) {
		var text = tytul[i].outerHTML; //Zmieniam z obiektu HTML na text.
		if(text.indexOf("Zbanowany") >= 0){
			var pocz = text.indexOf("Zbanowany");
			var konc = pocz+9;
			tytul[i].innerHTML = text.substring(0, pocz)+nowytyt+text.substring(konc);
		}
	}
}
// Nie usuwaj poniższego komentarza!
// Skrypt by Baczus
</script>

** Skrypt zmienia napis Zbanowany przy postach i na liście użytkowników, a nie wiem czy to już wszystkie miejsca, które powinien zawierać. Jeśli jest jakieś miejsce, gdzie nie zadziała to proszę mi o nim napisać, to dopracuję kod. Dzięki.

Co do zmiany wyglądu tego napisu to nie lepiej edytować sam CSS?
Proponuję coś takiego:

#brdwelcome a[href="message_list.php"] {
font-size: 20px;
position: fixed;
width: 80%;
top: 0px;
text-align: center;
text-decoration: none;
color: red;
}
#brdwelcome a[href="message_list.php"]:hover {
text-decoration: underline;
color: #801818;
}

wkleić sobie do dodatkowego CSS i nawet fajnie wygląda. Oczywiście można zmieniać wartości i kod w taki sposób aby osiągnąć pożądany przez siebie efekt.

PS: 80% w kodzie to szerokość twojej strony względem całości ekranu. Może się troszkę różnić w zależności od skórki i zastosowanego kodu na stronie.

//Pro14ab