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.


    PA pour une Académie éwè

    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Jeu 29 Déc 2011 - 2:27

    Hello la compagnie ♥

    Commande
    Adresse du forum : La PA sera utilisé ici mais le thème en cour est ici
    Description des éléments : J'aimerais une PA à 3 onglets comme ceci:
    Onglet 1:
    Onglet 2:
    Onglet 3:

    Explication onglet 1: Pour les petites images de 1 à 6, comme vous l'aurez probablement remarqué, sont des onglets pour changer le cadre juste en dessous qui se trouve à être le staff. Les images du personnage du staff (pas les icones) devront avoir une petite transparence. J'aimerais aussi que la boîte de contexte ai une taille précise pour qu'elle ne s'étire pas. Je préfère donc qu'il y ait un scroll.
    Explication onglet 2: Il n'y a pas grand chose à dire à part que les boîtes devront rester elles aussi d'une taille précise pour ne pas déformer la PA.
    Explication onglet 3: Encore de la transparence sur les images des membres du mois et celle du gagnant du concours et j'aimerais que le titre soit en haut des images ^^ J'aimerais aussi une petite barre de navigation rapide avec la liste des partenaire (mais vous n'aurez qu'a écrire "partenaire 1 2 3 4" je m'arrangerais avec les liens.


    Couleurs ou tons :
    Bordure: #EADECE
    Fond: #F2EADD
    Fond des cases de texte: https://i.servimg.com/u/f47/14/37/57/27/patter12.png
    Couleur des titres: #E2D3C3 avec ombrage #857463 ( + petite barre pointillée sous le titre de la même couleur)
    Texte: #696969
    Images :
    onglet:
    icone du staff:
    image du staff:
    miniban:
    top-site:

    Autres précisions : Beuh je crois que c'est tout, j'vais pouvoir m'occuper des liens et des infos des fiches du staff. Juste mettre le lorem ipsum dans les case de texte, ça serait bien ^^ Merci d'avance ♥


    Dernière édition par Tsukiyo le Mer 4 Jan 2012 - 0:37, édité 1 fois





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 30 Déc 2011 - 17:10

    Coucou .o/ !

    J'ai déjà commencé quelque chose.
    Je prend donc ta commande en charge.
    Tout est bien clair donc je n'ai aucune question ^^

    Cordialement~~
    Taktiik.

    EDIT : J'ai terminé.
    Me reste quelques effets à rajouter.

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Sam 31 Déc 2011 - 10:17

    OMG je t'adore toi ! ♥
    Je croyais que je devrais attendre un moment à cause des fêtes, mais c'est parfait quoi!
    Si tu pouvais juste, dans la dernière page, pour les membres du mois et le gagnant du concours mettre un titre en haut des cases?
    En tout cas, j'adore c'est très gentil à toi d'avoir pris ma commande aussi rapidement =)
    Merci beaucoup beaucoup beaucoup! :3 ♥♥♥

    Edite: oh et je viens de remarquer, pour la navigation rapide, pourrais tu aussi mettre un bouton "go" à côté pour y aller au lieu de sélectionner et d'y aller directement si tu peux s'il-te-plait? ^^





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Sam 31 Déc 2011 - 14:42

    Yop !
    Ok, aucun problème ^^
    Je te termine ça pour aujourd'hui Wink

    Taktiik.

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Lun 2 Jan 2012 - 6:37

    D'accord pas de soucis et passe un bon temps des fêtes surtout! :)





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mar 3 Jan 2012 - 19:18

    Yop :3

    Vraiment désolé du temps >_<
    Donc, je rajoute un titre sur les boites mais lesquelles et quels titres =) ?
    J'ai rajouté l'effet d'opacité sur les images ;D

    Taktiik.

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Mar 3 Jan 2012 - 19:35

    Bouh!

    Je pense que je me suis mal exprimée ^^'
    Pour l'opacité: l'opacité s'enlève graduellement au passage de la souris.
    Pour le titre: en dehors des champs texte si c'est possible et juste mettre le même css que celui que tu as mis au "Pseudo" dans la première page. (et ce que tu as écris pour les titres "membre du mois" et "Gagnant du concours" c'est parfait :3)
    Ça sera bon par la suite ^o^

    Edite: oh et n'oublis pas le bouton "GO" dans la navigation rapide ^^'





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mar 3 Jan 2012 - 23:06

    Yop !

    Tiens, tu me fais bien de me rappeler ce bouton ;D
    Ok, je te fais ça immédiatement =) !

    Taktiik.

    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mar 3 Jan 2012 - 23:33

    Yop .o/ !

    Désolé du double-post.
    C'était pour te dire que c'est terminé ;D
    Le rendu final est à la même adresse :


    Si tout est bon, j'te donne les codes Wink

    Cordialement~~
    Taktiik.

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Mar 3 Jan 2012 - 23:40

    C'est parfais! ♥
    T'es adorable, merci beaucoup ^o^





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mar 3 Jan 2012 - 23:52

    Aloheeee !

    C'est partit pour l'installation ;D
    Dans ton PA> Affichage> Généralités, tu mets ceci :



    Dans ton CSS, ceci :



    Puis ton Premier code JavaScript à mettre dans PA> Modules> Gestions des pages JS
    C'est le système onglet général !

    Code:


    //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->

    Et le second :
    C'est le système onglet du staff !



    Cordialement~~
    Taktiik.


    Dernière édition par Taktiik le Mer 4 Jan 2012 - 0:20, édité 1 fois

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Mer 4 Jan 2012 - 0:00

    Petit problème, j'ai tout bien copier / coller et y'a que les onglets du staff qui n'affichent pas ._.





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mer 4 Jan 2012 - 0:04

    ♫♪ Ma-maa-maaaaaa ♫♪

    As-tu bien rentré le second code javascript dans une nouvelle page =) ?

    Taktiik.

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Mer 4 Jan 2012 - 0:06

    Ouip et ça ne donne rien. On voit juste les petits piments mais pas la zone où il y a les infos =S





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mer 4 Jan 2012 - 0:10

    Yop ~~

    Wai, ça fait ça quand les codes sont mal mis >_<
    Donc, on va faire petit à petit.

    • Tu prends le premier code JS, tu créer une page JS, tu le mets dedans,
      Titre : Ce que tu veux
      Placement : sur l'index.

    • Tu prends le second code JS, tu créer une nouvelle page JS, tu le mets dedans.
      Titre : Ce que tu veux
      Placement : sur l'index.


    N'oublie pas d'activer la gestion des codes JavaScripts En cochant oui sur la page de Gestion ;D
    Normalement, ça devrait marcher ._. !

    Taktiik.

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Mer 4 Jan 2012 - 0:15

    Je te jure, c'est déjà fais xOx

    Screen:
    https://i.servimg.com/u/f42/14/22/84/35/js_bmp10.jpg
    https://i.servimg.com/u/f42/14/22/84/35/js2_bm10.jpg





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mer 4 Jan 2012 - 0:19

    Argh x_x

    T'as essayé de reprendre les codes Javascripts, les re-rentrer etoo :s ?
    Un petit < peut tout faire buger hein ^^"

    Sinon, j'vais te passer les liens directs reliant à mon forum test pour le système onglet staff ^^"

    Taktiik.

    EDIT :

    Trouvé, il manque une partie au début ;D
    Code:
    //<

    • Revenir en haut
    Naemesys
    Naemesys
    FémininAge : 30Messages : 314

    Mer 4 Jan 2012 - 0:36

    AH BAH OUI Je suis trop aveugle x'D
    En tout cas, merci beaucoup, depuis le temps que je voulais une PA à onglet :3





    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mer 4 Jan 2012 - 0:39

    Owai =D

    Pas de problème.
    Je peux clore la commande donc :)
    N'hésites pas à me MP pour le suivi de ta commande lors de l'installation finale ;D

    Merci d'avoir utilisé les services de Never Utopia.
    Merci d'appliquer un petit crédit en ma faveur, j'ai carrément oublié >o<
    Merci d'avoir fait confiance au forum et à mes compétences !

    Commande Terminée&Archivée~~
    Taktiik.

    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Mar 7 Mai 2024 - 22:53