Déplacement des boutons sur la page d'envoi d"un message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Jeu 19 Sep 2013 - 21:13

Bonsoir,

Voici comment sont placés ces boutons sur mon forum:


J'aimerais bien placer les 2 "cerclés" au début de la 2e ligne, comme CHEZ VOUS...
Cela pourrait éviter l'"ascenseur horizontal" pour héberger une image...

Mais comment faut-il faire?

Bonne soirée à tous.


Dernière édition par PhilaSoleil le Mer 25 Sep 2013 - 12:09, édité 1 fois

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 10:59

Salut PhilaSoleil,

on peut déplacer le contenant:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Insères ceci:

Code:

.sceditor-group:nth-child(5)
{
float:left!important;
}
Pour la réponse rapide:
Code:

#quick_reply  .row2 .sceditor-group:nth-child(4)
{float:left!important;}
Pense à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 11:22

Bonjour et merci,

J'ai suivi ce que vous avez écrit pas à pas (J'aurais bien été incapable de trouver cela tout seul...).
Cela fonctionne, si ce n'est que j'aurais préféré les placer (et seulement ces 2),
à GAUCHE de la DEUXIEME LIGNE... Comme sur CE FORUM.


Mais en attendant mieux, c'est déjà bien, le problème d’ascenseur est résolu...

Bonne journée à tous,

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 11:33

Re,

je comprend ton problème, tu as un écran de petite résolution ou alors ton forum est très étroit Wink .
Est ce le cas ?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 11:36

RE,

OUI, je "travaille" sur un 15 pouces......

Voici comme je vois CE FORUM:


J'aimerais la MEME disposition des boutons sur le mien.

Et merci encore...

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 12:21

Re,
si tu vois çà ici tu dois le voir aussi sur ton forum , ensuite il faut que ton forum
est une largeur convenable 85% Wink .

Le tien doit être configuré à 100% .

Général/Configuration/Général/Structure des pages
Largeur du forum (nombre ou %) :

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 12:43

OUI, effectivement, si je passe à 85%, je vois les boutons comme ICI.

Mais là, le REMEDE est pire que le MAL, toutes mes icônes/liens de haut et de bas de page se trouvent décalées sur 2 lignes et c'est inesthétique...

Je reste à 100%.

Je pensais juste qu'il était possible d'ajouter une ligne de code dans celui que vous m'avez indiqué du style "line 2" pour les faire basculer en bas...

Mais encore merci...

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 16:23

Re,
je vais essayer de te bidouiller un truc Wink  .

J'ai bien dit essayer Laughing .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 16:33

ReBonjour,

Cela est vraiment sympa et cela fait vraiment plaisir de voir qu'on est bien accueilli sur ce forum...

Bien sûr, ce n'est pas une obligation, la 1e modif que vous m'avez donnée me convient déjà beaucoup.

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 17:46

Re,

L'aperçu en image:


En cliquant sur le bouton "Plus ou Moins de boutons".
L'aperçu en image:



voilà mon ami, tous les boutons ont été positionné à gauche
sauf les boutons suivants:
"Plus/Moins de boutons"
"Indice et exposant" (affichés lors du clic sur le bouton "Plus/Moins de boutons" )
"Défilement horizontal", " Défilement vertical" , "WOW" et "Aléatoire" (affichés lors du clic sur le bouton "Plus/Moins de boutons" ).

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
colle ceci:
Code:

/*la barre contenant les boutons*/
div.sceditor-toolbar {height:70px!important;}
/*les quatres premiers groupes de boutons*/
.sceditor-group:nth-child(1) , .sceditor-group:nth-child(2) , .sceditor-group:nth-child(3) , .sceditor-group:nth-child(4)
{
float:left !important;

}
/*les boutons inserer une image etc*/
.sceditor-group:nth-child(5)
{
position:absolute !important;
left:5px !important;
top:35px !important;
}
/*les boutons taille de police etc*/
.sceditor-group:nth-child(6)
{
position:absolute !important;
left:170px !important;
top:35px !important;
}
/*le bouton plus ou moins de bouton place a droite*/
.sceditor-group:nth-child(7)
{
position:absolute !important;
right:5px !important;
top:35px !important;
}

/*les boutons indice et exposant*/
.sceditor-group:nth-child(8)
{
position:absolute !important;
right:40px !important;
}
/*les boutons defilement etc*/
.sceditor-group:nth-child(9)
{
position:absolute !important;
right:80px !important;
top:35px !important;
}

/*les boutons date etc*/
.sceditor-group:nth-child(10)
{
position:absolute !important;
left:280px !important;
top:35px !important;
}
Pense à cliquer sur le bouton


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 18:42

Merci encore...

Juste une petite question, dois-je LAISSER le 1e code et ajouter celui-ci ou bien dois-je le REMPLACER par celui-ci?

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 18:45

