AccueilFAQRechercherMembresGroupesS'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.


    Profil en bandeau au-dessus du message (large avatar)

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mar 1 Juil 2014 - 0:36

    Profil



    Ceci est un code de profil crée suite à la Demande d'Euterpe, ici.

    Pour PHPBB2 & PHPBB3 ▬ CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne


    Les effets et images


    Les avatars sont prévus pour être en 800px de largeur et 400px de hauteur. Il faudra donc faire attention à votre disposition de profil par la suite si vous adoptez quelque chose de la sorte. Notez que tous les avatars sont redimensionnés à cette taille par le CSS.
    Votre forum devrait faire 900px de largeur!
    Rang, Profil et Contact s'étendent au passage de la souris.
    Notez que vous devrez mettre une hauteur à chacun de vos éléments rétractables (rang, profil et contact) qui ont pour l'instant tous un height: XXpx;. Faites en fonction de la hauteur effective de
    Il se peut que selon la hauteur de votre profil, vous ayez à changer la hauteur minimale (min-height) de .postbody. Comme indiqué dans le CSS.
    Les deux polices utilisées sont Marck Script et Reenie Beanie. Vous retrouverez leurs link dans le template, comme ceci:
    Code:
    <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
    . Vous pouvez les changer/retirer, mais pensez alors à retirer ou changer chacunes de leurs apparitions dans le CSS (sous la forme de font-family: 'Marck Script' et font-family: 'Reenie Beanie' )!

    PHPBB2: Le code


    Code HTML à placer dans Affichage -> Page d'accueil -> Templates -> Général -> viewtopix_body /!\ Attention!: C'est le template en entier! /!\ :


    Le CSS:


    Dernière édition par NyoTheNeko le Ven 4 Mar 2016 - 21:23, édité 5 fois
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mar 1 Juil 2014 - 16:16

    PHPBB3: Le code


    Il y a quelques légères modifications par rapport à PHPBB2, vu que l'on  quelque peu gardé la structure de base du PHPBB3, cependant, le résultat est le même. Le bouton en ligne était auparavant une image de fond du message, mais se trouve à présent dans la partie "Contact" tout en haut!
    Très peu de changements dans le CSS par rapport au PHPBB2, cependant, ces derniers ont été notés dans le CSS comme spécifique au PHPBB3 pour les codeurs intéressés.

    Code HTML à placer dans Affichage -> Page d'accueil -> Templates -> Général -> viewtopix_body /!\ Attention!: C'est le template en entier! /!\ :


    Le CSS:


    Dernière édition par NyoTheNeko le Ven 4 Mar 2016 - 21:16, édité 2 fois



    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Ven 4 Juil 2014 - 16:17

    Edit: Ça se transforme en TP parce que FA aime pas la longueur de mes templates, non mais! =P ça risque d'être pire avec le rajoute de PUNBB et Invision xD

    Petit message pour les admins (désolé du DP), j'aimerais commencer la conversion pour toutes versions de forums avec cet LS-ci. Du coup, j'aimerais bien si possible qu'il ne soit pas encore classé tant que c'est fait, histoire que je puisse tester comment je mets ça en forme! ^^ Pour le reste c'est bon, je contacterais Neva ou quelqu'un d'autre pour les éditer avec le bon template, mais pour les test, j'aimerais bien que celui-ci reste ouvert à l'édition pour moi! ^^

    EDIT Halloween : Je ne déplace pas le sujet dans ce cas. Par contre je l'ai précisé dans le sujet histoire qu'A-Lice ne le loupe pas (j'ai vu le message au dernier moment).



    avatar
    Alumine
    FémininAge : 20Messages : 488

    le Dim 7 Déc 2014 - 19:56

    Merci (=



    Alumine
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Dim 8 Fév 2015 - 23:01

    merci



    Patricia :)
    avatar
    Euterpe
    FémininAge : 31Messages : 294

    le Mar 7 Avr 2015 - 18:11

    wow merci
    avatar
    Madras
    FémininAge : 32Messages : 279

    le Sam 27 Juin 2015 - 7:49

    Merci
    avatar
    ptite_perle
    FémininAge : 54Messages : 123

    le Ven 4 Sep 2015 - 21:50

    Superbe, merci



    avatar
    Kelalin
    FémininAge : 25Messages : 1708

    le Sam 5 Sep 2015 - 0:33

    Merci (*´∀`*人*´∀`*)
    avatar
    Cruelly
    FémininAge : 24Messages : 2547

    le Lun 14 Sep 2015 - 18:58

    Je suis trop curieuse ! merci :)




    avatar
    TiGraou
    MasculinAge : 24Messages : 231

    le Mar 15 Sep 2015 - 16:48

    Merci !
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mer 7 Oct 2015 - 12:20

    Petit message pour Alice: tu peux le déplacer. Je n'ai pas le temps de faire les autres versions.
    bisous. :hug:



    avatar
    Coco-Lapin02
    MasculinAge : 49Messages : 147

    le Mar 22 Mar 2016 - 2:47

    Merci!
    avatar
    kensha
    FémininAge : 27Messages : 5

    le Dim 27 Mar 2016 - 4:40

    merci
    avatar
    Antithée
    FémininAge : 20Messages : 69

    le Mar 17 Mai 2016 - 14:20

    Très original, merci du partage !
    avatar
    NanoiHime
    FémininAge : 19Messages : 559

    le Sam 27 Aoû 2016 - 21:26

    mercii



    avatar
    mijako
    FémininAge : 25Messages : 83

    le Mar 14 Fév 2017 - 5:19

    merci
    avatar
    Nyotengu
    FémininAge : 23Messages : 84

    le Sam 4 Mar 2017 - 21:42

    merci
    avatar
    Christtinne
    FémininAge : 31Messages : 184

    le Mar 14 Mar 2017 - 1:49

    merci
    avatar
    .Lucifer.
    MasculinAge : 44Messages : 166

    le Ven 5 Mai 2017 - 15:03

    Merci beaucoup pour ce code ! Wink



    avatar
    shibari
    MasculinAge : 22Messages : 277

    le Mar 9 Mai 2017 - 13:09

    MERCI BAMBI





    Merci Dakota pour ce kit.
    avatar
    alsayed
    MasculinAge : 44Messages : 75

    le Ven 19 Mai 2017 - 10:01

    mercii
    avatar
    Deed01
    MasculinAge : 40Messages : 329

    le Sam 16 Sep 2017 - 18:27

    merci Very Happy
    avatar
    Omys
    FémininAge : 22Messages : 57

    le Lun 13 Nov 2017 - 15:02

    merci Very Happy



    avatar
    Nocturne
    FémininAge : 27Messages : 22

    Aujourd'hui à 9:48

    Vraiment super, merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Mer 22 Nov 2017 - 19:12