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.

Le Deal du moment :
Nike : Jusqu’à 50% sur les articles de ...
Voir le deal

    Forest Spirit (personnalisable)

    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Jeu 24 Sep 2015 - 11:12

    Forest Spirit



       

    + Illustration de catégorie en survol
    + "Qui est en ligne"
    + "Qui est en ligne" en survol
    + Profil et messages

       
       

    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 l'image de la description, mettre le lien dans "Adresse de l'image" (au dessus du champ pour la description)
    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



    sign
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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.



    sign
    Anonymous
    Invité

    Ven 16 Sep 2016 - 16:38

    Merci pour le partage !
    Zorua
    Zorua
    MasculinAge : 23Messages : 28

    Lun 19 Sep 2016 - 21:58

    merciiiiii!!!



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

    *CLAP *CLAP*
    Dydy
    Dydy
    FémininAge : 33Messages : 493

    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.



    Forest Spirit (personnalisable) 27978_signature_never_utopia_dydy_2
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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"^^



    sign
    Dydy
    Dydy
    FémininAge : 33Messages : 493

    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)



    Forest Spirit (personnalisable) 27978_signature_never_utopia_dydy_2
    IReezor
    IReezor
    MasculinAge : 34Messages : 10

    Jeu 29 Sep 2016 - 20:54

    merci
    Aladiah
    Aladiah
    FémininAge : 27Messages : 58

    Sam 1 Oct 2016 - 13:33

    Merci :)
    aminezz
    aminezz
    MasculinAge : 30Messages : 8

    Lun 10 Oct 2016 - 18:08

    vraient merci c'est tres bien fait
    Anonymous
    Invité

    Dim 16 Oct 2016 - 13:06

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

    Sam 29 Oct 2016 - 19:15

    Joli *-*

    Merci pour le partage Very Happy
    Deidei
    Deidei
    MasculinAge : 31Messages : 8

    Dim 30 Oct 2016 - 17:09

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

    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:
    kingor
    kingor
    MasculinAge : 21Messages : 20

    Lun 14 Nov 2016 - 19:22

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

    Sam 19 Nov 2016 - 1:20

    merci ^^
    Reystern
    Reystern
    FémininAge : 21Messages : 89

    Mar 22 Nov 2016 - 19:05

    Magnifique !♥ Merci !
    Siprano
    Siprano
    FémininAge : 26Messages : 295

    Mer 23 Nov 2016 - 17:16

    Merci pour ce thème magnifique !
    QueenDancing13
    QueenDancing13
    FémininAge : 27Messages : 106

    Sam 10 Déc 2016 - 15:26

    Merci pour ce partage^^



    Forest Spirit (personnalisable) Christina_Aguilera_Signature_by_Sitic
    ajmm
    ajmm
    FémininAge : 34Messages : 14

    Mar 27 Déc 2016 - 14:26

    Waouw merci! Beau travail !
    Neffaly
    Neffaly
    MasculinAge : 29Messages : 47

    Jeu 29 Déc 2016 - 22:33

    mrc
    Leyakath
    Leyakath
    FémininAge : 31Messages : 44

    Jeu 12 Jan 2017 - 13:52

    Merci beaucoup pour le partage ! :)
    Lakia
    Lakia
    FémininAge : 25Messages : 138

    Dim 15 Jan 2017 - 20:10

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

    Mer 18 Jan 2017 - 11:57

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

    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 Jeu 28 Mar 2024 - 20:45