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 : -30%
LEGO Icons 10318 – Le Concorde à ...
Voir le deal
139.99 €

    [PA] Demande de Page d'Accueil pour The Sky Clans.

    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Dim 24 Sep 2017 - 13:08

    Demande de Page d'Accueil (PA)



    Bonjour, bonsoir !

    N'ayant pas trouvé ce que je recherchais dans la partie libre service, et ma précédente demande à un codeur ayant échoué (la pauvre a perdu tout son travail suite a une erreur et n'a pas eu la foi de recommencer...), je me tourne vers vous pour un codage de PA bien particulier.

    Choses à savoir avant de commencer le travail :
    - Concernant les couleurs, je n'ai pas de demandes particulières, et je me chargerai de mettre les bonnes couleurs aux bons endroits en fonction des changements de designs.
    - Je ne changerais pas le code "de base", les seules choses susceptibles de changer seront les images (dont je me chargerai) et les couleurs, en fonction du design.
    - Les images appartenant en grande partie au forum et aux membres, je n'en mettrai pas ici et les installerai moi-même par la suite. Pour réaliser le codage, vous êtes donc libres de choisir les images qui vous plaisent (même si ce n'est pas dans notre thème).
    - Normalement, sauf changement de staff ou autre, nous devrions conserver votre PA jusqu'à la mort du forum.

    Dans tous les cas, merci d'avance !


    Schéma(s) et Eléments


    Schémas : Vue normale - Vue au passage de la souris - Vue avec les bonnes proportions
    Précisions supplémentaires : L'un de nos staffiens nous ayant quitté, il ne faut que 4 bulles de staff à gauche. L'encadré "Img – texte – lien" (à gauche au dessus des pré-créés) nécessitera une barre défilante, car il s'agit d'un mettre une image, un petit texte et un lien pour chaque groupe, et nous avons 6 groupes (Nous l’appellerons "Bloc effectifs" par la suite). Les encadrés "texte" en haut seront en fait des liens (vers les parties importantes du forum). L'encadré des top sites devra grâce à des images nous guider vers six top sites au lieu de 5.
    Tailles des éléments : Taille globale : 900*600px (possibilité de faire plus haut mais pas plus large si possible. Le crédit et lien vers Never Utopia devra être en dessous de la page d’accueil, à part.)
    Entre chaque colonne : 10 px
    Entre chaque ligne : 10 px
    Entre les bulles staff : 15 px
    Entre les prédéfinis : 10 px
    Entre Staff et blocs : 10 px
    Entre blocs et bord droit : 10 px
    Hauteur blocs contextes et effectifs : 235 px
    Bloc effectifs : 245*235px
    Bloc contexte : 490*235px
    Blocs liens importants (en haut) : 35*140 px
    Entre chaque bloc de liens importants : 10 px
    Entre bord gauche et premier lien important : 55 px
    Entre bord droit et dernier lien important : 15 px
    Bloc Top-sites : 190*190 px
    Bloc Météo : 190*190 px
    Bloc News : 345*190 px
    Bulles Staff : 90 px
    Entre bord haut et staff : 70 px
    Entre bord bas et Staff : 125 px
    Entre chaque staff : 15 px
    Bloc effectifs : images en 70*70 px, texte en 160*70 px, lien intégré au texte (en fin), espaces : 5 px à chaque fois. Pour rappel, nous avons 6 groupes, mais je n'en ai représenté que 3 sur le schémas.
    Entre le bord droit de la PA et le bord « transparent » : 45px (pour que la PA soit symétrique.)
    Effets voulus : Le passage de la souris dévoile un texte sous les bulles staff, les prédéfinis, et le contexte (voir schémas). Les petits blocs "texte", les votes aux top sites, les textes sous les prédéfinis et la fin du contexte doivent mener à des liens.
    Version de votre forum : PHPBB2


    Ressources


    Aucune ressource particulière.


    Autres précisions ?


    Merci d’avance, n’hésitez pas à commenter si j’ai oublié des choses, si vous souhaitez des images ou plus d’infos sur certaines parties...De même si vous souhaitez avoir le lien du forum où sera utilisée votre œuvre (je ne crois pas avoir le droit de le poster ici, étant donné que cela peut être considéré comme de la pub). Votre œuvre apparaîtra sur le forum après la prochaine mise à jour.

    Merci infiniment !



    Dernière édition par Sheraa le Mer 22 Nov 2017 - 15:38, édité 3 fois
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Mar 26 Sep 2017 - 22:50

    Up?
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Ven 29 Sep 2017 - 14:05

    up
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Dim 1 Oct 2017 - 20:16

    up et précisions : les dimensions peuvent faire peur, mais c'est surtout pour vous aider, si vous voulez utiliser d'autres dimensions c'est possible !
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Ven 6 Oct 2017 - 11:17

    up
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Lun 9 Oct 2017 - 15:04

    Dès qu'elle sera validée je m'occupe de ta commande ! Wink
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Lun 9 Oct 2017 - 22:51

    Oh super merci beaucoup !
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 10 Oct 2017 - 5:49

    Salut!

    On valide seulement les demandes de thèmes parce que c'est souvent pas mal plus gros et long à faire, ce n'est pas nécessaire pour les éléments de thèmes. Tu es libre de commencer EmYasmina ^^



    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Mer 11 Oct 2017 - 10:38

    Merci Onyx pour ta précision ^^

    EmYasmina -> Je n'ai pas assez de messages sur le forum pour te répondre par mp alors je le fais ici : Concernant un code séparé ou en un seul bloc, ça m'est égal, les deux me conviennent. Cependant, pour les non initiées au code de mon staff, je pense qu'un code en deux parties serait plus pratiques, elles s'y retrouveraient probablement mieux.
    Pour ce qui est des polices et tailles d'écriture, Je dirais les tailles classiques utilisées sur forum (10-11-12) après à toi de voir si c'est trop gros/trop petit selon chaque bloc. Pour ce qui est de la police, je n'en ai pas en particulier, mais je crois que on utilise Indie Flower dans les catégories. Libre à toi d'utiliser des polices qui te conviennent plus si tu les trouve plus jolies, mais nous ne souhaitons pas de polices trop alambiquées (restons lisibles avant tout !).
    Encore une fois merci à toi pour ton intérêt pour la commande et bon courage pour la mener à bien !
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Dim 15 Oct 2017 - 19:36

    Salut !

    Je ne sais pas si j'aurais le temps de continuer cette semaine, mais en attendant voici déjà ce qui est fait ! http://attorneytest.forumactif.org/

    Si tu as déjà quelques remarques à faire, c'est le moment :3
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Lun 16 Oct 2017 - 13:35

    Hello !

    Merci de donner des nouvelles, j'avoue que j'ai hâte de voir la version terminée !
    Prends ton temps, nous avons une PA provisoire en attendant.

    Pour ce qui est des critiques, j'avoue que je ne sais pas trop ce que tu as prévu de changer ou non, Je suppose que la taille des polices n'est pas définitive ? Pour le moment ça me conviens parfaitement =)

    Merci encore de ton travail =)

    PS : Si jamais mes co-Staffiennes ont des remarques, j'éditerais mon message pour te donner des nouvelles !
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Jeu 26 Oct 2017 - 15:35

    Petit up pour avoir d'éventuelles nouvelles ?
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Dim 29 Oct 2017 - 19:46

    up
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Mer 1 Nov 2017 - 12:03

    up
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Dim 5 Nov 2017 - 21:52

    Pfiou ! Excuse moi de ce long silence :/
    Je reprends mon rythme cette semaine, et soyons optimiste, la PA sera terminée d'ici ce week-end ! :)
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Sam 11 Nov 2017 - 16:22

    DP pour te prévenir que c'est terminé ! http://attorneytest.forumactif.org/

    Si tu as besoin que je modifie quelque chose n'hésite pas. Si elle te convient je t'envoie les codes de suite !

    EDIT : Au fait, je n'ai pas mis d'effet progressif pour les infobulles du staff, contexte et prédéfinis. Veux-tu que je les rajoute ?
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Sam 18 Nov 2017 - 17:38

    Hello !
    Désolée pour le temps de réponse, ça fait un moment que je ne suis pas passée...
    Pour moi tout est ok, tu as parfaitement respecté ma demande, et pour les effets de transition, je trouve que ça alourdirait la présentation...
    Mes co-stafiennes sont ok aussi =)
    Merci beaucoup pour ton travail, c'est très chouette et nous sommes ravies !
    Dit moi comment tu compte nous faire parvenir le code, j'avoue que je ne sais pas trop comment ça se passe une fois la commande effectuée x)
    Merci infiniment !
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Sam 18 Nov 2017 - 22:32

    Coucou ! Pas de soucis !

    Je pense que poster les codes ici sous hide suffit Wink

    Code HTML (page d'accueil>généralités)


    Code CSS (feuille de style)
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Dim 19 Nov 2017 - 12:59

    Merci infiniment =) Je l'installe de ce pas !

    Edit : J'ai un petit soucis avec les pré-créés : Dès qu'il y a plus d'une ligne de texte, les blocs suivant sont décalés vers le bas...Idéalement, j'aimerais qu'il y ait le nom, puis à la ligne un lien vers la fiche, et si possible que le tout soit centré en hauteur dans le carré... Est-il possible de régler ce problème?
    Je met le lien vers mon forum test pour te montrer le décalage : forum test

    Merci d'avance
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Mar 21 Nov 2017 - 16:00

    petit up pour le soucis de pré-créés...
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Mer 22 Nov 2017 - 9:46

    Salut !

    Désolée de ne pas avoir vu ça plus tôt Sad

    Dans la feuille de style CSS, remplace ce passage :



    par ce code :



    Ensuite, quelques petits plus à prendre ou à laisser :

    http://attorneytest.forumactif.org/
    Si tu regardes, j'ai finalement rajouté un effet pour les infobulles, donc si jamais il te plaît, rajoute ce code :

    Code:
      transition: 0.2s;
      -moz-transition: 0.2s;
      -webkit-transition: 0.2s;

    Dans chacune des propriétés suivantes :
    (Pour les bulles staffiennes)
    Code:
    .pabus
    .pabus:hover
    (Pour le contexte)
    Code:
    .pabloc3
    .pabloc3:hover
    (Pour les prédéfinis)
    Code:
    .papred
    .papred:hover


    Et pour finir, si jamais tu veux modifier l'opacité des infobulles pour que le texte soit plus lisible, modifie cette ligne :

    Code:
    background-color: rgba(255, 255, 255, 0.4);

    Juste là où il y a 0.4, tu peux remplacer cette valeur pour faire varier la transparence (entre 0 et 1)

    C'est tout pour moi ! J'espère qu'il n'y aura plus de problèmes, mais s'il y en a, j'accourrai plus vite que cette fois, promis 002
    Sheraa
    Sheraa
    FémininAge : 29Messages : 29

    Mer 22 Nov 2017 - 15:20

    Merci beaucoup, c'est parfait ! J'ai testé et tout marche à la perfection =)

    PS : Nos membres sont ravis et te remercient pour ton travail !
    EmYasmina
    EmYasmina
    FémininAge : 24Messages : 85

    Jeu 23 Nov 2017 - 21:46

    Au plaisir ! Wink
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 16:38