mettre une image png dans le cadre des responses

Page 1 sur 2 1, 2  Suivant

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

Résolu mettre une image png dans le cadre des responses

Message par msfeettoes le Sam 14 Déc 2013 - 18:17

bonsoir,

j'ai voulu mettre une image en png dans le cadre des reponses , en suivant ce tuto
http://forum.forumactif.com/t357112-ajouter-une-image-dans-le-cadre-de-reponse

mais rien ne fonctionne savez quel est le soucis

je suis en phpbb3

merci


nickel .. merci mille fois Milouze pour ta patience et tenacité desolée de t'avoir ennuyée avec tout ca
je te souhaite une bonne fin d'année
 Very Happy 


Dernière édition par msfeettoes le Sam 28 Déc 2013 - 7:49, édité 1 fois

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Mer 18 Déc 2013 - 16:44

bonsoir
up svp

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 20 Déc 2013 - 14:42

bonjour
up

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Lun 23 Déc 2013 - 13:58

bonjour
up
humm personne ne sait .. c'est bizarre , il me semble pourtant que ce problème a etait resolu mais bon!!

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Invité le Lun 23 Déc 2013 - 14:04

Bonjour,

Avez-vous bien changer le http://illiweb.com/fa/empty.gif ?

Autrement essayez de mettre ceci dans votre CSS :
Code:
.sceditor-container textarea {
background-image: url(LIENDEVOTREIMAGE)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Lun 23 Déc 2013 - 14:14

ca marche pas sous quel forme faut t'il mettre le lien de l'image

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Invité le Lun 23 Déc 2013 - 14:15

Bonjour,

Il faut d'abord l'héberger : http://zupimages.net/ Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Lun 23 Déc 2013 - 18:02

bonsoir
j'ai essayé tous les liens de l'image que j'ai hebergée mais rien ne fonctionne  Crying or Very sad 

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Mar 24 Déc 2013 - 8:37

Salut msfeettoes ,

tu peux donner le code que tu as déposé dans la feuille de style stp .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 8:13

bonjour Milouze

le voici

Code:
.sceditor-container textarea {
background-image: url(LIENDEVOTREIMAGE)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 8:16

Salut msfeettoes ,

tu n'as pas d'image chère amie ?

Ici:
Code:
LIENDEVOTREIMAGE

il faut le remplacer par le lien de l'image  Wink  .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 8:22

j'ai fait ca avec un lien mais ca ne fonctionne pas y a t'il un hebergeur d'images en particulier

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 8:25

Re,
tu peux le lien de l'image stp  Wink  .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 8:28

voila
Code:
http://img15.hostingpics.net/pics/712162dscn1167.jpg

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 8:42

Re,

ok merci , ton code doit être comme ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

.sceditor-container textarea  , .sceditor-container iframe
{
        background-image: url(http://img15.hostingpics.net/pics/712162dscn1167.jpg)!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
}

Pense à cliquer sur le bouton


j'ai ajouté l'autre mode de rédaction  Wink 

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 8:55

ca ne marche toujours pas  Sad 

ps: je suis en phpbb3

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 8:59

Re,

ta feuille de style est bien paramétrée comme ceci:




a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 9:01

comment je peux voir cette option dans le PA
je suis en phpbb3

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 9:02

Re,

en dessous de ta feuille de style  Wink  .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 9:06

oups desolée j'avais pas vu!!
tout est ok

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 9:08

Re,

@msfeettoes a écrit:oups desolée j'avais pas vu!!
tout est ok


tu peux faire une capture de ta feuille de style stp, il y a une erreur quelque part  Wink .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 9:12

voici dis moi si ca suffit


msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 9:28

Re,

tu peux donner le contenu complet de ta css car il doit y avoir un conflit  Wink  .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 9:45

comment fait on pour faire toute la capture de la feuille de style

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 9:48

Re,
je voulais le contenu et non une capture  Wink .

Bref, en allant sur ton forum et en regardant le code source on peut voir le contenu de ta C.S.S.
A priori il y aurait ceci a supprimer :
Code:

.sceditor-container iframe,.sceditor-container textarea
{background-color:transparent!important}
.sceditor-container
{background-color:#fff!important}

Recherches ces lignes et supprimes les  Wink  .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 10:03

y'a bien un code comme ca c'est celui que tu m'as donné a part ca j'en vois pas d'autre
il se situe ou ce code sur quelle ligne  Embarassed 

desolée d'etre un boulet

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 10:17

Re,
il serait plus judicieux de donner le contenu de ta C.S.S  Wink  .

Mais pas de capture surtout  Very Happy  .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 10:29

faut que je copie tout le contenu du css ici.. c'est ca

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image png dans le cadre des responses

Message par Milouze14 le Ven 27 Déc 2013 - 10:49

Re,
oui bien sûre  Wink .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: mettre une image png dans le cadre des responses

Message par msfeettoes le Ven 27 Déc 2013 - 12:25

re

voici

Code:
#quick_reply #av_quickreply
{
              display: table-cell;
              width: 200px;
    }
            
            #quick_reply #textarea_content
{
              width: 800px !important;
              display: table;
            }
            
            #quick_reply #text_editor_controls
{
              position: relative;
              left: 100px;
            }


            /* Debut  Styles pour la colorisation des codes */
            
            .str { color: #080; }
            .kwd { color: #008; }
            .com { color: #800; }
            .typ { color: #606; }
            .lit { color: #066; }
            .pun { color: #660; }
            .pln { color: #000; }
            .tag { color: #008; }
            .atn { color: #606; }
            .atv { color: #080; }
            .dec { color: #606; }
            pre.prettyprint { padding: 2px; }
            ol.linenums { margin-top: 0; margin-bottom: 0 ;}

            li.L0,
            li.L1,
            li.L2,
            li.L3,
            li.L5,
            li.L6,
            li.L7,
            li.L1,
            li.L3,
            li.L5,
            li.L7,
            li.L9 { background: #eee }
            li.L8 { list-style-type: none; }
            @media print {
              .str { color: #060; }
              .kwd { color: #006; font-weight: bold; }
              .com { color: #600; font-style: italic; }
              .typ { color: #404; font-weight: bold; }
              .lit { color: #044; }
              .pun { color: #440; }
              .pln { color: #000; }
              .tag { color: #006; font-weight: bold; }
              .atn { color: #404; }
              .atv { color: #060; }
            }
            
            /* Fin Styles pour la colorisation des codes */

            .fa_postbody_xy{
              background: url("http://i45.servimg.com/u/f45/17/45/19/77/xy10.png");
            min-height: 500px;
            }
            
            .fa_postbody_xx {
              background: url("http://i45.servimg.com/u/f45/17/45/19/77/xx10.png");
            min-height: 500px;
            }

            @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 ;}
            
            /***************************************** Light */
            .accordion {
                border: 9px solid white;
                border-bottom-width: 8px;
                padding: 5px 5px 6px 0;
                background: #a0a0a0;
                -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: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% ;}
            .accordion .slide > h2 span {
                background: #fcfcfc;
                background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
                background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
                -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
                -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
                -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
              box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
                color: #909090;
            }
            .accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white; }
            .accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff; }
            .accordion .slide > div { background: #a0a0a0; 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; }

    a {
        text-shadow: 1px 3px 20px #E6F3F1;
    }

    a.decorated-link:before {
      content: "♫ ";    /* Decoration avant le lien */
    }
    a.decorated-link:after {
      content: " ♫";    /* Decoration après le lien */
    }

    .bodyline{ -moz-border-radius: 10px;}
    input,textarea, select {
    border-radius: 10px 10px;
    -moz-border-radius: 10px;
    padding-left: 3px;
    }
    .code
    {
    -moz-border-radius: 15px;
    padding-left: 10px;
    }
    .quote
    {
    -moz-border-radius: 15px;
    padding-left: 10px;
    }
    .button2{ -moz-border-radius: 5px;}

    .forumline{
        border-bottom: 5px #bab3ae solid;
        border-top:    5px #bab3ae solid;
        border-right:  2px #bab3ae solid;
        border-left:  2px #bab3ae solid;

        border-radius: 7px;
    }

    
    /* Bloc principal */
    .monBloc {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet depasse, retirez cette ligne */
      width: 250px; /* largeur du bloc */
      height: 150px; /* hauteur du bloc */
      background: red; /* couleur de fond */
    }

    /* Bloc de recouvrement */
    .blocVolet {
      position: absolute; /* positionnement absolu important */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 250px; /* largeur du bloc identique au bloc principal */
      height: 150px; /* hauteur du bloc identique au bloc principal */
      background: green; /* couleur de fond */
      /* reglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
    }

    /* Changement au survol */
    .monBloc:hover > .blocVolet {
      left: -250px; /* le bloc se decalera vers la gauche de 250px largeur du bloc */
    }

    .defil {
      color: pink;
        font-size: 16px;
        font-weight:bold;
      }




    a img
    {
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=1);
    }
    a img:hover
    {
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=0.5);
    }.rotate {
        -webkit-transition: all 0.5s linear;
          -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
                transition: all 0.5s linear;
    }

    .rotate:hover {
        -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
                transform: rotate(45deg);
    }.slideshow,
    .slide {
        width: 300px;
        height: 200px;
    }

    .slideshow {
        margin: 0;
        overflow: hidden;
        
        background-color: black;
        
        border: 4px double white;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .slideshow div {
        position: relative;
        top: 0;
        left: 0;
    }
        
    .slide {
        margin: 0;
        overflow: auto;
        
        display: inline-block;
        vertical-align: middle;
            
        text-align: center;
        color: white;
    }

    .slide p {
        margin: 10px;
        text-align: justify;
    }.img-zoom {
        width: 100px; /*largeur image reduite*/

        /* Effet de transition du changement de valeur */
        -moz-transition: width 1s linear;
        -o-transition: width 1s linear;
        -webkit-transition: width 1s linear;
        transition: width 1s linear;
    }

    .img-zoom:hover {
        width: 200px; /*largeur image agrandie*/
    }
    /* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
    MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
    /* Mise en forme générale */
      .cssactif_pa_main {
          width: 800px;  
          padding: 30px;
          margin: 0 auto;
      }
      /* Titre principal Bienvenue sur... */
      .cssactif_pa_main h1 {
         font-family: "Courier New", Courier, monospace;  /* Police de caractere */
          text-align: center; /* Alignement du texte */
          text-transform: uppercase; /* Transformation: met le texte en majuscules */
          font-weight: normal; /* Epaisseur normale */
          letter-spacing: 16px; /* Espacemement des caracteres en PX */
          font-size: 32px; /* Grosseur du texte */
          color: #fcca00; /* Couleur du texte */
          text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
      }
      
      .cssactif_pa_main h2 { /* Titre des colonnes Contexte Nouveautés etc */
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractere */
          font-weight: normal; /* Epaisseur normale */
          color: #FFFFFF; /* Couleur du texte */
          text-transform: uppercase; /* Transformation met le texte en majuscules */
          text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
          font-size: 18px; /* Grosseur du texte */
          margin:0;
      }
      /* Style general des colonnes */
      .cssactif_pa_colonne {
         float: left; /* Place les colonnes un a cote de l autre */
          width: 33%; /* Donne la grandeur des colonnes */
          background-color: #FFFFFF; /* Couleur de fond */
          height: 400px; /* Hauteur des colonnes doit etre fixe */
          color: #777777; /* Couleur du texte */
      
          opacity: 0.9; /* Opacité des colonnes */
          
          /* Transition */
          -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

    /*Ombre portee */
    -webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
    box-shadow: 0px 0px 1px 0px #CCCCCC;

      
      }
      /* Paragraphe des colonnes */
      .cssactif_pa_colonne p {
     padding: 0 10px; /* Padding */
      text-indent: 10px; /* Alinéa */
      text-align: justify;  /* Alignement du texte */
      }
        /* Colonne au survol */
      .cssactif_pa_colonne:hover {
      /* Effet de grossissement */
          -moz-transform: scale(1.05) translate(0px, -20px) ;
    -webkit-transform: scale(1.05) translate(0px, -20px) ;
    -o-transform: scale(1.05) translate(0px, -20px) ;
    -ms-transform: scale(1.05) translate(0px, -20px);
    transform: scale(1.05) translate(0px, -20px) ;

    opacity: 1; /* Opacité */

    /* Nouvelle ombre portee */
    -webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
    box-shadow: 0px 5px 10px 0px #CCCCCC;
    z-index: 999;

      }
      /* Style commun des header de couleur */
    .cssactif_pa_header {
     padding: 10px;
      height: 80px;
    }
    /* Style du description dans les headers */

    .cssactif_pa_header p {
   margin: 5px; /* Marge */
    padding: 0; /* Padding */
    color: #FFFFFF; /* Couleur du texte */
    text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
    font-style: italic; /* Style italic */
    opacity: 0.8; /* Opacity du texte */

    }
    .colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
    .colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
    .coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

    /* Contenu des colonnes */

    .new {
      margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
      padding: 5px; /* Padding */
      border-bottom: 1px solid #d9015d; /* Bordure du separateur */
      
      text-align: justify; /* Alignement du texte */
    }
    /* Dates */
    .new em {
      color: #d9015d;  /* Couleur du texte */
      text-transform: uppercase; /* Transformation du texte en majuscule */
      font-style: normal; /* Enleve le italic par defaut de la balise em */
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractere */
    }
 /* Ajoute la fleche apres les dates */
    .new em:after {
      content: " ►";  
    }
/* Cadre des personnages */
    .pers {
   border: 1px solid #7fbf33;  /* Bordure des personnages */
    margin: 10px; /* marge externe */
    
    /* Arrondissement des bordures */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 3px; /* Marge interne */
    text-align: center; /* Alignement du texte */
    }
/* Image des personnages */
    .pers img {
   float: left; /* Place à gauche du texte */
    width: 50px; /* Grandeur de limage */
    height: 50px;    /* Grandeur de limage */
    border: 3px solid #7fbf33; /* Bordure de l image */
    
    /* Arrondissement des bordures */
      -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    

    /* Transformation */
    -moz-transform: rotate(-12deg) translate(0px, -5px) ;
    -webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
    -o-transform: rotate(-12deg) translate(0px, -5px) ;
    -ms-transform:  rotate(-12deg) translate(0px,-5px) ;
    transform:  rotate(-12deg) translate(0px, -5px);
    }
 .rotate {
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

.rotate:hover {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
font-family: " Bilbo Swash Caps », cursive ;

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




dl.newpost {
background:!#ED48A0!important;}
  font-family: ' Romanesco ', cursive ;

  .signature_div img{
    max-width: 500px !important;
    max-height: 200px !important;
    }
.titre_forum { /***Titres des forums***/
display: block;
border-bottom: 3px solid #556627 !important;
color: #96AB60 !important;
margin: auto !important;
text-align: center !important;
width: 80% !important;
font-size: 16px !important;}
  
.sceditor-container textarea  , .sceditor-container iframe
{
        background-image: url(http://img15.hostingpics.net/pics/712162dscn1167.jpg)!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
}
 ]

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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