[Tronlar]

0

ok gracias voy a corregirlo a ver como queda, 

---

listo ahora funciona, parace estar estable 

De nada, cualquier cosa lo comentas y lo solucionamos.

[evilnix]

0

[img]Registrate o inicia tu sesión para ver este contenido[/img]

Esposible cambiar esto?? busque desde la administracion pero no veo en donde.

[Tronlar]

0

[img]Registrate o inicia tu sesión para ver este contenido[/img]

Esposible cambiar esto?? busque desde la administracion pero no veo en donde.

donde te sale esa imagen?

[Miguel92]

0

Para lograr que el seo sea correcto, reemplazará la letra con tilde por una normal y la ñ por la n.

Código PHP: ( Seleccionar Todo )

    public function slugify(string $text, string $separator = '-'): string {
        if ($text === '') {
            return '';
        }
        $text = preg_replace('~[^\pL\d]+~u', $separator, $text) ?? '';
        $text = iconv('UTF-8', 'ASCII//TRANSLIT//IGNORE', $text) ?: $text;
        $text = preg_replace('~[^-\w]+~', '', $text) ?? '';
        $text = trim($text, $separator);
        $text = preg_replace('~-+~', $separator, $text) ?? '';
        return strtolower($text);
    } 


[evilnix]

0

[img]Registrate o inicia tu sesión para ver este contenido[/img]

creo que la imagen anterior la bloqueo el servidor a ver si aqui puedes verla, esta es el titulo que quiero cambiar

[Tronlar]

0

[img]Registrate o inicia tu sesión para ver este contenido[/img]

creo que la imagen anterior la bloqueo el servidor a ver si aqui puedes verla, esta es el titulo que quiero cambiar

Eso en vez de crearlo con una imagen lo hice con css

• Velocidad de carga: Al no haber imagen, la página carga instantáneamente.
  
• Adaptabilidad: Puedes cambiar el tamaño, el color o la fuente (tipo de letra) desde el CSS en un segundo sin tener que abrir Photoshop o editores de imagen.
  
• SEO: Es texto real que Google puede leer perfectamente.
  
• Pantallas Retina: Se ve nítido en cualquier resolución, nunca se verá pixelado por mucho que hagas zoom.
  

Para poner el nombre de tu web en themes\default\templates\sections/logo.tpl busca esto y cambia Risus Nova por el nombre de tu web
 

Código PHP: ( Seleccionar Todo )

{if $tsActuald == $tsBirthday.user_dia && $tsActualm == $tsBirthday.user_mes}
            <a id="logoi" title="{$tsConfig.logoc_title}" href="{$tsConfig.url}" style="display: flex !important; flex-direction: column; justify-content: center; width: 100% !important; height: auto !important; text-decoration: none !important; font-family: 'Arial Black', Impact, sans-serif !important; box-sizing: border-box; background: none !important; background-image: none !important; text-indent: 0 !important; padding: 5px 0 !important;">
                <span style="font-size: 42px; color: #ffca28; text-transform: uppercase; letter-spacing: -1.5px; display: block; line-height: 1; text-shadow: 1px 1px 0px #c59b00, 2px 2px 0px #b58e00, 3px 3px 1px #957500, 4px 4px 3px rgba(0,0,0,0.45);">
                    Risus <span style="color: #ffffff; font-family: 'Georgia', serif; font-style: italic; text-transform: none; font-weight: normal; letter-spacing: 0px; margin-left: 4px;">🎂 Nova</span>
                </span>
                <span style="font-size: 11px; color: #ffca28; font-family: 'Courier New', Courier, monospace; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; display: block; margin-top: 6px; line-height: 1; opacity: 0.95;">
                    ¡Feliz Cumpleaños!
                </span>
            </a>
        {else}
            <a id="logoi" title="{$tsConfig.titulo}" href="{$tsConfig.url}" style="display: flex !important; flex-direction: column; justify-content: center; width: 100% !important; height: auto !important; text-decoration: none !important; font-family: 'Arial Black', Impact, sans-serif !important; box-sizing: border-box; background: none !important; background-image: none !important; text-indent: 0 !important; padding: 5px 0 !important;">
                <span style="font-size: 42px; color: #ffffff; text-transform: uppercase; letter-spacing: -1.5px; display: block; line-height: 1; text-shadow: 1px 1px 0px #002d5c, 2px 2px 0px #001f3f, 3px 3px 1px #001124, 4px 4px 4px rgba(0,0,0,0.55);">
                    Risus <span style="color: #9cd2ff; font-family: 'Georgia', serif; font-style: italic; text-transform: none; font-weight: bold; letter-spacing: 0px; margin-left: 4px; text-shadow: 1px 1px 0px #002d5c, 2px 2px 2px rgba(0,0,0,0.5);">Nova</span>
                </span>
                <span style="font-size: 11px; color: #ffffff; font-family: 'Courier New', Courier, monospace; font-weight: bold; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-top: 6px; line-height: 1; opacity: 0.9; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
                    Inteligencia Colectiva
                </span>
            </a>
        {/if} 


Si quieres ponerlo con una imagen, cambia eso por esto y subes el logo a la carpeta images con le nombre logo y formato png
 

Código PHP: ( Seleccionar Todo )

{if $tsActuald == $tsBirthday.user_dia && $tsActualm == $tsBirthday.user_mes}
    <a id="logoi" href="{$tsConfig.url}" style="display: block; text-align: center; padding: 5px 0;">
        <img src="{$tsConfig.tema.t_url}/images/logo.png" alt="¡Feliz Cumpleaños!" style="max-width: 100%; height: auto;">
    </a>
{else}
    <a id="logoi" href="{$tsConfig.url}" style="display: block; text-align: center; padding: 5px 0;">
        <img src="{$tsConfig.tema.t_url}/images/logo.png" alt="{$tsConfig.titulo}" style="max-width: 100%; height: auto;">
    </a>
{/if} 


[Miguel92]

0

Debería usar la etiqueta picture y tener 3 tipo avif, webp y png, siendo las primeras compatibles con los navegadores y en caso de que falle siempre usará el png... Avif y webp son mucho mejores y no pierden calidad, aceptando transparencias

[Tronlar]

0

Debería usar la etiqueta picture y tener 3 tipo avif, webp y png, siendo las primeras compatibles con los navegadores y en caso de que falle siempre usará el png... Avif y webp son mucho mejores y no pierden calidad, aceptando transparencias

Si lo que quiere es rendimiento y calidad visual, lo mejor es lo que le he hecho.

- Utiliza fuentes del sistema o carga poco peso.
- Tiene efectos de text-shadow que simulan diseño gráfico sin cargar archivos.
- Es totalmente dinámico (el cambio de color por cumpleaños es inmediato).

Yo pondría <picture> cuando el logo requiera degradados complejos, transparencias con sombras paralelas reales (no de CSS) o texturas fotográficas que el código HTML/CSS no pueda replicar con precisión.

Lo he mejorado, también he actualizado el script con un parche de seguridad

Código PHP: ( Seleccionar Todo )

<div id="logo" class="logo-container" style="margin: 0 !important; height: auto !important; display: block;">
    {if $tsActuald == $tsBirthday.user_dia && $tsActualm == $tsBirthday.user_mes}
        <a id="logoi" href="{$tsConfig.url}" style="display: flex; flex-direction: column; text-decoration: none !important;">
            <span class="logo-text" style="color: #ffca28; text-transform: uppercase; letter-spacing: -1.5px; text-shadow: 1px 1px 0px #c59b00, 2px 2px 0px #b58e00, 3px 3px 1px #957500, 4px 4px 3px rgba(0,0,0,0.45);">
                Risus <span style="color: #ffffff; font-family: 'Georgia', serif; font-style: italic;">🎂 Nova</span>
            </span>
            <span style="font-size: 11px; color: #ffca28; font-family: 'Courier New', monospace; font-weight: bold; letter-spacing: 2px; margin-top: 6px;">
                ¡FELIZ CUMPLEAÑOS!
            </span>
        </a>
    {else}
        <a id="logoi" href="{$tsConfig.url}" style="display: flex; flex-direction: column; text-decoration: none !important;">
            <span class="logo-text" style="color: #ffffff; text-transform: uppercase; letter-spacing: -1.5px; text-shadow: 1px 1px 0px #002d5c, 2px 2px 0px #001f3f, 3px 3px 1px #001124, 4px 4px 4px rgba(0,0,0,0.55);">
                Risus <span style="color: #9cd2ff; font-family: 'Georgia', serif; font-style: italic; font-weight: bold;">Nova</span>
            </span>
            <span style="font-size: 11px; color: #ffffff; font-family: 'Courier New', monospace; font-weight: bold; letter-spacing: 2.5px; margin-top: 6px; opacity: 0.9;">
                INTELIGENCIA COLECTIVA
            </span>
        </a>
    {/if} 
</div> 


 

Código PHP: ( Seleccionar Todo )

.logo-container {
        width: 100%;
        max-width: 320px;
    }
    .logo-text {
        font-size: 42px; /* Tamaño por defecto */
        line-height: 1;
        transition: font-size 0.3s ease;
    }

    @media (max-width: 480px) {
        .logo-text { font-size: 32px; }
    }