• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Solucionado mensaje en la cabecera

Estado
Cerrado para nuevas respuestas
iorG19

iorG19

XenForoUser
Mensajes
200
Puntuación de reacciones
15
Puntos
18
Sitio web
ioforos.com
País
España
Versión de XenForo
Ninguna
Página web
Web
Hola,

Me pregunto si alguien sabe como poner un simple mensaje en la parte derecha de la cabecera. Actualmente lo tengo puesto pero lo he copiado y no es lo que quiero. Me gustaría añadir una foto con enlace ( opcional ) y con descripción ( al pasar el ratón encima )

ad_header:
PHP: 
HTML:
<style type="text/css">
.mainFlag
{
    float: right;
    width: 54px;
    margin-top: 8px;
    margin-right: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
    .mainFlag div
    {
        width: 33.3%;
        height: 36px;
        float: left;
    }
  
    .flagBlue
    {
        background-color: rgb(0,85,164);
    }
    .flagWhite
    {
        background-color: white;
    }
    .flagRed
    {
        background-color: rgb(239,65,53);
    }
</style>

<div class="mainFlag" title="Paris, Nov 13th 2015">
    <div class="flagBlue"></div>
    <div class="flagWhite"></div>
    <div class="flagRed"></div>
</div>

Quiero remplazar código con foto .
 
lms

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Mira a ver si te vale así:
PHP: 
<style type="text/css">
.mainFlag
{
    float: right;
    width: 54px;
    margin-top: 8px;
    margin-right: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
    .mainFlag div
    {
        width: 33.3%;
        height: 36px;
        float: left;
    }

    .flagBlue
    {
      
        background:url('/ruta/al/archivo/nombre_archivoBlue.extension') no-repeat scroll 0 0;
        background-size: contain;
    }
    .flagWhite
    {
        background:url('/ruta/al/archivo/nombre_archivoWhite.extension') no-repeat scroll 0 0;
        background-size: contain;
    }
    .flagRed
    {
        background:url('/ruta/al/archivo/nombre_archivoRed.extension') no-repeat scroll 0 0;
        background-size: contain;
    }
</style>

<div class="mainFlag" title="Paris, Nov 13th 2015">
    <div class="flagBlue"></div>
    <div class="flagWhite"></div>
    <div class="flagRed"></div>
</div>

Salud2
 
iorG19

iorG19

XenForoUser
Mensajes
200
Puntuación de reacciones
15
Puntos
18
Sitio web
ioforos.com
País
España
Versión de XenForo
Ninguna
Página web
Web
Lo que quería es quitar la bandera creada en CSS y ponerla yo . en imagen.
 
lms

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Mira a ver si te vale así:
PHP: 
<style type="text/css">
.mainFlag
{
    float: right;
    width: 54px;
    margin-top: 8px;
    margin-right: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
    .mainFlag div
    {
        width: 100%;
        height: 36px;
        float: left;
    }

    .flagImg
    {
        background:url('/ruta/al/archivo/nombre_archivo.extension') no-repeat scroll 0 0;
        background-size: contain;
    }
</style>

<div class="mainFlag" title="Paris, Nov 13th 2015">
    <div class="flagImg"></div>
</div>

Salud2
 
iorG19

iorG19

XenForoUser
Mensajes
200
Puntuación de reacciones
15
Puntos
18
Sitio web
ioforos.com
País
España
Versión de XenForo
Ninguna
Página web
Web
ya esta resuelto:
PHP: 
<style type="text/css">
.header_message {
  border: solid 1px #597D96;
  color: #94BEDC;
  float: right;
  font-size: 10pt;
  margin-top: 20px;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
}
</style>

<div class="header_message">
<img src="ruta/al/archivo/nombre.extension" alt="html title" style="width:42px;height:42px;">
</div>
 
Estado
Cerrado para nuevas respuestas
Arriba