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.


    Forest Spirit (personnalisable)

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Jeu 24 Sep 2015 - 11:12

    Forest Spirit



       

       
       

    Oeuvre(s) ou Artiste(s) d'appuis

    Fantasy Artworks

    Couleurs dominantes

    blanc, gris, vert, orange

    Feuille CSS

    OUI

    Template(s) modifiée(s)

    OUI (5)

       Thème personnalisable avec un corps de page simple mais un fond plus complexe : le grain donné au fond strict est une image en transparence et il est donc possible de changer la couleur du fond en gardant ce grain. De plus, les ronds de chaque côté sont des images séparées, mises en forme par CSS. Il suffit de changer l'adresse de l'image de fond des deux blocs pour changer les images, arrondies en CSS. Elles sont fixes. Les traits de couleur sont également en codage pour qu'il soit possible de changer la couleur de chacun séparément et facilement.
    Les images de catégorie font 300x150px et la description apparait avec transition au survol.
    L'icône de nouveau message c'est les petits ronds tout à droite, sous l'avatar du dernier posteur.
    Le qeel est simple, au survol des images elles glissent sous le rond des groupes pour révéler les connectés durant les X précédentes heures (à gauche) ou les anniversaires (à droite).
    La mise en forme des profil et message est simple, issue d'un tutoriel déjà présent sur N-U, il sera facile d'en mettre une autre au besoin.

    Le pack comprend :
    - les images
    - les PSD des images
    - le CSS
    - les templates
    - les google fonts utilisées
    - les couleurs utilisées pour l'exemple

    Le CSS possède assez peu d'annotation mais les noms utilisés pour nommer les éléments sont assez explicites.

    Le codage du thème est fait pour un forum en version phpbb2

    Pour afficher les textes de descriptions au survol, il faut mettre le texte comme ceci :
    Code:
    <div class="description_texte">Mettre la description ici</div>




    Erratum :
    Dans le CSS, pour éviter un bug sur la chatbox, il faut remplacer :
    Code:
    .online
    {
      display: block;
      clear: both;
      position: absolute;
      margin-top: -2px;
      margin-left: -2px;
    }

    Par :
    Code:
    .profil .online
    {
      display: block;
      clear: both;
      position: absolute;
      margin-top: -2px;
      margin-left: -2px;
    }




    Questions fréquentes :

    ◆ Je ne vois pas les sous forums :
    PA > Affichage > Page d'accueil > Structure et hiérarchie > Lien vers les niveaux inférieurs : Avec une image

    ◆ Je ne vois pas les avatars :
    PA > Affichage > Page d'accueil > Structure et hiérarchie > Afficher les avatars dans la colonne "Derniers messages"

    ◆ Mon logo n'est pas centré
    PA > Affichage > Page d'accueil > En-tête & Navigation > Position du logo : Centré

    ◆ Comment modifier les images du QEEL ?
    Ces images là ne sont pas dans le CSS, il faut chercher dans le template index_body

    J'espère que ce thème vous plaira ! Bonne utilisation Wink



    Merci d'afficher en crédit le lien de Never-Utopia.


    Dernière édition par Okhmhaka le Ven 16 Sep 2016 - 14:03, édité 2 fois



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Ven 16 Sep 2016 - 15:12

    Le thème a été édité pour être ouvert (retrait de la balise "hide"), et le lien de téléchargement a été modifié, il est désormais en lien direct.



    avatar
    Kelalin
    FémininAge : 25Messages : 1707

    le Ven 16 Sep 2016 - 16:38

    Merci pour le partage !
    avatar
    Zorua
    MasculinAge : 17Messages : 28

    le Lun 19 Sep 2016 - 21:58

    merciiiiii!!!



    Si tu t'plantes dans les dimensions de ton vava tape dans tes mains ~

    *CLAP *CLAP*
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Mer 21 Sep 2016 - 19:49

    merci tout plein!

    par contre il y a un souci, je crois. La signature ne s'affiche pas! Quand je regarde le message que j'ai écrit, tout est très bien placé mais la signature elle n'apparaît pas du tout! je n'ai modifié aucun code.



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Mer 21 Sep 2016 - 22:44

    Tuas bien activé la signature pour les membres ainsi que dans ton profil ?

    Quoi qu'il en soit pour qu'on puisse mieux t'aider tu peux aller dans la section "Problème avec mon code"^^



    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Mar 27 Sep 2016 - 10:45

    Ah zut, effectivement ce n'était pas activé. Autant pour moi et merci! (désolée du délai de réponse, j'ai un pc qui rame autant que moi en ce moment XD)



    avatar
    IReezor
    MasculinAge : 27Messages : 10

    le Jeu 29 Sep 2016 - 20:54

    merci
    avatar
    Aladiah
    FémininAge : 20Messages : 58

    le Sam 1 Oct 2016 - 13:33

    Merci :)
    avatar
    aminezz
    MasculinAge : 24Messages : 8

    le Lun 10 Oct 2016 - 18:08

    vraient merci c'est tres bien fait
    avatar
    Invité

    le Dim 16 Oct 2016 - 13:06

    Merci beaucoup pour ce thème, il est franchement très beau ! Very Happy
    avatar
    Ptite Louve
    FémininAge : 27Messages : 33

    le Sam 29 Oct 2016 - 19:15

    Joli *-*

    Merci pour le partage Very Happy
    avatar
    Deidei
    MasculinAge : 25Messages : 8

    le Dim 30 Oct 2016 - 17:09

    Merci pour le partage ^^
    avatar
    Neil
    FémininAge : 25Messages : 15

    le Mer 9 Nov 2016 - 17:12

    Merci beaucoup pour ce thème, je l'adore ! <3
    J'essaye déjà de l'installer correctement et une fois qu'il sera personnalisé, je t'enverrai un petit mp pour que tu vois ce que ça peut donner :love:
    avatar
    kingor
    MasculinAge : 15Messages : 20

    le Lun 14 Nov 2016 - 19:22

    Beau travail et très beau !
    avatar
    MPGuenette
    FémininAge : 22Messages : 111

    le Sam 19 Nov 2016 - 1:20

    merci ^^
    avatar
    Reystern
    FémininAge : 14Messages : 80

    le Mar 22 Nov 2016 - 19:05

    Magnifique !♥ Merci !



    avatar
    Siprano
    FémininAge : 19Messages : 291

    le Mer 23 Nov 2016 - 17:16

    Merci pour ce thème magnifique !
    avatar
    QueenDancing13
    FémininAge : 21Messages : 96

    le Sam 10 Déc 2016 - 15:26

    Merci pour ce partage^^



    avatar
    ajmm
    FémininAge : 28Messages : 14

    le Mar 27 Déc 2016 - 14:26

    Waouw merci! Beau travail !
    avatar
    Neffaly
    MasculinAge : 22Messages : 47

    le Jeu 29 Déc 2016 - 22:33

    mrc
    avatar
    Leyakath
    FémininAge : 25Messages : 44

    le Jeu 12 Jan 2017 - 13:52

    Merci beaucoup pour le partage ! :)
    avatar
    Lakia
    FémininAge : 19Messages : 97

    le Dim 15 Jan 2017 - 20:10

    Merci c'est vraiment génial **
    avatar
    Extase
    FémininAge : 17Messages : 56

    le Mer 18 Jan 2017 - 11:57

    Merci c'est splendide
    avatar
    Mathieu-.
    MasculinAge : 18Messages : 13

    le Mar 31 Jan 2017 - 14:19

    Bonjour @Okhmhaka !

    Je voulais savoir comment modifier l'image de fond du forum ?

    Merci d'avance,
    Matt.
    Contenu sponsorisé


      La date/heure actuelle est Mer 22 Nov 2017 - 3:02