CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
|  Slan 
{ Membre }
 Messages : 46
 | Bonjour à tous, je reviens ici car j'ai des petits souci sur mon forum de mise en page. Voilà je vais essayer d'être le plus claire possible. Tout d'abord je souhaiterai enlever le cade là où il y a la flêche rouge :  Puis je souhaiterai recentrer et recadrer l'espace où l'on poste le message comme présenter sur l'image :  Et y a t - il un moyen de modifier ll'affichage des smileys sur la gauche car je ne sais pas pourquoi mais tout est sur la même ligne comme vous pouvez là où il y a la flêche rouge:.  Voici mon css : - Code:
-
body
{
background: url(http://i33.servimg.com/u/f33/17/03/65/20/fond_910.jpg) top center repeat-x #DCDCDC;
}
#i_logo
{
height: 340px;
width: 760px;
margin-left: -10px;
margin-top: -10px;
margin-right: -10px;
margin-bottom: -50px;
-moz-border-radius: 20px 20px 0 0;
border-bottom: 1px solid #FABB72;
}
.bodyline{
-moz-border-radius: 20px 20px 20px 20px;
margin-top: 20px;
}
.bodylinewidth {
width:40%;
margin-top: 55px;
}
#page-body
{
width: 710px;
margin: auto;
background: url() top center repeat-x #eeeeee;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
border: 0px solid #e26f15;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 30px;
margin-bottom: 10px;
}
#navigation
{
float: right;
margin-top: -200px;
margin-right: 200px;
color: #FFFFFF;
}
.mainmenu
{
margin-right: 2px;
font-family: Sans Book SC;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
height: 20px;
}
a.mainmenu
{
color: #FFFFFF;
;
}
a.mainmenu:hover
{
color: #FFFFFF;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
.table_complete
{
width: 750px;
margin-bottom: 10px;
margin-top: 10px;
border: 0px solid #e26f15;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
padding-left: 5px;
}
.forumline
{
width: 750px;
margin-bottom: 0px;
margin-top: 10px;
border: 0px solid #e26f15;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
background: url() bottom center no-repeat #E3E3E3;
}
.forumline2
{
width: 750px;
margin: auto;
background: url() bottom center no-repeat #C9DDE7;
}
.table_head
{
width: 750px;
height: 92px;
margin: auto;
background: url() top center repeat-x #C9DDE7;
padding-left: 5px;
}
.table_foot
{
width: 750px;
height: 42px;
margin: auto;
background: url() top center no-repeat border-bottom: 1px dotted #2d1500;;
}
.title {
background: url() bottom center repeat-x #C9DDE7;
}
.secondarytitle
{
font-size: 20px;
text-align: left;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: url() bottom center repeat-x #C9DDE7;
border-bottom: 1px solid #FABB72;
}
.titre_cate
{
font-size: 15px;
font-weight: bold;
color: #c0c0c0;
text-shadow: 1px 1px 0px #eeeeee;
margin-bottom: 5px;
background: url() bottom center repeat-x #C9DDE7;
padding-left: 2px;
}
.forumlink {
width: 100%;
text-align: left;
padding-left: 1px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 10px;
color: #D06D98;
}
.forumlink a {
font-size: 15px;
}
.forumlink a:hover {
}
.table_cate
{
vertical-align: top;
padding-left: 2px;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #E1E0E2;
border: 0px solid #C9DDE7;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 0px dotted #C9DDE7;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
border-bottom: 0px dotted #C9DDE7;
}
.cate_contenu
{
width: 600px;
margin-left: 10px;
padding-left: 10px;
}
.description_cate
{
border-left: 0px solid #bebebe;
border-right: 0px solid #bebebe;
background-color: #E1E0E2;
height: 100px;
overflow: auto;
padding: 5px;
padding-left: 10px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 0px solid #e26f15;
}
.description
{
display: block;
text-align: justify;
padding-left: 10px;
}
.qeel
{
width: 650px;
margin: auto;
height: 400px;
background: url(http://img11.hostingpics.net/pics/945551fondqeel.jpg) center center no-repeat;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}
.stats1
{
width: 400px;
background-color: #DBE2E1;
border: 0px solid #535655;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #DBE2E1;
border: 2px solid #C9DDE7;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #bebebe;
border: 2px solid #C9DDE7;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #eeeeee;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #676767;
border-right: 3px solid #676767;
}
.groupes a:hover
{
border-left: 3px solid #e26b0a;
border-right: 3px solid #e26b0a;
}
.cb
{
margin-top: 50px;
}
th {
color: #000000;
font-size: 11px;
font-weight : bold;
background-color: #C9DDE7;
height: 25px;
background-image: url("") ;
padding: 2px 2px 3px 0;
border-bottom: 1px solid #FABB72;
}
.troisieme
{
width: 200px;
}
.statistiques{
background: url() bottom center repeat-x #E3E3E3;
border-bottom: 1px solid #FABB72;
border-top: 1px solid #FABB72;
background-position: center;
height:150px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
margin-top: 10px;
width: 730px;
}
En vous remerciant beaucoup par avance ! Slan | | |
|  | | pamina
{ Membre actif }
Messages : 1170
| Bonjour Slan Tes trois questions concernent ton template posting_body (Panneau Admin. > Templates > Poster & Messages Privés > posting_body) En t'aidant de la fonction "Procéder à l'inspection de l'élément" (clic-droit sur ta page, puisque je vois que tu es sur Chrome), tu peux repérer les zones que tu souhaites modifier, et te reporter dans ton template. Ensuite, tu pourras leur appliquer éventuellement des modifications de CSS. Mais il faut d'abord savoir et comprendre ce que tu touches. Cela te permettra également de préciser tes questions et de montrer tes essais.  Pour le 1, c'est facile. Pour le 2, on ne comprend pas ta question. Pour le 3, apparemment tu as dû déjà toucher quelque chose, je pense. Allez hop-hop-hop ! au boulot ! (Si un codeur pense que je n'ai pas dit ce qu'il faut, qu'il n'hésite pas à me corriger.  ) | | |
| | | | Espeon 
Administrateur
 Messages : 1819
| - pamina a écrit:
- (Si un codeur pense que je n'ai pas dit ce qu'il faut, qu'il n'hésite pas à me corriger. )
Non non tu as dit exactement ce qu'il fallait dire : - pamina a écrit:
- Allez hop-hop-hop ! au boulot !
Je rappelle que les codeurs de CSSActifs ne sont pas juste là pour venir, regarder ton problème et balancer le code réponse à copier/coller dans l'emplacement indiqué (même si malheureusement ça peut arriver que ça se passe comme ça). Le but, notre intention, c'est que tu comprenne et progresse. Le but, c'est que dans 2 mois, quand tu tombera sur le même genre de soucis, tu sache le faire toute seule et pas que tu ai à revenir sur CSSActif pour qu'on te rebalance un nouveau code quasi-identique. Et ça, ça passe par "mettre les mains dans le camboui". C'est bien d'être claire dans les explications et de fournir le CSS, mais on attend que tu aille plus loin dans ton investissement. Là j'ai l'impression que tu veux faire un truc, tu nous demande de le faire. Or ce qu'on veut, c'est que tu essaie de faire ce que tu veux, et que tu nous pose des questions précises sur les problèmes que tu rencontre quand ça marche pas. Tu vois la nuance ? Si je te dis tout ça, c'est pour que tu comprenne parce-que ce n'est pas le premier sujet de ce genre que tu nous fait (et 'Christa te l'a déjà dit). C'est pas bien grave, mais j'ai l'impression que tu n'as pas bien compris pour l'instant le but de CSSActif (que je viens donc de t'expliquer). Bref, je te réfère à la réponse de pamina pour les 3 points Voilou ! | | |
| | | | Slan
{ Membre }
Messages : 46
| alors je ne demande pas le copier coller de ce forum mais je demande comment pouvoir le faire. Nuance.
je sais que c'est un forum d'aide et pas de tricheur.
Et sur la première réponse. Ben je n'ai rien compris.
bref tant pis si je n'ai pas de réponse. | | |
| | | | Espeon
Administrateur
Messages : 1819
| - Slan a écrit:
- alors je ne demande pas le copier coller de ce forum mais je demande comment pouvoir le faire. Nuance.
De quel forum tu nous parle ? Tu ouvre un sujet parce-que tu as des soucis avec ton forum si je relis bien ta demande, avec screenshots à l'appui. A quel moment a-t-on parlé de plagiat d'un autre forum ici ?  - Espeon a écrit:
- Or ce qu'on veut, c'est que tu essaie de faire ce que tu veux, et que tu nous pose des questions précises sur les problèmes que tu rencontre quand ça marche pas.
La nuance va plus loin, je viens juste de t'expliquer qu'on peut pas te sortir du néant "comment faire". Ca ça s'appelle une commande, CSSActif ne réalise pas de commande. Ou bien, il faut piocher dans Codes à Copier-Coller, qui est la seule partie de CSSActif où effectivement le principe est de venir copier et coller le code d'un effet qu'on aime bien, sans avoir à réfléchir plus loin. Comprends-tu ? - Slan a écrit:
- Et sur la première réponse. Ben je n'ai rien compris.
Mais encore ? De quoi exactement parles-tu, la réponse de pamina ? Ses indications pour accéder aux infos HTML depuis ton navigateur ? C'est assez détaillé donc à quelle étape ne trouves-tu pas ton bonheur ?  | | |
| | | | Psycho 
Psychopathe
Messages : 3407
| Hello ! Le sujet est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Merci de ta compréhension  | | |
| | | | Psycho
Psychopathe
Messages : 3407
| Hello ! Puisque encore une fois nous n'avons toujours pas de réponse de ta part, je considère ce sujet comme résolu ! Merci de ta compréhension ! | | |
| | | | Contenu sponsorisé
| | | | | |
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