Re,
oups désolé , j'ai oublié de le mentionner,

le dernier code donné est le bon ,
tu peux supprimer les codes donnés dans mon premier message  Wink  .

http://forum.forumactif.com/t357922-deplacement-des-boutons-sur-la-page-d-envoi-d-un-message#3043147

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 18:57

Merci tout plein; maintenant, je suis à l"apéro, je teste cela après manger et vous tiens au courant...merci Thanks 
Je n'ai pas trouvé d'émoticônes pour TRINQUER... Désolé...
Chez moi, il y a en 2 (bière et autre)...
A bientôt...

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 19:02

Re,

Very Happy bon apéro alors Wink .

N'oublie pas de venir donner des nouvelles Wink .


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 20:14

Je reviens...
En ce qui concerne le "nouveau message" ou "répondre", c'est SUPER:


Pour la "réponse rapide", RIEN n'a changé, mais ce n'est pas gênant...


Et en plus, tout à l'heure, je n'ai pas eu la présence d'esprit de faire comme cela:
_

Encore Thanks pour TOUT...

A noter qu'aujourd'hui c'est la 2e résolution à mes problèmes de la part des membres de ce site sympa que je reçois...
Cela mérite d'être dit...

Bonne soirée à tous,


Dernière édition par PhilaSoleil le Ven 20 Sep 2013 - 20:26, édité 1 fois

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 20:24

Re,

pour la réponse rapide, elle a aussi changer mais les modules sont moindre
je peux aussi te donner la manip mais ce sera que demain Wink  .

a++


Dernière édition par Milouze14 le Ven 20 Sep 2013 - 20:33, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 20:28

Pas de problème, on va faire comme Charles...

Passez tous une bonne fin de soirée...

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Ven 20 Sep 2013 - 20:37

Re,
ben Charles n'attendra pas Very Happy ,

ajoutes ceci dans ta css:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

/*la barre contenant les boutons de la reponse rapide*/
#quick_replydiv .sceditor-toolbar {height:70px!important;}

#quick_reply .sceditor-group:nth-child(1) , #quick_reply.sceditor-group:nth-child(2) ,
#quick_reply.sceditor-group:nth-child(3) , #quick_reply.sceditor-group:nth-child(4)
{
float:left !important;
}
#quick_reply .sceditor-group:nth-child(5) 
{
position:absolute !important;
left:5px !important;
top:35px !important;
}
#quick_reply .sceditor-group:nth-child(6)
{
position:absolute !important;
left:120px !important;
top:35px !important;
}


Pense à cliquer sur le bouton


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Ven 20 Sep 2013 - 20:50

RE,

J'ai fait le nécessaire, mais, LA, en toute honnêteté, RIEN n'a changé...
Allons, reposons-nous, DEMAIN sera un autre jour...

En attendant, j'enlève ce DERNIER CODE...

Bonne soirée à tous. Yes

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Sam 21 Sep 2013 - 5:18

Salut PhilaSoleil ,
étonnant que cela ne fonctionne pas car chez moi les groupes
de boutons se sont bien déplacés Wink  .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Sam 21 Sep 2013 - 10:09

Bonjour,

Je viens de réessayer la manip, pensant que hier soir, j'avais fait une erreur, mais pour la "réponse rapide", cela ne produit aucun changement.

J'ai même essayé avec l'ancien code:
Code:
#quick_reply  .row2 .sceditor-group:nth-child(4)
{float:left!important;}
Peut-être que cela vient toujours de mes 100%?
Mais tout cela n'est pas grave, l'IMPORTANT est fait...
Et je ne voudrais pas abuser de votre gentillesse.

Passez un bon week-end, ainsi que tous les membres.

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Sam 21 Sep 2013 - 15:33

Re,

tu peux donner l'intégralité de ta feuille de style stp Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Sam 21 Sep 2013 - 15:42

Re,

OUI, bien sûr, sans problème, à noter que j'ai usé et peut-être abusé des EXCELLENTS TUTORIELS de ce site...

