AccueilDernières imagesRechercherS'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.

-35%
Le deal à ne pas rater :
Pack Smartphone Samsung Galaxy A25 6,5″ 5G + Casque Bluetooth JBL
241 € 371 €
Voir le deal
Le deal à ne pas rater :
SAMSUNG Galaxy A14 5G Noir 64 Go à 98,49€
98.49 €
Voir le deal

    Bulle BD pour message (simple)

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

    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
    sturdya
    sturdya
    FémininAge : 26Messages : 34

    Lun 6 Fév 2017 - 14:18

    cool merci
    Doomdom
    Doomdom
    MasculinAge : 39Messages : 25

    Mar 14 Fév 2017 - 20:17

    merci :friends:
    wiise
    wiise
    FémininAge : 31Messages : 50

    Jeu 16 Fév 2017 - 16:18

    Merci beaucoup ca va m'aider !!



    Bulle BD pour message (simple) - Page 6 140051NUban
    Ushinau
    Ushinau
    FémininAge : 32Messages : 9

    Sam 25 Fév 2017 - 22:31

    Merci !

    Je cherchais, j'avais réalisé quelque chose de similaire, mais parfois ça ne fonctionnait pas correctement...
    Melle Lena
    Melle Lena
    FémininAge : 49Messages : 308

    Dim 26 Fév 2017 - 6:44

    Merci, original!
    Vixol
    Vixol
    MasculinAge : 28Messages : 13

    Mar 21 Mar 2017 - 1:08

    merci à toi
    Lilandrile
    Lilandrile
    FémininAge : 38Messages : 60

    Dim 16 Avr 2017 - 11:20

    Merci beaucoup Razz
    Sybline
    Sybline
    FémininAge : 38Messages : 27

    Sam 29 Avr 2017 - 21:52

    Merci du partage ^^
    Deveata
    Deveata
    MasculinAge : 28Messages : 23

    Ven 19 Mai 2017 - 23:55

    Merci
    John:
    John:
    MasculinAge : 31Messages : 56

    Mar 30 Mai 2017 - 1:11

    Cela à l'air très beau, merci!
    Taraserie
    Taraserie
    FémininAge : 49Messages : 9

    Jeu 8 Juin 2017 - 19:59

    merci de partager
    YoshinoYuki
    YoshinoYuki
    FémininAge : 22Messages : 10

    Mer 21 Juin 2017 - 11:55

    Merci Wink
    saoune972
    saoune972
    FémininAge : 25Messages : 18

    Mer 5 Juil 2017 - 13:52

    j'aime beaucoup
    avatar
    Drogba JR
    MasculinAge : 32Messages : 90

    Jeu 27 Juil 2017 - 20:36

    merci
    Nélie Reinart
    Nélie Reinart
    FémininAge : 25Messages : 46

    Sam 5 Aoû 2017 - 18:08

    nice o/
    didicmy
    didicmy
    FémininAge : 33Messages : 74

    Dim 6 Aoû 2017 - 22:07

    Merci
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 24Messages : 60

    Sam 26 Aoû 2017 - 16:19

    Merci
    Anonymous
    Invité

    Jeu 31 Aoû 2017 - 8:39

    Merci o/
    avatar
    Valens
    MasculinAge : 36Messages : 53

    Dim 12 Nov 2017 - 23:09

    Merci
    Adein
    Adein
    MasculinAge : 33Messages : 46

    Lun 11 Déc 2017 - 19:26

    merci
    Yuka
    Yuka
    FémininAge : 28Messages : 27

    Mar 9 Jan 2018 - 19:21

    mercii ^^
    HellJoa
    HellJoa
    FémininAge : 31Messages : 23

    Jeu 11 Jan 2018 - 15:55

    Merci du partage Razz
    Doriand
    Doriand
    MasculinAge : 33Messages : 91

    Lun 26 Fév 2018 - 1:44

    merci
    Vintage Phonic
    Vintage Phonic
    FémininAge : 34Messages : 21

    Sam 24 Mar 2018 - 14:25

    Je le cherchais partout, merci!
    alysszen
    alysszen
    FémininAge : 28Messages : 19

    Lun 26 Mar 2018 - 23:17

    Génial !
    Contenu sponsorisé


      La date/heure actuelle est Dim 13 Oct 2024 - 11:32