[Réglé] Déplacer/décaler l'image "CONNECTE" quand profil à gauche

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Déplacer/décaler l'image "CONNECTE" quand profil à gauche

Messagepar mikevirgil » 04 Juin 2010 à 16:09

Rebonjour,

Autre souci de mise en page de mon forum prosilver (sans mods); après avoir changé le côté du profil, j'ai un chevauchement assez gênant: la petite bannière/image indique "connecté" en haut à droite de chaque post (lorsque donc l'utilisateur est connecté) est recouverte constament par l'icone "CITER" comme ceci:

Image

Je pense que cela doit avoir à faire avec le fait que j'ai effectué une inversion droite>>gauche de l'emplacement du profil utilisateur, mais étant donné que j'ai automatisé cela en même temps que mes couleurs avec ColorizeIt, je ne sais pas du tout où grabotter pour faire en sorte que ce chevauchement ne soit plus... Merci!
Modifié en dernier par mikevirgil le 17 Juin 2010 à 06:37, modifié 3 fois.
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar EnYgmA » 04 Juin 2010 à 16:33

Hello ,

est ce que tu as suivi les instructions de ce tutoriel ? :arrow: documentation-phpbb3/sujet127850.html

@ ++ 8)
EnYgmA
 

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar mikevirgil » 06 Juin 2010 à 20:23

Merci beaucoup! Du coup j'ai pris le parti de faire une rotation sur l'image et la coller au coin haut/gauche du post (dans la section profil utilisateur, donc!)...

Par contre, souci de "marge" visiblement pour l'avatar; voici ce que cela me donne:
Image

J'ai tenté de modifier dans contents.css ceci:

Code: Tout sélectionner
.avatar {
	border: 0;
	margin-bottom: 3px;
}

, en changeant la valeur border mais sans succès;
Comment faire donc poour "décaler" légèrement l'avatar de façon à ce que cela n'empiète pas sur le nouveau logo "connecté"?

Merci d'avance!
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar Morgyanne » 07 Juin 2010 à 07:25

Salut,

Pour obtenir un support plus efficace, merci de préciser l'URL de votre forum.
C'est tout de même plus simple de pouvoir se rendre compte de visu ;).
Tu as le choix : soit tu changes d'image, soit modifier la largeur de .postprofil, soit tu prends un avatar moins large...

@+
Morgyanne :)
« What a filthy job !
Could be worse.
How ?
Could be rainin'. »

From Young Frankenstein
Avatar de l’utilisateur
Morgyanne
Marvelous girl
Marvelous girl
 
Messages: 32245
Enregistré le: 21 Mar 2005 à 12:28
Localisation: Juste derrière toi...

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar micka76 » 07 Juin 2010 à 18:21

Bonsoir,

Dites nous aussi quel est le style utilisé, j'ai bien une tite idée pour mettre l'image par dessus l'avatar

A bientôt... :wink:
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8769
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar mikevirgil » 07 Juin 2010 à 18:31

micka76 a écrit:Bonsoir,

Dites nous aussi quel est le style utilisé, j'ai bien une tite idée pour mettre l'image par dessus l'avatar

A bientôt... :wink:


Ooooh, limite j'y avais pensé, visuellement ce serait sympa effectivement par dessus l'avatar :)

Voici l'URL du forum: http://innuendoforum.homeip.net/ (avec le style prosilver)

Voici un lien avec mon profil "connecté":
http://innuendoforum.free-h.fr/forum/vi ... =28&t=5753

Voilà, en attente de vos suggestions :)
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar micka76 » 07 Juin 2010 à 19:15

Ok alors essayons ceci

Dans la content.css
cherchez
Code: Tout sélectionner
.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}

remplacez par
Code: Tout sélectionner
.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}
.online2 {
   background-repeat: no-repeat;
   position: absolute;
   left: 20px;
}
.online3 {
   background-repeat: no-repeat;
   position: absolute;
   right: 30px;
}