Alors, elle peut être chargée... Mais la voici:
A noter que j'ai essayé de PASSER une LIGNE entre chaque AJOUT...
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;
        }

        .bouhautbas {
            bottom: 0px;
            left: 10px; /* remplacez left par right pour afficher les boutons à droite */
            position: fixed;
            z-index:100;
        }

        tr.annonce td {background-color:#D6BD47!important;} /* Modifie la couleur de fond des annonces */
        tr.Note td {background-color:#E3CF83!important;} /* Modifie la couleur de fond des Note */

        .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

        .postpagination span {
            float: left;
            display: inline;
            margin-left: 4px;
            padding: 0 8px;
            height: 26px;
            border: 1px solid;
            border-color: #C2D5E3;
            background-color: #FFF;
            background-repeat: no-repeat;
            color: #333;
            overflow: hidden;
            text-decoration: none;
            margin: 0 4px 0 0;
            line-height: 26px;
            cursor: pointer;
            font-weight: normal;
        }
        .postpagination span:hover {
            border-color: #369;
            color: #369;
        }
        .postpagination span.pp_current {
            background-color: #E5EDF2;
            border-color: #C2D5E3;
            color: #333;
            font-weight: bold;
        }
        .postpagination {
            display: block;
            font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
        }
        .postpagination:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        div.postpagination { margin: 10px 0 }
        span.postpagination span {
            float: none;
            padding: 0 4px;
            font-size: 0.8em;
            margin: 0 2px 0 0;
        }
        .postpagination span.pp_next {
            padding-right: 25px;
            background-image: url(http://i.imgur.com/2C4dvL5.gif);
            background-position: 90% 50%;
        }
        span.postpagination span.pp_next {
            padding-right: 12px;
            background-position: 90% 50%;
        }

        .vote {
            width: 45px; /*-- largeur de l'image choisie --*/
        }

        .bgPhiladministrateur td.row1 {
        background-image: url(http://i70.servimg.com/u/f70/17/93/47/49/dagrad23.png) !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .bgPhiladministrateur td.row2 {
        background-image: url(http://i70.servimg.com/u/f70/17/93/47/49/dagrad23.png) !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        
       .bgPhilhonoraire td.row1 {
        background-image: url(http://i70.servimg.com/u/f70/17/93/47/49/dagrad27.png) !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .bgPhilhonoraire td.row2 {
        background-image: url(http://i70.servimg.com/u/f70/17/93/47/49/dagrad27.png) !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        
       .bgPhilactif td.row1 {
        background-image: url(http://i70.servimg.com/u/f70/17/93/47/49/dagrad26.png) !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .bgPhilactif td.row2 {
        background-image: url(http://i70.servimg.com/u/f70/17/93/47/49/dagrad26.png) !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        
           
       /*la barre contenant les boutons*/
        div.sceditor-toolbar {height:70px!important;}
        /*les quatres premiers groupes de boutons*/
        .sceditor-group:nth-child(1) , .sceditor-group:nth-child(2) , .sceditor-group:nth-child(3) , .sceditor-group:nth-child(4)
        {
        float:left !important;
        
       }
        /*les boutons inserer une image etc*/
        .sceditor-group:nth-child(5)
        {
        position:absolute !important;
        left:5px !important;
        top:35px !important;
        }
        /*les boutons taille de police etc*/
        .sceditor-group:nth-child(6)
        {
        position:absolute !important;
        left:170px !important;
        top:35px !important;
        }
        /*le bouton plus ou moins de bouton place a droite*/
        .sceditor-group:nth-child(7)
        {
        position:absolute !important;
        right:5px !important;
        top:35px !important;
        }
        
       /*les boutons indice et exposant*/
        .sceditor-group:nth-child(8)
        {
        position:absolute !important;
        right:40px !important;
        }
        /*les boutons defilement etc*/
        .sceditor-group:nth-child(9)
        {
        position:absolute !important;
        right:80px !important;
        top:35px !important;
        }
        
       /*les boutons date etc*/
        .sceditor-group:nth-child(10)
        {
        position:absolute !important;
        left:280px !important;
        top:35px !important;
        }
Bonne fin de journée à tous,

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par Milouze14 le Sam 21 Sep 2013 - 19:17

Re, merci Wink  ,

habituellement cela m'aurait sauté aux yeux ,
j'avais collé certains identifiants aux class et collé une div Assomé Assomé .

Voilà, avec ce code tu auras l'effet escompté Clin d\'oeil :

Code:


  
       /*la barre contenant les boutons de la reponse rapide*/
        #quick_reply .sceditor-toolbar {height:70px!important;}
        
       #quick_reply .sceditor-group:nth-child(1) , #quick_reply .sceditor-group:nth-child(2) ,
        #quick_reply .sceditor-group:nth-child(3) , #quick_reply .sceditor-group:nth-child(4)
        {
        float:left !important;
        }
        #quick_reply .sceditor-group:nth-child(5)
       {
        position:absolute !important;
        left:5px !important;
        top:35px !important;
        }
        #quick_reply .sceditor-group:nth-child(6)
        {
        position:absolute !important;
        left:120px !important;
        top:35px !important;
        }
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement des boutons sur la page d'envoi d"un message

Message par PhilaSoleil le Sam 21 Sep 2013 - 20:39

Bonsoir, mais désolé, cela ne fonctionne pas... dans notre OPTIQUE...

Mais, comme je disais, l'IMPORTANT est fait...

Passez un bon DIMANCHE, ainsi que tous les membres...

PhilaSoleil
**

Masculin
Messages : 66
Inscrit(e) le : 29/08/2013

http://phila-soleil.forumactif.org/
PhilaSoleil a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum