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 Lun 30 Juin 2014 - 22: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 - 20:23, édité 5 fois
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mar 1 Juil 2014 - 14: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 - 20:16, édité 2 fois



    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Ven 4 Juil 2014 - 14: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 : 19Messages : 488

    le Dim 7 Déc 2014 - 18:56

    Merci (=



    Alumine
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Dim 8 Fév 2015 - 22:01

    merci



    Patricia :)
    avatar
    Euterpe
    FémininAge : 30Messages : 265

    le Mar 7 Avr 2015 - 16:11

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

    le Sam 27 Juin 2015 - 5:49

    Merci
    avatar
    ptite_perle
    FémininAge : 53Messages : 86

    le Ven 4 Sep 2015 - 19:50

    Superbe, merci



    avatar
    Kelalin
    FémininAge : 24Messages : 1460

    le Ven 4 Sep 2015 - 22:33

    Merci (*´∀`*人*´∀`*)
    avatar
    Cruelly
    FémininAge : 23Messages : 2520

    le Lun 14 Sep 2015 - 16:58

    Je suis trop curieuse ! merci :)



    Construction d'un forum en cours ! Vous pouvez me donner votre avis ou m'apporter votre soutiens dans mon WIP :coeur:
    avatar
    TiGraou
    MasculinAge : 23Messages : 179

    le Mar 15 Sep 2015 - 14:48

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

    le Mer 7 Oct 2015 - 10: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 : 48Messages : 147

    le Mar 22 Mar 2016 - 1:47

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

    le Dim 27 Mar 2016 - 2:40

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

    le Mar 17 Mai 2016 - 12:20

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

    le Sam 27 Aoû 2016 - 19:26

    mercii





    avatar
    mijako
    FémininAge : 24Messages : 76

    le Mar 14 Fév 2017 - 4:19

    merci
    avatar
    Nyotengu
    FémininAge : 22Messages : 83

    le Sam 4 Mar 2017 - 20:42

    merci
    avatar
    Christtinne
    FémininAge : 31Messages : 160

    le Mar 14 Mar 2017 - 0:49

    merci
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 5:15