Dans le fichier viewtopic_body.html
cherchez
Code: Tout sélectionner
<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

remplacez par
Code: Tout sélectionner
    <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --><div class="online2">{postrow.ONLINE_IMG}</div><!-- ENDIF -->
   <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

Dans le fichier ucp_pm_viewmessage.html
cherchez
Code: Tout sélectionner
<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

remplacez par
Code: Tout sélectionner
<!-- IF S_ONLINE --><div class="online3">{ONLINE_IMG}</div><!-- ENDIF -->
<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8769
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar mikevirgil » 07 Juin 2010 à 20:36

Alors, après avoir suivi ta modif, il doit y avoir qqchose qui cloche ;) :

Image
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar micka76 » 07 Juin 2010 à 20:44

dans ce cas, augmentez les marges des 20px pour le viewtopic et les 30px pour les MP
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8769
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar mikevirgil » 07 Juin 2010 à 21:07

Youhouuuuuuuuuuuuu, victory!!! :)

Merci platement, micka76 :) :) :) (pseudo que j'aurais pu choisir moi-même, le prénom et l'année correspond ^^ )

A bientôt pour de nouvelles demandes d'infos ;)
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar mikevirgil » 11 Juin 2010 à 06:04

Ooops, je réveille le sujet car j'ai toujours un problème du même genre avec ce fameux logo "connecté", mais cette fois-ci dans la catégorie "profil" de chaque utilisateur... Plutôt qu'un long discours, voici visuellement ce qu'il se passe:

Image

A savoir, donc, le fait que "connecté" est positionné du côté "message", alors qu'il serait souhaitable qu'il soit positionné comme sur les posts, c'est à dire sur le coin haut/gauche de l'avatar (et bien sur par-dessus l'avatar)... Deuxième souci également visible à gauche sur la capture, où gérer le coloris à gauche derrière "Rédiger", "Gestion" "Boite", etc (la couleur la plus sombre à gauche), à savoir que si l'on redimensionne la fenetre, l'importance de la zone colorée en sombre varie également.

Merci d'avance, encore une fois ! :)
Modifié en dernier par Steph le 11 Juin 2010 à 08:01, modifié 1 fois.
Raison: Image mise en lien par Stef67
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar micka76 » 11 Juin 2010 à 06:12

Bonjour,

Pour le menu c'est dans la colours.css
Code: Tout sélectionner
#navigation a {
	color: #333;
	background-color: #B2C2CF;
	background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

ilo faut accorder le code couleur avec l'image de fond
et pour le online, dans les modifs de la classe online3
changez le right en left et augmentez la valeur des 30px

A bientôt... :wink:
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8769
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar Steph » 11 Juin 2010 à 08:03

Bonjour mikevirgil,

J'ai mis ton image en lien car elle ne respecte pas les conditions fixées ici ---> annonces-a-lire/sujet17573.html

Taille maxi d'une image : 500 pixels - poids 150 ko

Nous te remercions de ne pas poster des images de grande taille/de gros poids afin de ne pas alourdir/modifier l'affichage normal des pages.

@+ :wink:
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 19631
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar mikevirgil » 11 Juin 2010 à 15:32

micka76 a écrit:Bonjour,

et pour le online, dans les modifs de la classe online3
changez le right en left et augmentez la valeur des 30px

A bientôt... :wink:


Merci , micka76, mais sans vouloir passer pour un assisté (ne maitrisant pas tous les emplacements), à quel endroit dois-je effectuer la modif, précisement? (dans quel fichier?)

Merci encore!
mikevirgil
Posteur néophyte
Posteur néophyte
 
Messages: 53
Enregistré le: 24 Mai 2010 à 16:15

Re: Déplacer/décaler l'image "CONNECTE" quand profil à gauch

Messagepar micka76 » 11 Juin 2010 à 16:47

Bonjour,

==> dans les codes que j'ai citer plus haut

A bientôt... :wink:
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8769
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Suivante

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités