[For 1.8] Smiles on shoutbox

[.m.]

^ looks like new smilies are not imported correctly.
see adding multiple smilies guidance here => Link

Also
smilies cache should be updated at cache manager page
of tools & maintenance section of forum admin panel ..

[kbilly]

^ looks like new smilies are not imported correctly.
see adding multiple smilies guidance here => Link

Also
smilies cache should be updated at cache manager page
of tools & maintenance section of forum admin panel ..

Yeah, you were right, i didn't follow the procedure you suggested. I didn't import them, i just uploaded them on my forum's root directory.

Finally, i added them to my forum via ACP and now they work.

I need to solve the other problem happening with the pop up of the mention me plugin, i wasn't able to find the string indicated by mystersly.

Thanks a lot @m.

[anonmap]

Hola amigo, sabes por qué cuando agrego más líneas de sonrisa las cabezas de las sonrisas se cortan, la imagen no sale completa

[Omar G.]

Hola amigo, sabes por qué cuando agrego más líneas de sonrisa las cabezas de las sonrisas se cortan, la imagen no sale completa

Intenta agregando esto en tu CSS:

.popupsmilesbyanonshare, #myPopup {
z-index: 99999 !important;
}

[anonmap]

Hola amigo, sabes por qué cuando agrego más líneas de sonrisa las cabezas de las sonrisas se cortan, la imagen no sale completa

Intenta agregando esto en tu CSS:

.popupsmilesbyanonshare, #myPopup {
z-index: 99999 !important;
}

aun sin resultados amigo sigue igual asi lo tengo mi css

	/**********smiles***********/
.panel {
position: relative;
}
.popupsmilesbyanonshare {
    width: 20px;
    height: 20px;
    background: url(https://anonshare.eu/images/smilies/New/cool.png) no-repeat;
    content: ' ';
    position: absolute;
    right: 4px;
    top: 9px;
    cursor: pointer;
}

/* Popup container */
.popupsmilesbyanonshare {
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popupsmilesbyanonshare .popuptextbyanon {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popupsmilesbyanonshare .popuptextbyanon::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.popupsmilesbyanonshare, #myPopup {
z-index: 99999 !important;
}	
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popupsmilesbyanonshare .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
/************smile**/

[Omar G.]

La primera parte de tu código tiene

.panel {
position: relative;
}

qué es lo que iba a aconsejar, pero quizas si intentas:

.panel, .panel * {
position: relative;
}

Pero no te sorprendas si no funciona. Igual lo mas sencillo podria ser modificar la siguiente parte:

  bottom: 125%;
  left: 50%;
  margin-left: -80px;

Alli, como puedes ver, intenta manipular la ubicación del popup, intenta cambiarlos para ver si resulta algo, ya que solo necesitas que la caja aparece más abajo, por ejemplo:

  bottom: 100%;
  left: 50%;
  margin-left: -80px;

PD: Yo usaria incógnito para asegurarme que los archivos CSS se refrescan realmente. Cierra y abre incógnito cada que hagas cambios al CSS.

[anonmap]

La primera parte de tu código tiene

.panel {
position: relative;
}

qué es lo que iba a aconsejar, pero quizas si intentas:

.panel, .panel * {
position: relative;
}

Pero no te sorprendas si no funciona. Igual lo mas sencillo podria ser modificar la siguiente parte:

  bottom: 125%;
  left: 50%;
  margin-left: -80px;

Alli, como puedes ver, intenta manipular la ubicación del popup, intenta cambiarlos para ver si resulta algo, ya que solo necesitas que la caja aparece más abajo, por ejemplo:

  bottom: 100%;
  left: 50%;
  margin-left: -80px;

PD: Yo usaria incógnito para asegurarme que los archivos CSS se refrescan realmente. Cierra y abre incógnito cada que hagas cambios al CSS.

ah mira amigo parece que esto es el problema la clase navigation pasa por encima de el popup de los smile :v

hay manera de que el popup pase por encima del navigation xd ????

[Omar G.]

Supongo que si averiguas la clase o el id del elemento podrias aplicar algo parecido a lo que mencione arriba:

#panel .lower {
position: relative;
}

(#panel .lower seria para esta comunidad, para tu foro podria ser otra.)

[anonmap]

Supongo que si averiguas la clase o el id del elemento podrias aplicar algo parecido a lo que mencione arriba:

#panel .lower {
position: relative;
}

(#panel .lower seria para esta comunidad, para tu foro podria ser otra.)

bueno la solución mas sencilla que encontré es mover un poco el top para que el popup valla hacia abajo y no hacia arriba gracias omar por la ayuda  

[Mastersly]

WHEN YOU PRESS ENTER TO SEND A MESSAGE THE POPUP SHOWS AGAIN
TO FIX THAT JUST FIND THE FOLLOWING CODE

<input type="submit" style="display:none"/>
</form>
</div>

</span>
</div>

THE RED CODE SHOULD BE ABOVE THIS

<input type="submit" style="display:none"/>

IT LOOK LIKE THIS

</span>
</div>
<input type="submit" style="display:none"/>
</form>
</div>