Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

CSS para cambiar posicion de la imagen de Conectado

PHP, HTML, CSS, JS, jQuery, etc.
Responder
Avatar de Usuario
Prince Royce
Observador/a
Mensajes: 35
Registrado: 08 Abr 2011, 02:07

CSS para cambiar posicion de la imagen de Conectado

#1

Mensaje por Prince Royce »

Aqui les dejo este CSS, que sirve para cambiar la posicion de la imagen de conectado.

Código: Seleccionar todo

/*Posicion del icono de online*/
.online {
   background-image: url(AQUI URL DE LA IMAGEN DE ONLINE);
   background-position:    
left 0;
   background-repeat: no-repeat;
   }
Si colocan ese css, la imagen le quedara del lado izquierdo, si la quieren cambiar al lado derecho por ejemplo, solo deben quitar Left y poner Right.

Salu2 :ok:
URL: http://ndslife.webege.com/index.php
Versión phpBB: phpBB3 (3.0.8)
MODs Instalados: Adaptive Hide BBcodes
Full Quick Reply Editor
Last Posts Titles
Latest Post In Profile
Smile middle
Tabbed Profiles
Top Posters on Index
board3 Portal
jQuery Quick Edit
Prime BBCode Spoiler
Plantilla(s) usada(s): Prosilver
Servidor: gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Avatar de Usuario
sof-teo
Miembro
Mensajes: 203
Registrado: 02 Mar 2010, 01:30

Re: CSS para cambiar posicion de la imagen de Conectado

#2

Mensaje por sof-teo »

Creo que este tema debería de ir en Tutoriales y si mal no recuerdo o me equivoco debería de decir donde se hace el cambio para tener una idea de como hacerlo.

Abrir:
root/styles/prosilver/theme/colours.css

Buscar:

Código: Seleccionar todo

.online {
    background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
 
Reemplazar con:

Código: Seleccionar todo

/*Posicion del icono de online por Prince Royce */

/*.online {
    background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}*/

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
   background-position: left; /*Si la desean cambiar del lado derecho entonces solo cambien  left por right*/
   background-repeat: no-repeat;
   }
 
Una simple explicación, espero te aya gustado.
Saludos.
  • URL: http://www.sof-teo.org/foro
  • Versión phpBB: phpBB3 ( 3.0.8 )
  • Plantilla usada: XSilver 3.0.8.2 (Basado en ProSilver)
  • Servidor: Linux
  • Actualización desde otra versión: 3.0.7 PL-1
  • Usuario de Pruebas: test | Contraseña: 123456
  • MODs Instalados:
Spoiler
ACP_REQUETE
AJAX Quick Edit
Advanced BBCode Box 3 (aka ABBC3)
Anti Double Posts
Auto Groups MOD
BBcode Buttons on Quick Reply
Full Quick Reply Editor
Manage attachments ACP module for phpBB3
Medals System MOD for phpBB3
Multiple Ranks
Prime Trash Bin
Prime Warnings
Profile Views List
Thanks for posts
Top_Five
Top Posters on Index
Topics descriptionsDesinstala
User reputation points

Responder

Volver a “🆘 Recursos Webmaster”