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.

-20%
Le deal à ne pas rater :
(Adhérents Fnac) Enceinte Bluetooth Marshall Stanmore II Noir
199.99 € 249.99 €
Voir le deal

    (DEHVI) Page d'Accueil

    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Jeu 18 Fév 2016 - 21:47

    Bonjour/Bonsoir, je vous mets ci-dessous, une demande de code pour une page d'accueil. J'ai fais un joli schéma, j'espère qu'il vous plaira ^_^'

    Ma demande



    Alors j'aimerais une page d'accueil, pour le forum ci-contre > http://shinobinoyumegatari.forumactif.org

    Schéma(s) et Eléments
    Schémas : https://2img.net/r/hpimg4/pics/18330721PA.png
    Spoiler:
    Tailles des éléments : La taille de la page d'accueil en général: 890x700px (après à vous de gérer si ça fait trop espacé.

    Comme vous pouvez le voir, j'ai essayer de reproduire des blocs d'une taille similaire pour que tout s'harmonise bien.

    "Bienvenue Invité": Bienvenue + le nom du membre connecté ou dans ce cas là, l'invité
    Bloc Contexte: Un bloc composé du titre "Contexte", ainsi qu'une image. en dessous le contexte actuel avec possibilité de scroll. (Taille inconnu pour l'instant, à vous de voir)
    Bloc Staff: Titre Staff (je changerais la police comme un peu partout), avec les iccons des membres du staff. Effet de dévoilement lorsque l'on passe la souris dessus et lorsque l'on clic dessus, on atterrit sur le profil du dit membre. Possible d'ajouter un contour de couleur à chaque icon ? pour différencier les membres du staff appartenant à tel ou tel village.
    Dernières Infos :Bloc plus petit, avec le titre comme les autres et en dessous, les liens des différents sujets avec scroll bar.
    Bloc Image(Evénement): Tout est dit dans le schéma, si jamais c'est pas clair, demandez moi ^^
    Bloc Village: Alors là, un bloc assez grand pour être facilement lisible et visible. La disposition des éléments est mise sur le schéma.
    Pour l'icon du chef de village, le même effet que les icons de staff est demandé s'il vous plait.
    La ligne bonus est présente pour y afficher les bonus du moment.
    Les petit rectangle contenant le nom des autres groupes, est de couleur Vert,Rouge,Orange ou gris e, fonction du rapport entre village. (couleur gris = couleur initiale)
    un petit bloc texte est demandé à côté de l'icon.
    Et chaque village à sa petite fiche, accessible, en cliquant sur des flèches, nous amenants au village suivant.

    Effets voulus : Contour en opacité 50%, pour chaque bloc (Staff,Village,Contexte et Evénement)
    Version de votre forum : PHPBB2


    Ressources
    Je les rajouterais moi même, mettez en par défaut ^^

    Autres précisions ?
    En vous remerciant, et j'espère que vous n'aurez pas trop de mal ^^' Et si jamais vous avez des questions, vous savez ou me trouver ^^


    La bise et gros big up à vous !


    Dernière édition par WizzyFree le Sam 20 Fév 2016 - 22:59, édité 1 fois



    (DEHVI) Page d'Accueil 828103KidInk
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Sam 20 Fév 2016 - 21:52

    N'up !



    (DEHVI) Page d'Accueil 828103KidInk
    Dehvi
    Dehvi
    MasculinAge : 31Messages : 72

    Lun 22 Fév 2016 - 9:37

    Salut salut ~
    Avant de me pencher sur le code, j'ai juste une petite question par rapport au staff :
    Au hover de la souris, le but est juste d'avoir un accès au profil ? Est-ce qu'il ne vaudrait pas mieux mettre le lien sur l'image et éviter une animation supplémentaire dans ce cas ?
    Si tu préfères le laisser, je peux le faire aussi Wink surtout si tu envisages de mettre des liens supplémentaires par la suite (type mp)
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Lun 22 Fév 2016 - 10:23

    Hoy ! Merci à toi tout dabord de te pencher sur ma demande :)

    Alors pour le staff, jaurais aimer que l'image s'illumine juste au passage de la souris. Apres si en cliquant dessus on atterrit sur le profil cest encore mieux :p

    Surtout dis moi si il y a encore autre chose

    Et encore merci Very Happy



    (DEHVI) Page d'Accueil 828103KidInk
    Dehvi
    Dehvi
    MasculinAge : 31Messages : 72

    Lun 22 Fév 2016 - 16:41

    Super !
    Une dernière question avant de me lancer : est-ce que tu as besoin que je te commente le code pour t'indiquer les endroits à modifier pour couleurs, typos, tout ça ?
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Lun 22 Fév 2016 - 17:04

    Nop, inutile de t'infliger du boulot supplémentaire, je sais modifier Wink



    (DEHVI) Page d'Accueil 828103KidInk
    Dehvi
    Dehvi
    MasculinAge : 31Messages : 72

    Jeu 25 Fév 2016 - 15:03

    Hopla !
    J'ai quasiment terminé, j'ai besoin d'une dernière précision
    1 - Quel est le nom du dernier village (tu as Konoha, Kumo, Nukenin et ...? ) ou bien je me suis trompé et il n'y en a que trois ?
    2 - Est-ce que les couleurs des groupes sont disponibles quelque part ?

    Edit : Oops ! D'accord, la dernière fois que j'ai voulu vérifier ces informations ton forum était en maintenance Wink  j'applique tout ça !

    Par contre une question subsiste : où veux-tu l'effet de contour à 50% d'opacité ? Sur les images ?
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Jeu 25 Fév 2016 - 15:30

    Hop !

    Pour le contour, je veux bien sur les images du staff si possible.
    Après, pour les tableaux villages, possible d'avoir le morceau de code pour en rajouter ? Si jamais je créer d'autre village durant le rp ?

    EDIT: pour les couleurs t'embêtent pas, je les mettrais moi même Wink



    (DEHVI) Page d'Accueil 828103KidInk
    Dehvi
    Dehvi
    MasculinAge : 31Messages : 72

    Jeu 25 Fév 2016 - 15:53

    Hey !
    De mon côté c'est bon je pense.
    Pour conserver  les tabulations - qui sont explosées par forumactif malheureusement  - je t'ai hébergé le code sur textup : http://textup.fr/155735bh

    Pour rajouter un village, il faut juste l'ajouter dans la liste
           
    Code:
     
    <li>
     <strong>Nom du village</strong>
    <a href="#"><img class="nomVillage" src="http://placehold.it/100x100"/></a>
    <p>Man of another world," he said, "I believe you. Lips may lie, but when the heart speaks through the eyes it tells only the truth. Your heart has spoken to me.</p>
    <em>Bonus : Blebleble</em>
     <strong class="rel">Konoha</strong> <strong class="rel">Kumo</strong> <strong class="rel">Kiri</strong> <strong class="rel">Nukenin</strong>
    </li>

    Et modifier ce petit bout de code dans le JQuery :
    Code:
    function changeVillage(num){
            $('.villages li').slideUp();
            if(num%4!=0){
              $('.villages li:nth-child('+num%4+')').slideDown();
            }else{
              $('.villages li:nth-child(4)').slideDown();
            }
          }

    Je fonctionne sur les congruences pour le slider (le reste de la division euclidienne du compteur par le nombre de villages). Si tu rajoutes un village il faut changer tous les 4 de ce morceau par un 5, et ainsi de suite en fonction du nombre de villages Wink

    Si un bout de code n'est pas clair ou que finalement tu estimes avoir besoin de commentaires, n'hésite pas !
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Jeu 25 Fév 2016 - 16:21

    Daaaaaaamn ! J'adore :O

    C'est magnifique **

    Par contre pour les villages, le bout de code Jquery, je le met où ?
    Et quand je clique sur les flèches ça marche pas :/

    Sinon encore bravo, tu as fais un travail formidable !



    (DEHVI) Page d'Accueil 828103KidInk
    Dehvi
    Dehvi
    MasculinAge : 31Messages : 72

    Jeu 25 Fév 2016 - 16:39

    Je suis allé voir sur ta page d'accueil, forumactif a transformé tous les $ en leur code uft-8  
    Code:
    & # 36 ;

    Il vaut mieux que tu mettes tout le code javascript :
    Code:
       $(document).ready(function(){
          var compteur = 1;
          $("#prev").click(function(){
            compteur--;
            changeVillage(compteur);
     
          });
     
          $("#suiv").click(function(){
            compteur++;
            changeVillage(compteur);
          });
     
          function changeVillage(num){
            $('.villages li').slideUp();
            if(num%4!=0){
              $('.villages li:nth-child('+num%4+')').slideDown();
            }else{
              $('.villages li:nth-child(4)').slideDown();
            }
          }
     
        });

    Dans une page de code javascript. Pour ça panneau d'administration > modules >  html&javascript > gestion des codes javascript.

    Quand tu l'enregistres, on va te donner une adresse http://tonforum/unNombre.js qu'il faut mettre en bas de ton code de ta page d'accueil
    Code:
    <script type="text/javacript" src="http://tonforum/unNombre.js"></script>

    Normalement ça devrait rouler Wink


    Dernière édition par Dehvi le Jeu 25 Fév 2016 - 17:19, édité 1 fois
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Jeu 25 Fév 2016 - 16:44

    Ah yes nickel !

    Si je rencontre un autre petit problème d'ici là, je peux te mp ?

    Et encore merci, tu déchires ! Razz



    (DEHVI) Page d'Accueil 828103KidInk
    Dehvi
    Dehvi
    MasculinAge : 31Messages : 72

    Jeu 25 Fév 2016 - 16:48

    Avec plaisir Wink et n'hésite pas si tu rencontres un soucis ouep
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Jeu 25 Fév 2016 - 17:08

    ça marche

    Merci beaucoup en tout cas ! Very Happy



    (DEHVI) Page d'Accueil 828103KidInk
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Jeu 25 Fév 2016 - 18:05

    Est-ce que la demande est terminée? Je peux archiver? ^^



    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Jeu 25 Fév 2016 - 18:22

    Yep !Merci encore :)



    (DEHVI) Page d'Accueil 828103KidInk
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 15:35