phpBB.nl

Voor wie niet genoeg heeft aan de standaard smileys in phpBB kan eenvoudig op emojicopy.com emoji's kopiëren en op het forum plakken. Voor wie de emoji's rechtstreeks vanaf hun eigen forum willen gebruiken heb ik een extentie geschreven: Emoji's voor phpBB. Let op: nog niet alle emoji's staan er al op, dus zal er nog een update gaan komen voor die extentie.
Voor wie hem wil gebruiken: op --> deze pagina <-- staat de downloadlink en komen de toekomstige updates te staan.

Met Windowstoets en de punt heb je ook een Emoji kiezer.

Moest dat toch even uitproberen, windowstoets met punt, die was me nog niet bekend. Dank voor de tip!

AarClay schreef: ↑

10 mei 2024, 11:58

Met Windowstoets en de punt heb je ook een Emoji kiezer.

Die optie was mij nog niet bekend, maar in Ubuntu 22.04 werkt het helaas niet. Mogelijk werkt het wel in de nieuwere Linux versies.

Ctrl+. of Ctrl+;

AarClay schreef: ↑

11 mei 2024, 11:03

Ctrl+. of Ctrl+;

Beide opties werken bij mij niet. Wel heb ik in Firefox een plug-in gevonden om via de toetscombinatie [Ctrl]+[Alt]+[a] een scherm te krijgen waarin ik de emoji's kan kopiëren en plakken.

De vernieuwde versie staat online:
Emoji's voor phpBB v.1.1.0
Ik heb het getest met de Dark Mode extentie aangezien ik daar eerder problemen mee kreeg. Dat is met de nieuwe 1.1.0 versie opgelost.

Die width: 75%; regel kan mooi zijn, maar dan zou je beter een breakpoint in kunnen stellen. Ik ga de extentie bijwerken zodat de accordion de breedte van het bericht invoervak aan gaat nemen, volledig responsive (dus op mobiele schermen wel volledige breedte).
Ook ga ik nog een aantal missende emoji's toevoegen.

De nieuwe update staat klaar om te downloaden:
phpBB_emoji_1.2.0.zip (directe link)
Ondersteuning en feedback pagina (met link naar download)

Met deze nieuwe versie is de breedte aangepast aan de breedte van het tekst invoervak om een reactie te plaatsen. Verder heeft deze nieuwe versie ook de mogelijkheid om eenvoudig zelf CSS toe te voegen. Hiervoor is er in het snelle menu een 'admin only' link toegevoegd, namelijk 'Emoji CSS'.


Via deze link kom je op de pagina uit op zelf CSS toe te voegen:

SpIdErPiGgY schreef: ↑

13 feb 2026, 15:46

Code: Selecteer alles

#gp-emoji-accordion {
  box-sizing: border-box;

  --yellow-1: #fff8dc;
  --yellow-2: #ffeaa7;
  --yellow-3: #ffd65c;

  --content-bg: #fffdf5;

  font-family: system-ui, -apple-system, sans-serif;
}

#gp-emoji-accordion * {
  box-sizing: border-box;
}

/* ===== Knoppen ===== */
.gp-emoji-collapsible {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  padding: 9px 12px;

  background: linear-gradient(
    90deg,
    var(--yellow-1) 0%,
    var(--yellow-2) 100%
  );

  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;

  /* zachte shadow */
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);

  transition: all 180ms ease;
}

/* Hover */
.gp-emoji-collapsible:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
  transform: translateY(-1px);
}

/* ===== Glow bij open ===== */
.gp-emoji-collapsible[aria-expanded="true"] {
  box-shadow:
    0 4px 14px rgba(255, 200, 0, 0.35),
    0 0 0 1px rgba(255, 200, 0, 0.25);
}

/* ===== Chevron ===== */
.gp-emoji-collapsible::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #a67c00;
  border-bottom: 2px solid #a67c00;
  transform: rotate(45deg);
  transition: transform 180ms ease;
  opacity: .85;
}

.gp-emoji-collapsible[aria-expanded="true"]::after {
  transform: rotate(-135deg);
}

/* ===== Content ===== */
.gp-emoji-content {
  display: none;
  padding: 12px;
  margin-top: 6px;

  background: var(--content-bg);
  border-radius: 8px;

  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.gp-emoji-content.open {
  display: block;
}

/* Emoji grootte */
.gp-emoji-content .gp-emoji-content {
  font-size: 20px;
}

Voor wie met meerdere stijlen werkt moet hierbij wel weten dat de extra CSS voor alle stijlen tegelijk zal werken. De extra CSS is ook weer net zo makkelijk naar wens aan te passen of te wissen.

Verder zijn er extra emoji's toegevoegd.

Ik zie dat het op dit forum goed werkt, inclusief de aanpassing in het extra CSS invoerveld:
https://games4you.be/