AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-22%
Le deal à ne pas rater :
Borne de jeu d’arcade Street Fighter 2 – Arcade 1UP + réhausseur
272 € 350 €
Voir le deal
-10%
Le deal à ne pas rater :
-30€ sur Apple Watch SE (GPS, 40 mm)
269 € 299 €
Voir le deal

    Bulle BD pour message (simple)

    Elektra Kloo
    Elektra Kloo
    FémininAge : 32Messages : 156

    le Dim 29 Mar 2015 - 20:31

    Rappel du premier message :

    Bulle BD

    Aperçu

    I - CSS
    Code:

    #bulle {
        position: relative;
        color : #000000;
    background: #ffffff;/** couleur du fond (se retrouve 2 fois) **/
        font-size:16px;
    border: 5px solid #FFFFFF; /** taille de la bordure et couleur (se retrouve 2 fois) **/
    width:601px;
        min-height:100px;} /** dimensions de la cellule (du cadre) **/
    #bulle:after, #bulle:before {right: 100%; /** right pour mettre la flèche à gauche ! **/
    border: solid transparent; content: ""; position: absolute;}
    #bulle:after {border-right-color: #ffffff; /** 2e indication de couleur du fond **/
    border-width: 33px; /** grandeur de la flèche **/
    top: 50%; /** position de la flèche (se retrouve 2 fois) **/
    margin-top: -33px;} /** indication de la grandeur de la flèche (valeur négative) **/
    #bulle:before {border-right-color: #FFFFFF; /** 2e indication de la couleur de la bordure **/
    border-width: 40px; /** indication de la grandeur de la flèche +7px **/
    top: 50%; /** 2e indication de la position de la flèche **/
    margin-top: -40px; } /** indication de la grandeur de la flèche +7px (valeur négative) **/

    2 - Templates
    Rendez vous dans Affichage > Templates > Général > Viewtopic_body
    Repérer ceci
    Code:
    <div>{postrow.displayed.MESSAGE}</div>

    Mettez devant
    Code:
    <div id="bulle">

    Mettez derrière la balise "...MESSAGE}"
    Code:
    </div>

    Style tchat pour contenue rp

    Aperçu

    1 - Code pour vos messages

    Code:
    <img style="width: 62px; height: 62px;" src="URLICONSINTERLOCUTEUR" /><img style="width: 549px; height: 62px;" src="http://img15.hostingpics.net/pics/548257tchat2.png"
    <div id="bulle" style="font-family:'Aldrich'" /> blabla</div><img style="width: 4589px; height: 62px;" src="http://img15.hostingpics.net/pics/227626tchat.png" /><img style="width: 62px; height: 62px;" src="URLICONSPERSONNEL" />
    <a href="http://www.never-utopia.com/" style="font-size:11px; color:#767676; text-decoration:none;">© By ElektraKloo sur Never-Utopia</a>

    ATTENTION NE PAS COMBINER LES DEUX SINON CELA FAIT DOUBLE BULLE


    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Si vous avez des problèmes avec ce LS, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^


    Dernière édition par Elektra Kloo le Mar 31 Mar 2015 - 13:03, édité 1 fois
    Ennie
    Ennie
    FémininAge : 57Messages : 91

    le Mar 12 Jan 2016 - 17:42

    Merci.
    Sniper Soroshiya
    Sniper Soroshiya
    FémininAge : 22Messages : 47

    le Mer 13 Jan 2016 - 19:44

    Nickel, exactement ce qu'il me fallait <3 !
    Illiana
    Illiana
    FémininAge : 24Messages : 98

    le Mer 20 Jan 2016 - 15:51

    merci !



    Bulle BD pour message (simple) - Page 4 2z7g2dv
    Equestria
    Equestria
    FémininAge : 23Messages : 118

    le Mer 20 Jan 2016 - 20:34

    merci
    Be Shup's
    Be Shup's
    FémininAge : 22Messages : 33

    le Sam 23 Jan 2016 - 5:17

    merci



    Bulle BD pour message (simple) - Page 4 Beshup17
    Wiss
    Wiss
    FémininAge : 16Messages : 53

    le Dim 31 Jan 2016 - 19:49

    Merci



    Bulle BD pour message (simple) - Page 4 Wiss11
    Autre signa:
    Bulle BD pour message (simple) - Page 4 Signa110
    blastrall
    blastrall
    MasculinAge : 26Messages : 41

    le Dim 7 Fév 2016 - 14:58

    merci bien
    KTMiz
    KTMiz
    MasculinAge : 21Messages : 47

    le Dim 7 Fév 2016 - 22:24

    Merci



    Bulle BD pour message (simple) - Page 4 Kjod95_sick_religion
    Max Rénix
    Max Rénix
    MasculinAge : 25Messages : 56

    le Mer 10 Fév 2016 - 8:09

    Merci !!
    Tahu
    Tahu
    MasculinAge : 19Messages : 11

    le Dim 14 Fév 2016 - 19:13

    Merci pour le tutoriel!



    Bulle BD pour message (simple) - Page 4 Bloggi11
    Neya
    Neya
    FémininAge : 21Messages : 164

    le Lun 15 Fév 2016 - 20:38

    Merciiiii *O*
    Little-myrt
    Little-myrt
    FémininAge : 22Messages : 41

    le Mar 16 Fév 2016 - 5:22

    merci
    Tahu
    Tahu
    MasculinAge : 19Messages : 11

    le Jeu 18 Fév 2016 - 18:23

    J'ai pas compris quelque chose. Dans le code à selectionner, tous les écritaux en jaune sont à remplacés?



    Bulle BD pour message (simple) - Page 4 Bloggi11
    Amu
    Amu
    FémininAge : 23Messages : 16

    le Ven 19 Fév 2016 - 20:31

    And I fell in love.



    Merci ! ♥






    Itsumo doori no aru hi no koto, Kimi wa totsuzen tachiagari itta, Konya hoshi wo mi ni yukou. 
    dusty scarecrow.
    Renaissance
    Renaissance
    FémininAge : 23Messages : 69

    le Dim 21 Fév 2016 - 14:18

    Merci :3
    Shide
    Shide
    FémininAge : 31Messages : 60

    le Dim 28 Fév 2016 - 22:52

    merci
    miss69
    miss69
    FémininAge : 37Messages : 40

    le Dim 6 Mar 2016 - 2:55

    Merci du partage
    Ganta
    Ganta
    MasculinAge : 28Messages : 69

    le Lun 28 Mar 2016 - 15:56

    Merci =D
    geen.
    geen.
    FémininAge : 32Messages : 23

    le Sam 2 Avr 2016 - 16:17

    merci :)
    Rodeuse
    Rodeuse
    FémininAge : 27Messages : 142

    le Lun 4 Avr 2016 - 13:44

    Merci du partage.
    avatar
    Hop80
    MasculinAge : 31Messages : 138

    le Mar 5 Avr 2016 - 1:06

    Merci du partage
    Hopyes
    Hopyes
    FémininAge : 33Messages : 91

    le Mer 13 Avr 2016 - 11:42

    C'est super merci ^^
    Morphine.
    Morphine.
    FémininAge : 30Messages : 41

    le Lun 18 Avr 2016 - 18:39

    merci :)



    Bulle BD pour message (simple) - Page 4 30st6
    marie-noelle
    marie-noelle
    FémininAge : 63Messages : 112

    le Lun 25 Avr 2016 - 1:49

    merci Very Happy
    ninouee
    ninouee
    FémininAge : 39Messages : 143

    le Mer 4 Mai 2016 - 8:58

    J'adore ton idée!



    Bulle BD pour message (simple) - Page 4 Robert12
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Jan 2021 - 8:52