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 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
https://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, 07:49, édité 1 fois
msfeettoes

msfeettoes
****

Féminin
Messages : 368
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 Mer 18 Déc 2013, 16:44

bonsoir
up svp
msfeettoes

msfeettoes
****

Féminin
Messages : 368
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 Ven 20 Déc 2013, 14:42

bonjour
up
msfeettoes

msfeettoes
****

Féminin
Messages : 368
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 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

msfeettoes
****

Féminin
Messages : 368
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é Lun 23 Déc 2013, 14:04

Bonjour,

Avez-vous bien changer le https://2img.net/i/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;
}
Anonymous

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 Lun 23 Déc 2013, 14:14

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

msfeettoes
****

Féminin
Messages : 368
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é Lun 23 Déc 2013, 14:15

Bonjour,

Il faut d'abord l'héberger : https://www.zupimages.net/ Wink
Anonymous

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 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

msfeettoes
****

Féminin
Messages : 368
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é Mar 24 Déc 2013, 08:37

Salut msfeettoes ,

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

a++
Anonymous

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 Ven 27 Déc 2013, 08:13

bonjour Milouze

le voici

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 08: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++
Anonymous

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 Ven 27 Déc 2013, 08:22

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 08:25

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

a++
Anonymous

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 Ven 27 Déc 2013, 08:28

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 08: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 boutonmettre une image png dans le cadre des responses Boutonvalider


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

a++
Anonymous

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 Ven 27 Déc 2013, 08:55

ca ne marche toujours pas  Sad 

ps: je suis en phpbb3
msfeettoes

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 08:59

Re,

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

mettre une image png dans le cadre des responses 162


a++
Anonymous

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 Ven 27 Déc 2013, 09:01

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 09:02

Re,

en dessous de ta feuille de style  Wink  .

a++
Anonymous

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 Ven 27 Déc 2013, 09:06

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 09: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++
Anonymous

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 Ven 27 Déc 2013, 09:12

voici dis moi si ca suffit

mettre une image png dans le cadre des responses Firesh11
msfeettoes

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 09:28

Re,

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

a++
Anonymous

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 Ven 27 Déc 2013, 09:45

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 09: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++
Anonymous

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 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

msfeettoes
****

Féminin
Messages : 368
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é 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++
Anonymous

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 Ven 27 Déc 2013, 10:29

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

msfeettoes
****

Féminin
Messages : 368
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é Ven 27 Déc 2013, 10:49

Re,
oui bien sûre  Wink .

a++
Anonymous

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 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

msfeettoes
****

Féminin
Messages : 368
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

- Sujets similaires

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