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 : 33Messages : 31851

    le Jeu 24 Sep 2015 - 11:12

    Rappel du premier message :

    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 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
    Sieben
    MasculinAge : 21Messages : 10

    le Dim 18 Mar 2018 - 23:32

    Il est absolument superbe merci !
    avatar
    Laakoh
    FémininAge : 27Messages : 35

    le Jeu 12 Avr 2018 - 1:54

    merci :love:
    Contenu sponsorisé


      La date/heure actuelle est Mer 25 Avr 2018 - 20:07