Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Bonjour,
alors voila j'ai voulu tester un magnifique code de tech :
https://forum.forumactif.com/t347904-ajouter-l-avatar-du-membre-a-cote-de-la-reponse-rapide
Malheureusement j'ai un petit problème T-T.
Nous somme sous la Version phpBB2
voici la CSS:
le problème est sur opéra et aussi sur Mozilla
sur mozilla : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644990-mozilla.png
Sur Opéra : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644992-opera.png
Sur Chrome : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644990-chrome.png
Sur safari : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644990-safari.png
j'aurais voulu savoir si il y avait un code ou quelque chose pour que se soit partout pareille que chrome et safari.
Voila merci d'avance .
alors voila j'ai voulu tester un magnifique code de tech :
https://forum.forumactif.com/t347904-ajouter-l-avatar-du-membre-a-cote-de-la-reponse-rapide
Malheureusement j'ai un petit problème T-T.
Nous somme sous la Version phpBB2
voici la CSS:
- Code:
/*avatar*/
#av_quickreply img{
position: relative;
top: 80px;
left: 55px;
right:15px;
max-width: 100px;
max-height: 160px;
}
#av_quickreply {
float: left;
}
le problème est sur opéra et aussi sur Mozilla
sur mozilla : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644990-mozilla.png
Sur Opéra : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644992-opera.png
Sur Chrome : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644990-chrome.png
Sur safari : https://2img.net/image.noelshack.com/fichiers/2013/12/1363644990-safari.png
j'aurais voulu savoir si il y avait un code ou quelque chose pour que se soit partout pareille que chrome et safari.
Voila merci d'avance .
Dernière édition par MaxLiam le Ven 29 Mar 2013 - 17:53, édité 1 fois
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
toujours le même problème T-T
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Bonjour
se que j'ai ajouté c'est juste pour réduire l'avatar du moins sa taille .
j'ai tester le code de base et j'ai toujours le même problème sous opéra et mozilla l'avatar se retrouve au dessus et non pas sur le coté....
se que j'ai ajouté c'est juste pour réduire l'avatar du moins sa taille .
j'ai tester le code de base et j'ai toujours le même problème sous opéra et mozilla l'avatar se retrouve au dessus et non pas sur le coté....
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
toujours d'actu et ca fait la même pour l'avatar du dernier posteur
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Texte annulé
Dernière édition par FANCH 56 le Mar 26 Mar 2013 - 18:15, édité 1 fois
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Bonsoir
As-tu mis le javascript aussi ?
Remplace ton code CSS par celui-ci pour voir
Il fonctionne chez moi
As-tu mis le javascript aussi ?
Remplace ton code CSS par celui-ci pour voir
Il fonctionne chez moi
- Code:
/* ***************************photo à côté réponse rapide************************* */
#qpost{
max-height: 900px !important;
}
#av_quickreply img{
position: relative;
top: 35px;
left: 15px;
}
.qreply{
bottom: 150px;
position: relative;
margin-tot: 0px;
margin-right: 100px;
}
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
bonjour
oui celui ci :
j'ai mis votre CSS mais il n'y a aucun changement pour opéra ou mozilla les avatar reste grand et au dessus de la reponse rapide
oui celui ci :
- Code:
jQuery(document).ready(function() {
$('#quick_reply').before('<div id="av_quickreply"></div>');
if(typeof(_userdata)!="undefined") {
$('#av_quickreply').html(_userdata['avatar']);
}
else {
$('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
}
});
j'ai mis votre CSS mais il n'y a aucun changement pour opéra ou mozilla les avatar reste grand et au dessus de la reponse rapide
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Cela fonctionne pourtant.
Mais je vois que tu es en phpbb2 donc cela doit se jouer dans les templates.
Mais je vois que tu es en phpbb2 donc cela doit se jouer dans les templates.
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
T-T non c'est pas cool de me dire ça j'ai aucun accès a se niveau la T-T et notre fondateur est pas absent depuis 6 mois T-T
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Alors là : coincée !
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
T-T merci quand même de votre aide ^^
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Quelqu'un aurais une autre solution?
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Bonjour,
Le CSS fourni dans le premier message n'est pas installé sur votre forum. Dès qu'il sera installé, l'image s'affichera correctement.
Cordialement.
Le CSS fourni dans le premier message n'est pas installé sur votre forum. Dès qu'il sera installé, l'image s'affichera correctement.
Cordialement.
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
je viens de les retirer car cela gene beaucoup de membre qui sont sous mozilla mais je vais les remettre pour voir
édité : j'ai tout remis pour reponse rapide et l'avatar du dernier membres , malheuresment sa ne fonction toujours pas sous opéra et mozilla .
la css j'ai juste ajouter un taille a l'avatar et j'ai essayer de le centrer via chrome :
édité : j'ai tout remis pour reponse rapide et l'avatar du dernier membres , malheuresment sa ne fonction toujours pas sous opéra et mozilla .
la css j'ai juste ajouter un taille a l'avatar et j'ai essayer de le centrer via chrome :
- Code:
/*avatar message*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 64px;
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: 40px;
height: 64px;
}
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Je parlais de ce code CSS :
Cordialement.
- Code:
/*avatar*/
#av_quickreply img{
position: relative;
top: 80px;
left: 55px;
right:15px;
max-width: 100px;
max-height: 160px;
}
#av_quickreply {
float: left;
}
Cordialement.
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Bonjour
a me suis tromper de Css nous avons celle la :
j'ai ajouter la votre pour voir mais sur opera il n'y a aucun changement , ni sous mozilla .
a me suis tromper de Css nous avons celle la :
- Code:
/* ***************************photo à côté réponse rapide************************* */
#qpost{
max-height: 900px !important;
}
#av_quickreply img{
position: relative;
top: 80px;
left: 55px;
right:15px;
max-width: 100px;
max-height: 160px;
}
#av_quickreply {
float: left;}
.qreply{
bottom: 150px;
position: relative;
margin-tot: 0px;
margin-right: 100px;
}
j'ai ajouter la votre pour voir mais sur opera il n'y a aucun changement , ni sous mozilla .
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Retirer tout le CSS que vous aviez mis pour l'astuce et mettez seulement celui que je vous ai fourni.
Cordialement.
Cordialement.
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Bonjour
C'est fait mais sous opéra aucun changement mozilla non plus (j'ai la poisse je crois)
C'est fait mais sous opéra aucun changement mozilla non plus (j'ai la poisse je crois)
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
On parle bien du même forum : http://life-in-los-angeles.forumactif.com/ ???
Si oui, merci de mettre le CSS tout à la fin de votre code sur votre forum.
Si oui, merci de mettre le CSS tout à la fin de votre code sur votre forum.
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Oui c'est bien lui
la css est mis a la fin mais ça ne change rien sur les deux serveur Oo
la css est mis a la fin mais ça ne change rien sur les deux serveur Oo
- Code:
@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: #ffffff;
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: #e9dac8; }
.accordion noscript p { padding: 10px; margin: 0; background: white }
/***************************************** Light */
.accordion {
border: 9px solid #788aa2;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #9ea6ac;
-webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: none; text-shadow: 0 -1px 0 #888888; line-height: 265% }
.accordion .slide > h2 span {
background: #d1e2e2;
background: -moz-linear-gradient(left, #67788f 0%, #d0d0c7 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#67788f), color-stop(100%,#d0d0c7));
background: -webkit-linear-gradient(left, #67788f 0%,#d0d0c7 100%);
background: -o-linear-gradient(left, #67788f 0%,#d0d0c7 100%);
background: -ms-linear-gradient(left, #67788f 0%,#d0d0c7 100%);
background: linear-gradient(left, #67788f 0%,#d0d0c7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: -1px -1px 0 #2a2a2a inset, 1px 1px 0 #2a2a2a inset;
-moz-box-shadow: -1px -1px 0 #2a2a2a inset, 1px 1px 0 #2a2a2a inset;
-o-box-shadow: -1px -1px 0 #2a2a2a inset, 1px 1px 0 #2a2a2a inset;
box-shadow: -1px -1px 0 #2a2a2a inset, 1px 1px 0 #2a2a2a inset;
color: #ffffff;
}
.accordion .slide > h2 b { background: none; color: #ffffff; text-shadow: -1px 1px 0 #888888 }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b {
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d0d0c7), color-stop(100%,#67788f)); }
.accordion .slide > div { background: #f4f2d9; 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% }
.accordion .slide > h2 span { filter: none }
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
/* centrer l'accordéon */
.accordion { margin: auto; }
/*staff*/
/*pa partie admin*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/*pa partie admin*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
span.infoadmins {
position: relative ;
text-decoration: none;
}
span.infoadmins span.bulle {
display: none;
font-size: 12px;
}
span.infoadmins:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infoadmins:hover span.bulle {
display : block;
position:absolute;
top: 10px;
left: au;
width: 150px;
color: #515a5f;
background-color: #8ccfcf;
border: 3px double #3c4848;
padding: 3px;
-moz-border-radius: 5px;
}
/* La PA */
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none;}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
ul, li{
list-style: none;}
.mon_onglet{
padding: 10px ;
color: #ffffff;
-moz-box-shadow:inset 2px 3px 28px black;
background: #7bad9c;
-moz-border-radius: 10% 10% 10% 10%;
cursor: pointer;}
.mon_onglet_selected{
-moz-box-shadow:inset 2px 3px 28px black;
padding: 10px ;
color: #ffffff;
-moz-border-radius: 10% 10% 10% 10% ;
background: #eecce2;
cursor: pointer;}
.mon_contenu{
margin-top: -50px;
font-size: 11px;
width: 400px;
height:360px;
background: #eecce2;
-moz-box-shadow:inset 5px 6px 150px black;
border: 5px solid #829a9a ;
padding: 20px;
color: #ffffff;
-moz-border-radius: 20px;
line-height: 18px;}
.mon_contenu2{
font-size: 11px;
width: 220px;
height:360px;
background: #eecce2;
}
/* Lien du menu principal de la PA*/
a.navipa{
background-color:#67788f;
display:block;
text-align:center;
font-family: tahoma;
color:#ffffff;
border-left: #485e7d 10px solid;
}
a.navipa:hover{
background-color:#cfcfc6;
display:block;
text-align:center;
font-family: tahoma;
color:#ffffff;
border-left: #ffffff 10px solid;
}
/*Images de présentation du staff*/
div.staffimg{
display:inline-block;
font-size:12px;
font-family:arial;
text-align:justify;
padding:0px 10px;margin:0px;line-height: 110px;word-spacing:20px;
}
/*Contexte*/
div.Contexte{
width:250px;
display:inline-block;
height: 360px;
overflow:auto;
font-size:12px;
font-family:tahoma;
text-align:justify;
padding:0px 10px;
margin:10px;}
/*Nouveautés*/
div.NEWS{
width:450px;
display:inline-block;
height: 400px;
overflow:380px;
font-size:12px;
font-family:tahoma;
text-align:justify;
padding:0px 10px;
margin:10px;}
div.Newss{
width:450px;
display:inline-block;
height: 360px;
overflow:auto;
font-size:12px;
font-family:tahoma;
text-align:justify;
padding:0px 10px;
margin:10px;}
/*Partenaires*/
div.Affiliates{
height: inherit;
width:510px;
display:inline-block;
font-size:12px;
font-family:tahoma;
text-align:justify;
word-spacing:5px;
line-height: 10px;
}
div.Parte{
width:470px;
display:inline-block;
height: 380px;
overflow:auto;
font-size:12px;
font-family:tahoma;
text-align:justify;
padding:0px 10px;
margin:10px;}
/*Crédits*/
div.Kurejitto{font-size:12px;
font-family:tahoma;
text-align:justify;
height: 500px;
width:420;
display:inline-block;
vertical-align:top;overflow:auto;
padding: 0px 10px;}
/*Images de présentation du PV*/
div.staffimg2{
display:inline-block;
font-size:12px;
font-family:arial;
text-align:justify;
padding:0px 10px;
margin:0px;
line-height: 40px;
word-spacing:10px;
width:auto;
}
div.PA_page1{ display:inline-block;
font-size:12px;
font-family:arial;
text-align:justify;
padding:0px 10px;
margin:0px;
width:490px;
}
div.PVS{vertical-align:top;
text-align:justify;}
/*fleche haut bas*/
div.topom{
position: fixed;
bottom: 50px;
right: 0px;
z-index: 999;
}
body {
background-repeat: no-repeat;
background-position: none;
background-color: #a1a9ae;
}
/*APPARENCE FORUMS*/
a.forumlink:hover
{font-size: 30px ;
letter-spacing:-2px ;
font-family: georgia;
font-weight: normal;
font-style: italic;
text-transform: lowercase;
display:block;
text-decoration: none
text-align: left;
text-shadow: 0px 0px 1px;
border-bottom: 1px solid #e6b997;}
a.forumlink
{font-size: 30px ;
letter-spacing:-2px ;
font-family: georgia;
font-weight: normal;
font-style: italic;
text-transform: lowercase;
display:block;
text-decoration: none
text-align: left;
text-shadow: 0px 0px 1px;
border-bottom: 1px solid #788aa2;}
/*pas d espace haut bas du forum*/
body{
margin-top: -10px;
margin-bottom: -38px;
}
.encadrement
{background-color: #a1a9ae;
border-left: 2px solid #788aa2;
border-right: 2px solid #788aa2;
border-bottom: 1px solid #788aa2;
border-top: 1px solid #788aa2;}
.bodyline {
padding-right: 0px;
padding-left:0px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 4px solid # ;
}
a.mainmenu {
propriétés
propriétés
propriétés
}
a.mainmenu:hover {
propriétés
propriétés
propriétés
text-shadow: 3px 3px 3px #000000;
}
a img:hover {
opacity: 2;
}
/*contours des codes et spoilers*/
.quote, .code {background-color: #FFFFFF;
border-left: 2px solid #74d6d6;
border-right: 2px solid #74d6d6;}
.postbody {
display: block;
padding-left: 16px;
padding-right: 16px;
text-align:justify;
}
.class1pa {border:1px solid #74d6d6; width:451px}
.class1pa:hover {border:1px solid #74d6d6;}
.class2pa {border:1px solid #74d6d6; width:451px}
.class2pa:hover {border:1px solid #74d6d6;}
.class3pa {border:1px solid #74d6d6; width:451px}
.class3pa:hover {border:1px solid #74d6d6;}
.classlair {border:1px solid #74d6d6; width:451px}
.classlair:hover {border:1px solid #74d6d6;}
.classcat {border-left: 5px solid #74d6d6;
border-right: 5px solid #74d6d6;
border-top: 1px dotted #74d6d6; width:480px}
.classcat:hover {border-left: 5px solid #36bbbb;
border-right: 5px solid #36bbbb;
border-top: 1px dotted #36bbbb; }
.name {
font-size: 18px;
letter-spacing:-2px ;
font-family: ballpark;
text-decoration: none;
text-align: center;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a.mainmenu {
text-transform: uppercase;
}
a.forumlink {padding-left:5px;}
a.forumlink:hover {padding-left:5px;}
.infobulle{
position: relative;
z-index: 999;}
.infobulle:hover{
background-color: transparent;
z-index: 999;}
.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 2px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#FF0000;
border: 2px solid #0000FF;
}
.spoiler {
background-color : #a1a9ae ;
border : XXpx solid #a1a9ae ;
-moz-border-radius: 2px 2px 2px 2px }
/*Qui est en ligne */
.tableauqueel{
background-color : #e9f6f6;
border : solid Xpx #e9f6f6 ;
-moz-border-radius : 2px 2px 2px 2px}
.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #cbd9d9;
padding-left : 10px }
.groupes{
background-color:#COLOR ;
border: 1px color #COLOR ;
-moz-border-radius : Xpx XpxXpxXpx;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #8b9696 ;
text-decoration: none !important;
}
.milieu {width: 90%; margin: 0px; border: 1px solid #d6f0f0;-moz-border-radius: 10px;
-webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #ffffff;
}
/* SUPPRESSION DU DERNIER ÉDITION */
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/* SUPPRESSION DU SURLIGNEMENT DES LIENS */
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}
/*Bannière aléatoire pr header fond de page*/
.ban1 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102670-amber-heard.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban2 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102710-ashley-smith.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban3 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102744-dianna-agron.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban4 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102776-emma-watson.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban5 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102727-ev.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban6 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102731-ian-somerhalder.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban7 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1362960923-tasha.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban8 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102901-jamie-dornan.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban9 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363111192-jennifer-lawrencex2.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban10 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102995-jensen-ackles.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban11 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102934-justin-bieber.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban12 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363103184-katy-perry.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban13 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363102950-kim-kardashian.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban14 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363103048-kristen-stewart.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban15 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363103128-nina-dobrev.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban16 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363103116-shantel-vansanten.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban17 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363103170-pixie-lott.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban19 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363109725-paul-wesley.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban20 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363109731-zac-efron.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban22 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363114067-1d.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban23 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363114065-1dd.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban18 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363109727-zayn-malik.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
.ban21 { background-image: url('http://image.noelshack.com/fichiers/2013/11/1363114063-1dddd.png') ;
background-color: #f4f2d9;
background-repeat: no-repeat;
background-position: top center;
}
/* JUSTIFICATION TOTALE DU FORUM BY MINNIE XD */
.forumline {
text-align: justify;
}
/* DOUBLER LE TRAIT SOUS LE FORUM */
a.forumlink{
border-bottom: 3px double # ;
color:# ;
display:block;
text-align: ;
}
/* MAJUSCULE & MINUSCULE */
a {
text-transform: small-caps;
}
/* OMBRER LES LIENS */
/*selection code*/
.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer; }
/*les trucs de référence xD*/
.arrondi {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-width:550px;
font-height:500px;
background-color: #000000;}
.titre1 {
font-family: georgia;
font-style: normal;
font-size: 30px;
line-height: 9px;
letter-spacing: -0px;
text-shadow: 0pt 0pt 1px;
color:#788aa2;}
.titre2 {
font-family: georgia;
font-style: normal;
font-size: 23px;
line-height: 12px;
letter-spacing: -0px;
text-shadow: 0pt 0pt 1px;
color:#9A8C6D;}
.texte1 {
font-family: georgia;
font-style: normal;
font-size: 11px;
line-height: 11px;
letter-spacing: -0px;
text-shadow: 0pt 0pt 1px;
color:#788aa2;}
.texte2 {
font-family: georgia;
font-style: normal;
font-size: 12px;
line-height: 11px;
letter-spacing: -0px;
text-shadow: 0pt 0pt 1px;
color:#788aa2;}
.titre3 {
font-family: georgia;
font-style: normal;
font-size: 16px;
line-height: 11px;
letter-spacing: -0px;
text-shadow: 0pt 0pt 1px;
color:#788aa2;}
/* IMG PROFIL */
.profilentour img {
max-width: 200px; }
/*plus*/
a.mainmenu:link, a.mainmenu:visited{
margin-left : 4px;
margin-right : 4px;
font-family :Georgia;
color: #ffffff;
text-align:left;
border-left: 9px solid #485e7d;
border-right: 9px solid:#9ae5e5 ;
background-color : #788aa2 ;
}
a.mainmenu:hover, a.mainmenu:hover:visited{
color: #ffffff;
border-left: 9px solid #FFFFFF;
border-right: 9px solid:#537e7e ;
}
.profilentour {
text-align:justify;
padding:9px;
background-color:#788aa2;
-moz-border-radius:10px;
max-width: 200px;
}
.rang {
border-bottom: 3px dotted #619090
}
/*IMAGE PROFIL*/
.postdetails.poster-profile img {max-width: 200px;display:block;}
/*********************************************partie admin***************************************************/
a:link, a:hover
{
text-decoration: none !important;
}
b{color:#2f5a5a;}
.b{color:#2f5a5a;}
i{color:#7E774D;}
u{ color:#2f5a5a;
-webkit-border-bottom-left-radius: 9px;-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;-moz-border-radius-bottomright: 9px;
border-bottom:#13b7b7 dotted 2px;text-decoration:none;}
.cate{background-image:url(http://img11.hostingpics.net/pics/420466varre769.png);
border: 1px dotted #000000;
height:130px;overflow:hidden;width:200px;
color:lightgrey;}
.cate_img{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;height:120px;margin-left:0;position:relative;transform:all;transition:1s;width:200px;z-index:2}
.cate:hover .cate_img{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;margin-left:400px;transform:all;transition:1s}
.cate_description{font-size:11px;height:130px;margin-top:-120px;overflow:auto;padding:2px;position:relative;text-align:justify;width:200px;z-index:1}
.catebis{background-image:url(http://img11.hostingpics.net/pics/420466varre769.png);
border: 1px dotted #000000; height:130px;overflow:hidden;width:200px}
.catebis_img{-htm-transform:all;-htm-transition:1s;-moz-transform:all;
-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;
-webkit-transition:1s;height:100px;margin-left:0;position:relative;transform:all;transition:1s;width:100px;z-index:2}
.catebis:hover .catebis_img{-htm-transform:all;
-htm-transition:1s;-moz-transform:all;-moz-transition:1s;
-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;margin-left:400px;transform:all;transition:1s;position:center; }
.catebis_description{font-size:11px;height:120px;
margin-top:-100px;overflow:auto;padding:2px;position:center;text-align:justify;width:200px;z-index:1
;max-width-img: 200px;}
b{color:#788aa2;}
.b{color:#788aa2;}
i{color:#7E774D;}
u{ color:#788aa2;
-webkit-border-bottom-left-radius: 9px;-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;-moz-border-radius-bottomright: 9px;
border-bottom:#19bebe dotted 2px;text-decoration:none;}
a:link, a:hover
{
text-decoration: none !important;
}
.navsec_contenu a
{
font-weight: bold;
letter-spacing: 2px;
font-size: 11px;
color: #316464;
border-bottom: 0px dotted #000000;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.navsec_contenu a:hover
{
color: red !important;
border-bottom: 0px dotted #000000;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/*pour scenario */
#picture {
float:left;
width: 215px;
height:110px;
code par IMWITHSTOOPID d'artsoul }
/* QUI EST EN LIGNE */
.tableauqueel{
background-color : #f0f4f7;
border : solid Xpx #f0f4f7 ;
-moz-border-radius : 2px 2px 2px 2px}
.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #c8d2d5;
padding-left : 10px }
.groupes{
background-color:#COLOR ;
border: 1px color #COLOR ;
-moz-border-radius : Xpx XpxXpxXpx;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #998C8C ;
text-decoration: none !important;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #d6ebef;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #ffffff;
}
.doublepost { border-top: 1px solid #888888 }
/* Début - Selecteur de couleur */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* Fin - Selecteur de couleur */
/*avatar dernier message*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 64px;
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: 40px;
height: 64px;
}
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
color: #a90c0c;
}
#username_reg.okusername {
color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */
/* ***************************photo à côté réponse rapide************************* */
/*avatar*/
#av_quickreply img{
position: relative;
top: 80px;
left: 55px;
right:15px;
max-width: 100px;
max-height: 160px;
}
#av_quickreply {
float: left;
}
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Il y a déjà ceci dans votre CSS :
Cordialement.
- Code:
#picture {
float:left;
width: 215px;
height:110px;
code par IMWITHSTOOPID d'artsoul }
- Code:
#picture {
float:left;
width: 215px;
height:110px;
}
Cordialement.
Re: Probleme avec : Ajouter l'avatar du membre à côté de la réponse rapide
Oo c'est ça qui a tout bloquer .....
En tout cas un grand merci a toi tech , je commencer a plus avoir d'espoir
En tout cas un grand merci a toi tech , je commencer a plus avoir d'espoir
Sujets similaires
» Problème avec le tuto "Ajouter l'avatar du membre à côté de la réponse rapide"
» problème avec le tuto "Ajouter l'avatar du membre à côté de la réponse rapide"
» Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide
» Ajouter l'avatar du membre à côté de la réponse rapide
» Problème pour ajouter une image en fond de réponse rapide et redimensionnement
» problème avec le tuto "Ajouter l'avatar du membre à côté de la réponse rapide"
» Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide
» Ajouter l'avatar du membre à côté de la réponse rapide
» Problème pour ajouter une image en fond de réponse rapide et redimensionnement
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum