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 :
Promo sur APPLE Airpods 2 avec boitier de charge
140 € 179 €
Voir le deal
Le Deal du moment : -40%
Remise de 40% sur le sac à dos en cuir Lacoste ...
Voir le deal
156 €

    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
    Anazera
    Anazera
    MasculinAge : 24Messages : 37

    le Lun 8 Juin 2015 - 11:07

    Merciii !
    mmorgo
    mmorgo
    FémininAge : 23Messages : 46

    le Jeu 18 Juin 2015 - 18:55

    merci beaucoup ! Very Happy
    Liitchy
    Liitchy
    FémininAge : 26Messages : 41

    le Ven 19 Juin 2015 - 17:50

    Merci !
    Akito
    Akito
    MasculinAge : 28Messages : 73

    le Dim 21 Juin 2015 - 9:35

    Merci :)
    Allison01
    Allison01
    FémininAge : 36Messages : 225

    le Dim 21 Juin 2015 - 11:23

    Merci <3
    Nutop
    Nutop
    FémininAge : 18Messages : 254

    le Dim 21 Juin 2015 - 11:59

    Merci pour le partage !




    Bulle BD pour message (simple) - Page 2 Mini_597402Sceaufinal

    Amelys_Destroy
    Amelys_Destroy
    FémininAge : 26Messages : 37

    le Mer 15 Juil 2015 - 16:53

    Aaah ça va tellement bien rendre, merci **
    Akina-chan
    Akina-chan
    FémininAge : 27Messages : 140

    le Mer 22 Juil 2015 - 21:22

    Merciii <3
    Pineapples
    Pineapples
    FémininAge : 22Messages : 119

    le Mar 28 Juil 2015 - 10:29

    Merci beaucoup. :)
    PrincesseÔ
    PrincesseÔ
    FémininAge : 23Messages : 220

    le Mer 29 Juil 2015 - 14:20

    Merci :3
    lisounette7
    lisounette7
    FémininAge : 26Messages : 56

    le Mer 29 Juil 2015 - 19:17

    Merci <3
    Likilou
    Likilou
    MasculinAge : 27Messages : 307

    le Mar 11 Aoû 2015 - 18:57

    merci



    Bulle BD pour message (simple) - Page 2 707828SignArthur2
    Kelalin
    Kelalin
    FémininAge : 28Messages : 2419

    le Mar 11 Aoû 2015 - 19:44

    Merci ! O(≧▽≦)O
    Démo
    Démo
    FémininAge : 21Messages : 57

    le Mer 12 Aoû 2015 - 22:17

    J'adore!
    NanoiHime
    NanoiHime
    FémininAge : 22Messages : 566

    le Jeu 13 Aoû 2015 - 15:16

    merci!



    Solitude
    Solitude
    FémininAge : 45Messages : 290

    le Jeu 20 Aoû 2015 - 19:15

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Bulle BD pour message (simple) - Page 2 Sign510
    Anonymous
    Invité

    le Jeu 20 Aoû 2015 - 22:13

    Merci
    Ziggy Stardust
    Ziggy Stardust
    FémininAge : 23Messages : 5

    le Ven 21 Aoû 2015 - 4:16

    C'est super sympa comme code !
    Zoé
    Zoé
    FémininAge : 21Messages : 189

    le Ven 28 Aoû 2015 - 21:01

    mercii :3



    Bulle BD pour message (simple) - Page 2 274643signaaaa
    Faucon
    Faucon
    FémininAge : 20Messages : 64

    le Dim 6 Sep 2015 - 14:41

    Merci énormément ♥
    #WHOLESATANIC
    #WHOLESATANIC
    FémininAge : 24Messages : 17

    le Mer 9 Sep 2015 - 22:14

    merci
    patriciadpt30
    patriciadpt30
    FémininAge : 57Messages : 240

    le Mer 9 Sep 2015 - 23:07

    merci pour voir :)



    Patricia :)
    meolyne
    meolyne
    FémininAge : 36Messages : 74

    le Mer 9 Sep 2015 - 23:21

    Merci :)
    Bunny Lune
    Bunny Lune
    FémininAge : 31Messages : 145

    le Lun 14 Sep 2015 - 21:33

    Un grand merci pour le partage. Je le prends pour mon nouveau forum.
    Laora || Peter
    Laora || Peter
    FémininAge : 29Messages : 182

    le Ven 18 Sep 2015 - 12:38

    Merci beaucoup o/



    Bulle BD pour message (simple) - Page 2 1393066044-signaturenu2
    Contenu sponsorisé


      La date/heure actuelle est Sam 16 Jan 2021 - 16:51