HP-4-Fun :: HP Tutorial Box: ET-Chat: Sprechblasendesign auch in Privatfenstern

HP Points

Pos.	Name	Punkte
	Harlekin	20043
	Tommy	5050
	Partybremen	4230
4.	Parzival	4039
5.	Fizzy Lemon	2394

Zeige mehr

V-Shop

Artikel kaufen

Version Info

Aud dieser Seite läuft:
HP-4-Fun 2.0
und der
ET-Chat-v3.0.7-r3-PHP-8-b
auf
PHP 8.4.12

Du hast in deinem Browser kein Javascript aktiviert.
Um diese Seite korrekt anzuzeigen ist Javascript jedoch zwingend nötig.
Bitte aktiviere Javascript in den Einstellungen deines Browser beziehungsweise besorge dir einen Browser, der diesen unterstützt.
Mozilla Firefox | Safari | Opera | Google Chrome | Internet Explorer höher Version 6

Tutorial: Sprechblasendesign auch in Privatfenstern

Tutorial Übersicht >>

ET-Chat

Sprechblasendesign auch in Privatfenstern

Von: Fizzy Lemon am: 27.12.2021 - 10:10 770 x gelesen

Werbung:

Sprechblasendesign auch in den Privatfenstern:

In der chat.js folgende Änderung an der bekannten Stelle mit "pivate_win" machen:
suche:

Code

$('pivate_win_'+int_id).innerHTML+="<div>"+gender_icon+priv_icon+" <b>"+user+"</b>: <span style=\""+css+"\">"+message+"</span></div>";

ersetze mit:

Code

if (user_id==self.user_id) {

$('pivate_win_'+int_id).innerHTML+="<div class=\"mess_back2\">"+gender_icon+priv_icon+" <b>"+user+"</b>: <span style=\""+css+"\">"+message+"</span></div><br/>";

} else {

$('pivate_win_'+int_id).innerHTML+="<div class=\"mess_self2\">"+gender_icon+priv_icon+" <b>"+user+"</b>: <span style=\""+css+"\">"+message+"</span></div><br/>";

}

Das CSS erweitern um folgende Einträge:

Code

.mess_back2{

background:#D0D7DC;

border:1px solid #D0D7DC;

border-radius:8px;

padding:2px 8px 2px 5px;

margin-bottom:3px;

display:inline-block;

box-shadow: 6px 4px 9px #ffffff;

font-family:Play,sans-serif;

font-color:#FF0000;

}



.mess_self2{

background:#222;

border:1px solid #222;

border-radius:8px;

padding:2px 8px 2px 5px;

margin-bottom:3px;

display:inline-block;

box-shadow: 6px 4px 9px #ffffff;

font-family:Play,sans-serif;

font-color:#FFFFF;

}