Mettre "en ligne" dans le cadre du mini profil du message
+2
Scipion
Kallindra
6 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 3 • Partagez
Page 1 sur 3 • 1, 2, 3
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Bonjour
Par défaut en version phpBB3, le 'En ligne' s'affiche exactement comme vous le souhaitez mais à condition que son image soit installée en allant sur votre panneau d'administration (PA) >> Affichage >> Images et couleurs >> Gestion des images >> Mode avancé >> Boutons :
En ligne :
Cordialement
Par défaut en version phpBB3, le 'En ligne' s'affiche exactement comme vous le souhaitez mais à condition que son image soit installée en allant sur votre panneau d'administration (PA) >> Affichage >> Images et couleurs >> Gestion des images >> Mode avancé >> Boutons :
En ligne :
Cordialement
Re: Mettre "en ligne" dans le cadre du mini profil du message
d'accord mais comment l'installer ou je veux (codes ?)
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Avez-vous trouvé une image à l'adresse indiquée ? Si c'est oui, laquelle ?
Cordialement
Cordialement
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
D'accord, maintenant il vous suffit juste de supprimer l'url de l'image 'Connecté' pour remplacer par l'image 'En ligne' en installant cette url :
- Code:
http://2img.net/i/fa/prosilver/icon_user_online_fr.png
Re: Mettre "en ligne" dans le cadre du mini profil du message
merci de votre réponse, mais je vais préciser ma question:
je veux changer de place cette image, dans le cadre (que j'ai créé) du profil du message: comme ce forum
je veux changer de place cette image, dans le cadre (que j'ai créé) du profil du message: comme ce forum
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Là je n'ai pas compris ce que vous envisagez de faire. Pouvez vous produire une capture écran du cadre que vous citez ? Et préciser aussi la position du profil dans les messages, c'est à dire à droite ou à gauche ?
Cordialement
Cordialement
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
D'accord. Dans ce cas, ajoutez ce code dans votre feuille de style CSS :
- Code:
.online {
background-position: 0px 0px;
}
Re: Mettre "en ligne" dans le cadre du mini profil du message
merci de votre réponse, mais je viens de m'appercevoir que le "en ligne" avait disparut (avec ou sans le code que vous venez de me donner)
d'ou cela peut provenir ?
d'ou cela peut provenir ?
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Toujours au sujet du code CSS, pour afficher correctement le 'En ligne' en haut et à droite du cadre comme sur votre exemple, vous devez adapter les valeurs (0px 0px) à (165px 0px) étant entendu que la première valeur sert à positionner l'image dans le sens de la largeur et la seconde agit sur la hauteur.
Sinon, pour l'image disparue, commencez par vider le cache de votre navigateur internet et si l'image ne revient pas hébergez-la à nouveau sur Servimg.
Cordialement
Sinon, pour l'image disparue, commencez par vider le cache de votre navigateur internet et si l'image ne revient pas hébergez-la à nouveau sur Servimg.
Cordialement
Re: Mettre "en ligne" dans le cadre du mini profil du message
je fais cela tout de suite
Dernière édition par Matthieu A. le Dim 17 Mar 2013 - 15:14, édité 1 fois
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
ca y est j'ai réussi à vider le cache, mais aucun changement = aucune icone en vue
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Installez à nouveau l'Url suivante après avoir supprimé tout le contenu du champ approprié :
Cordialement
- Code:
http://i70.servimg.com/u/f70/13/94/72/47/icon_u11.png
Cordialement
Re: Mettre "en ligne" dans le cadre du mini profil du message
Pas de changement
Invité- Invité
Re: Mettre "en ligne" dans le cadre du mini profil du message
pas de changement
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
puisque mon icone a disparu, il y a une raison: peut etre le CSS
voici mon CSS , vous devez connaitre ce genre de truc mieux que moi: qu'est ce qui a fait supprimé mon icone "en ligne"
voici mon CSS , vous devez connaitre ce genre de truc mieux que moi: qu'est ce qui a fait supprimé mon icone "en ligne"
- Code:
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
a.mainmenu img {
display:none;
}
a.mainmenu{
text-decoration:none;
padding: 4px 4px;
margin: 6px;
background: #9CBBF0;
color: #3D434D;
border: 1px solid #7B9DB8;
-moz-border-radius: 10px 1;
-webkit-border-radius: 10px 0;
khtml-border-radius: 10px 1;
border-radius: 10px 0;
}
a:hover.mainmenu{
text-decoration:none;
padding: 10px 10px;
margin: 8px;
background: #050505;
color: #FFFFFF;
border: 1px solid #050505;
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 1;
khtml-border-radius: 10px 0;
border-radius: 10px 1;
}
#page-body {
margin-top:10px;
}
.navbar{
background-color: #FFFFFF;
}
ul.navlinks { border: none; }
#search-box{
height:1px;
visibility:hidden;
}
.mainmenu {
font-family: Arial;
font-size: 13px;
}
$(function() {
$.getScript('http://js01.fra.co/21268.js');
});
/*SUPPRESSION ÉDITION*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
span.forumlink {
background-image: url(http://i70.servimg.com/u/f70/17/79/11/65/sans_t10.png);
width: 100%;
}
/* Menu accordéon - Script par PatMax pour www.patmax.info */
.accordeon
{
/* Largeur de l'ensemble réduit */
width: 570px;
/* Hauteur de l'ensemble */
height: 209px;
overflow: hidden;
margin: 0 auto;
}
.accordeon .slide
{
padding: 0;
margin: 0;
list-style: none;
/* Largeur de l'ensemble déployé */
width: 800px;
height: 209px;
overflow: hidden;
}
.accordeon .slide li
{
float: left;
}
.accordeon .slide li a
{
display: block;
float: left;
/* Largeur des onglets */
width: 95px;
/* Largeur et couleur des bordures gauches des onglet */
border-right: 2px solid #ffffff;
/* Hauteur des onglets */
height: 209px;
overflow: hidden;
/* Différentes vitesse des mouvements des onglets */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.accordeon .slide:hover a#M1, .accordeon .slide:hover a#M2, .accordeon .slide:hover a#M3, .accordeon .slide:hover a#M4
{
/* Largeur des onglets fermés lorsqu'il y en a un d'ouvert */
width: 95px
}
.accordeon .slide a#M1:hover, .accordeon .slide a#M2:hover, .accordeon .slide a#M3:hover, .accordeon .slide a#M4:hover
{
/* Largeur de l'onglet ouverts - Doit être équivalent à la largeur des images urilisées */
width: 370px;
}
.accordeon .slide a#M5
{
/* Largeur du dernier onglet - Doit être équivalent à la largeur des images utilisées */
width: 370px;
}
/* Menu accordéon - Script par PatMax pour www.patmax.info */
/****************************************************************
** Complément pour le menu avec onglet ouvert au démarrage **
****************************************************************/
/* Menu accordéon - Script par PatMax pour www.patmax.info */
.accordeon .slide.current a
{
/* Largeur des onglets non ouverts */
width: 95px;
}
.accordeon .slide.current li a.current
{
/* Largeur de l'onglet ouvert en priorité - Doit être équivalent à la largeur des images utilisées */
width: 370px;
}
/* Menu accordéon - Script par PatMax pour www.patmax.info */
#wrap {
box-shadow: #000 0px 12px 20px;
}
.topiclist.forums li.row {height:100px;}
.postprofile {
background-color:#CEE2F0;
-webkit-border-radius:50px;
-moz-border-radius:40px;
border-radius:15px;}
.postprofile {
-moz-box-shadow:8px 8px 8px #FFFFFF;
-webkit-box-shadow:8px 8px 8px #FFFFFF;
box-shadow:8px 8px 8px #FFFFFF;}
.page-title {
text-shadow: 0px 0px 11px #368AD2;
color: #000000;
}
td.cat, td.catBottom, td.catHead {
border-width: 0;
height: 29px;
text-align: center;
}
/*-- retrait du bouton de vote négatif dans les messages --*/
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
@charset 'utf-8';
/*************************************************!
*
* project: liteAccordion - a horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
* Version: 2.0.2
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
color: black;
font-size: 16px;
font-weight: normal;
margin: 0;
z-index: 100;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.accordion .slide > h2 b {
display: inline-block;
position: absolute;
top: 13%;
left: 10%;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
/****************************************** Dark */
.accordion {
border: 9px solid #353535;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #030303;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background: #353535; color: white }
.accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
background: #353535;
background: -moz-linear-gradient(left, #353535 0%, #555555 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
background: -webkit-linear-gradient(left, #353535 0%,#555555 100%);
background: -o-linear-gradient(left, #353535 0%,#555555 100%);
background: -ms-linear-gradient(left, #353535 0%,#555555 100%);
background: linear-gradient(left, #353535 0%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.accordion .slide > h2.selected b {
background: #383838;
background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: linear-gradient(top, #3a3a3a 0%,#363636 100%);
}
.accordion .slide > div { background: #030303; margin-left: 5px }
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
/* centrer l'accordéon */
.accordion { margin: auto; }
div .AdministrateurDegrade {
background-image: url("http://img849.imageshack.us/img849/2548/bleufonce.png");
background-position: bottom right;
}
.online {
background-position: 165px 0px;
}
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
je viens peut etre d'identifier le problème:
j'ai mis un code pour avoir un dégradé dans les messages (tout à la fin)
sans ce code, mon icone réapparait
mais elle apparait en second plan: je m'explique:
comme j'ai mis un cadre autour du profil, il y a un "backgrund" à l'interieur, ce qui cache l'icone
alors, comment faire pour qu'elle apparaissent sur le "backgrund" et pas derrière ?
j'ai mis un code pour avoir un dégradé dans les messages (tout à la fin)
sans ce code, mon icone réapparait
mais elle apparait en second plan: je m'explique:
comme j'ai mis un cadre autour du profil, il y a un "backgrund" à l'interieur, ce qui cache l'icone
alors, comment faire pour qu'elle apparaissent sur le "backgrund" et pas derrière ?
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Puis-je vous demander de quel coté est le profil sur votre forum ?
Parce que si vous mettez les profils comme ici du coté droit votre "en ligne" (PA=>Général=> Configuration=>Structures des pages=>Position du profil dans les messages)sera automatiquement au comme vous le demandez ^^
Parce que si vous mettez les profils comme ici du coté droit votre "en ligne" (PA=>Général=> Configuration=>Structures des pages=>Position du profil dans les messages)sera automatiquement au comme vous le demandez ^^
Re: Mettre "en ligne" dans le cadre du mini profil du message
merci de votre réponse mais si je mets le profil à droite, ça ne change rien puisque l'icone est en arrière plan, caché par le fond coloré du profil
il faudrait que l'image apparaisse sur le profil et pas dessous
le(s) concepteur de ce forum a du utiliser un code pour mettre l'icone en premier plan
il faudrait que l'image apparaisse sur le profil et pas dessous
le(s) concepteur de ce forum a du utiliser un code pour mettre l'icone en premier plan
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
J'avais demandé aussi et c'est pas possible de la faire passer par dessus les avatars et autre parce qu'elle est attaché a l'arrière plan du forum ^^
Re: Mettre "en ligne" dans le cadre du mini profil du message
ce doit etre possible puisque c'est réalisé sur ce forum
=> regardez les profils à droite: l'icone est sur le cadre coloré du profil
=> regardez les profils à droite: l'icone est sur le cadre coloré du profil
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
D'après ce que j'ai pu constater, il y a un conflit de codes avec l'Accordéon. J'ai supprimé son code et tout est redevenu normal sur phpBB3. Faites un test.
Cordialement
Cordialement
Re: Mettre "en ligne" dans le cadre du mini profil du message
je n'ai pas compris ce qu'il fallait faire
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Supprimez tout le code CSS de l'Accordéon pour voir si l'affichage de l'image 'En ligne' redevient normal.
Cordialement
Cordialement
Re: Mettre "en ligne" dans le cadre du mini profil du message
l'affichage est redevenu normal sans tout supprimer (j'ai juste supprimé la partie qui permettait le création d'un dégradé)
tout est redevenu normal mais j'aimerais que l'icone s'affiche, comme sur ce forum, sur le profil, en premier plan et pas derrière le profil
tout est redevenu normal mais j'aimerais que l'icone s'affiche, comme sur ce forum, sur le profil, en premier plan et pas derrière le profil
Matthieu A.- ****
-
Messages : 258
Inscrit(e) le : 11/03/2013
Re: Mettre "en ligne" dans le cadre du mini profil du message
Je n'ai pas cette solution pour l'instant mais entre temps vous pouvez lancer une recherche dans les archives FA.
Cordialement
Cordialement
Page 1 sur 3 • 1, 2, 3
Sujets similaires
» Mettre un petit espace entre la ligne qui sépare le profil et le message
» Qui est en ligne personnalisé mettre un cadre.
» Mettre un cadre au profil
» Comment mettre à la ligne cette partie de texte du profil
» Mettre un cadre noir dans la page profil, onglet signature
» Qui est en ligne personnalisé mettre un cadre.
» Mettre un cadre au profil
» Comment mettre à la ligne cette partie de texte du profil
» Mettre un cadre noir dans la page profil, onglet signature
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum