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.

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

    Message d'acceuil à 2 onglets Merci ♥

    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Jeu 16 Aoû 2012 - 15:44

    Commande
    Elément à coder : Message d’accueil Wink

    Adresse du forum : http://planete-stargate.forumgratuit.org/
    Forum de RPG écrit sur le thème de Stargate, série SF si vous ne connaissez pas ( principalement de l'aventure et des combats ^^)

    Description du résultat voulu :

    J'ai du mal avec les schémas lol, donc je vous ai plutôt fait un rendu sous photoshop.
    Je peux donc fournir toutes le images nécessaires ( fond / boutons) si besoin)

    Spoiler:
    C'est un Message d’accueil a 2 onglets donc ^^
    Par contre, j'ai fait cela par rapport a un schémas( justement qu'une analyste m'avait conseillé) donc libre a celui qui prendra cette commande de changer des noms ou de modifier des formes de cases...
    Je ne suis pas fixé, fixé ( pour preuves, on retrouve la case Liens rapides car je ne savais pas quoi mettre a cet emplacement...)

    PS: je voulais savoir si c'était possible un effet sur les images des staffeux: genre opacité qui s'en va au passage souri, MP/Nom qui se met pareil, au passage sourit.
    Et si je peux avoir su texte ou un bandeau défilant pour les partenaires

    Couleurs ou tons :Les couleur de base sont principalement le noir, le bleu foncé et clair (pastel) , le violet et le gris argent. Comme sur le forum.

    Images :
    Spoiler:
    Autres précisions :
    Je ne suis pas contre des retouches. Boutons ou autres, et je peux modifier au besoin et fournir des images.

    Merci a celui qui voudra bien me coder cela


    Dernière édition par Planete_Stargate le Lun 3 Sep 2012 - 12:11, édité 6 fois
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Jeu 16 Aoû 2012 - 15:46

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
    ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine


    Je déplace dans page d’accueil c'est plus ça place la bas n’hésite pas a donner les liens et image avatar puisque tu veut des infobulle pour ton staff.



    Message d'acceuil à 2 onglets Merci ♥ 376864signichigo
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Sam 18 Aoû 2012 - 21:22

    Oh oui, merci suis-je bête. Oui, je vais les récupéré sur mon fofo ^^'


    Voilà les images de mon staff Wink

    petite/GRANDE
    Spoiler:

    Par contre, j'ai des modérateurs a l'essai ^^", donc je n'ai pas encore fait leurs images ( Sachant qu'on devrait pas tous les garder...) Donc si c'est nécessaire, on peut utiliser la 1er par la suite, je modifierais après ^^,

    Merci beaucoup, et n'hésitez pas a me dire si vous avez besoin d'autre chose ♥
    Reira-Sama
    Reira-Sama
    FémininAge : 31Messages : 190

    Dim 19 Aoû 2012 - 15:11

    kikou ^^
    ton image de fond, tu pourrais me la donner avec les titres déjà dessus ?
    j'ai déjà fait ton 1er onglet :
    http://teste-lg.superforum.fr/
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Dim 19 Aoû 2012 - 17:42

    Euh, oui, je peux, oui...

    Mais en fait, j’imaginai des cases en div noires opaques, avec un effet de bordures bleues et du texte dedans...
    Et les titre je les imaginais en écriture, style du Verdana bleu ou du Arial hein ^^, au cas ou je devrait changer mes titres par la suite.
    Pour "Actu du forum" et "Le point RPG" bah j'aurais aimé un truc qui change de couleur au survol de la souris, comme un lien que les gens sachent qu'ils peuvent cliquer dessus ^^' que ce soit avec mes image là, ou avec des écriture en verdana/stargate ou Arial....

    Enfin, je pense que c'est faisable car je l'ai vu sur d'autre forum...
    (Rolling Eyes j'avais essayer de le faire, et bon, je suis pas assez doué en codage XD mes div étaient disposé n'importe comment et mes modif beugaient complétement la PA...)
    Reira-Sama
    Reira-Sama
    FémininAge : 31Messages : 190

    Lun 20 Aoû 2012 - 0:18

    ouah xD
    je vois très bien ce que tu veut.
    c'est tout a fait possible.
    par contre comme je m'en vais je pourrais pas retenter xD
    et comme c'est bientôt la rentrée je sais pas >_<
    du coup je vais tout de même laisser a qu'elle qu'un d'autre. si j'ai le temps je t'essaye ^^
    avatar
    Puchlu
    MasculinAge : 35Messages : 98

    Mar 21 Aoû 2012 - 15:31

    Tu as déjà fait le plus gros de la demande, de ce que je peux voir, il manque les onglets, le rollover sur les liens et la mise en place de la demande en second onglet.

    Donc Reira-Sama, si tu veux bien me transmettre tes codes (ça m'évitera d'avoir à le refaire) je veux bien prendre la relais. :)
    Reira-Sama
    Reira-Sama
    FémininAge : 31Messages : 190

    Mer 22 Aoû 2012 - 18:31

    Kikou =)
    cela ne me dérange pas.
    Mais j'ai mit son image en background. Or, elle souhaite que cela soit fait en codage (c'est a dire un background de l'image de la terre seule avec les fonds en noir a bas opacité, etc ...)

    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Jeu 23 Aoû 2012 - 2:22

    Coucou, merci a vous deux, et c'est vrai que si possible, j'aimerai avoir la possibilité de pouvoir changer l'image de fond au besoin ( genre pour les fêtes, ou pour un évent sur le forum ^^")
    En gros, si possible, je voudrais avoir l'image de fond n° en spoiler. et chaque case noire, en fait, en div ou autre, avec un fond opaque noir et une bordure bleu teal genre "blur", que je puisse modifier le texte au besoin facilement ou ajouté et supprimer des choses...

    Merci a vous deux, de bien vouloir m'aider ^^
    avatar
    Puchlu
    MasculinAge : 35Messages : 98

    Jeu 23 Aoû 2012 - 17:32

    Ah d'accord...
    D'un côté c'est dommage, puisque fait à la manière de Reira, cela t’offrais un bien plus grand choix de possibilité au niveau de l'esthétique.

    M'étant proposé sur ta commande, je me devais maintenant de la finir, j'ai donc tout refait, et c'est quasiment fini. Voici l'un de mes forums test :

    Tout a été fait en codage comme tu me l'as demandé. Je n'ai appliqué que le rollover de l'onglet gauche pour l'instant comme tu pourras le voir en survolant avec ta souris (il manque l'image de survol de "point rpg" que tu n'as pas fourni). Je n'ai pas encore mis les titres, le staff et les partenaires, vu que ce n'est que du remplissage, ça ne prendra pas bien longtemps.

    Avec ce que tu vois là, le résultat te convient-il ?
    Si oui, je continue, auquel cas dis moi dès à présent ce qui ne convient pas. :)

    je voudrais avoir l'image de fond n° en spoiler.
    Pas compris scratch
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Ven 24 Aoû 2012 - 15:18

    j'aime beaucoup ce que tu as fait Very Happy

    par contre pour le rollover de l'onglet gauche, je pensait en un texte défilant doucement disparaissant en haut et réapparaissant en bas Rolling Eyes

    Sinon, c'est nickel et oui.. désolé, javais pas vu pour le "Point rp" silent

    Le voila Wink
    Message d'acceuil à 2 onglets Merci ♥ Point_11
    https://i.servimg.com/u/f33/17/73/13/76/point_11.png
    avatar
    Puchlu
    MasculinAge : 35Messages : 98

    Lun 27 Aoû 2012 - 20:32

    Salut,

    Désolé pour cette petite absence.
    Donc j'en ai profité ce soir pour rajouter les titres (vu que tu voulais du violet, le mettre en titre j'ai trouvé que ça allait bien au milieu de tout ce bleu, tu restes bien sur maitresse de ta commande, alors si tu veux du bleu suffit de me le dire)

    Tu as deux choix de présentation de staff qu'il te revient de choisir. Survole ta souris sur le premier avatar, une infobulle et le second un coulissement. J'ai pour ma part une préférence pour ce dernier. J'attends tes dernières indications puis je te file les codes. :)

    Si tu pouvais aussi me fournir la taille ou une image de partenaire que je puisse remplir cette partie du tableau, comme cela tout sera disponible. Wink
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Mer 29 Aoû 2012 - 15:59

    Désolé pour cette petite absence.
    Coucou et pas de soucis, perso je me suis fait un long weekend a la mer donc... XD

    Donc j'en ai profité ce soir pour rajouter les titres (vu que tu voulais du violet, le mettre en titre j'ai trouvé que ça allait bien au milieu de tout ce bleu, tu restes bien sur maitresse de ta commande, alors si tu veux du bleu suffit de me le dire)
    Alors, bonne initiative, par contre on peut modifier la couleur saumon?.. je trouve que ça va pas trop.. genre une couleur pastel si tu veux, mais plus comme: mediumpurple, mediumslateblue, plum, en vert sinon? mediumseagreen, seagreen, teal ....

    Tu as deux choix de présentation de staff qu'il te revient de choisir. Survole ta souris sur le premier avatar, une infobulle et le second un coulissement. J'ai pour ma part une préférence pour ce dernier. J'attends tes dernières indications puis je te file les codes. :)
    Oui, j'adore le coulissement aussi XD
    par contre on peut ne pas avoir d'opacité sur le staff?

    Si tu pouvais aussi me fournir la taille ou une image de partenaire que je puisse remplir cette partie du tableau, comme cela tout sera disponible. Wink
    http://quasargate.free.fr/ban/88x31/top50.gif / http://www.tourdejeu.net/images/boutonanim.gif / ***

    Sinon, pour la transition entre les onglets, ça beug un peu au milieu.. ya moyens soit de faire un glissement droite gauche fluide (enfin si tu vois ce que je veux dire) sinon rien, ça ira aussi vu que les cases correspondant ^^.

    De plus, est ce que c'est possible de faire une modification pour les onglet? ( le point Rp /l'actu forum). On a réfléchit et on voulait savoir si c'est possible de l'avoir en écriture stargate comme là, mais en gris clair, et en bleu soutenu par exemple
    et que quand on est sur un onglet celui-ci il soit bleu et l'autre gris, et vice versa. Pour que les joueurs et même nous, on sache sur quel onglet on est. Bien sur, je peut te les faire en .png si tu as besoin hein ^^


    En tout cas, on est content du codage que tu fait ♥, même si je t’embête pour des détails là lol


    avatar
    Puchlu
    MasculinAge : 35Messages : 98

    Mer 29 Aoû 2012 - 19:34

    perso je me suis fait un long weekend a la mer donc... XD
    Veinarde et moi qui m'en voulais de te faire patienter x')

    Vu que tu as plusieurs envie de couleur pour les titres, je te laisse tester et voir par toi-même. Je te l'ai indiqué dans le css, donc tu ne seras pas perdue.
    Même chose pour l'opacité, à toi de tester et de mettre celle qui te conviendra. Wink

    J'ai enlevé la transition, ça sera plus simple. Pour tes nouvelles images d'onglet, il te suffira de les modifier dans le code html suivant. Attention tout de même à ne pas toucher au "float:left" et "float:right" tout comme "banner1" et "banner2".
    onmouseover lorsque tu passes ta souris dessus et onmouseout lorsque ta souris quitte l’élément.





    Voici les codes :
    Direction le panneau d'administration -> Affichage -> Couleurs -> Feuille de style CSS :



    Toujours dans Affichage -> Généralités :


    Et enfin direction modules -> gestion des codes js -> activer la gestion si ce n'est pas fait -> créer une nouvelle page en index puis colle ce code :



    Pour mieux comprendre les codes, et même si j'ai disposé pas mal d'indication, je te conseille d'utiliser un logiciel gratuit : Notepad++ .
    Il a la particularité de coloriser les différents élément rendant le tout très simple à lire.

    Si tu as une question sur le fonctionnement ou si tu bloques quelques part, passe par les MP, je tacherai d'y répondre au plus vite.
    N'oublie pas les crédits. Pense aussi à changer l'icone du sujet en "terminé"

    Bonne continuation. :)


    Dernière édition par Puchlu le Jeu 30 Aoû 2012 - 9:34, édité 1 fois
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Mer 29 Aoû 2012 - 20:16

    Ok, donc je teste tout ça, et si j'ai des questions , je t'envoie un Mp?
    Ok, ça tombe bien, car j'avais quelque question comme comment déplacer légèrement mes onglet en haut plus sur le dessin lol.

    Et bien, merci a toi, et je te Mp alors, mais surement demain Wink

    Bonne soirée et encore merci pour tout.



    Message d'acceuil à 2 onglets Merci ♥ SKYDOLL003-ff
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Mer 29 Aoû 2012 - 21:09

    Désolé, pour le double post Wink

    Puchlu ? désolé, je ne peut pas envoyer de message privés, ça me dit que mon nombre de post est insuffisant, donc , je vais poster ici si ça te gène pas. J'ai / question, mais là, je vais aller dodoter, donc j'éditerais demain ce message Wink

    mais déjà regarde:
    http://pstest.forumgratuit.org/
    j'ai mis le texte en contexte, mais le overflow ne marche pas, c'est bizarre non?
    Sinon, je voulais savoir comment déplacer les onglet car là, ils dépassent un peut trop de l'image je trouve...

    et oui, j'ai télécharger note pad ++ Wink

    Merci ♥



    Message d'acceuil à 2 onglets Merci ♥ SKYDOLL003-ff
    avatar
    Puchlu
    MasculinAge : 35Messages : 98

    Jeu 30 Aoû 2012 - 9:56

    J'ai édité mon précèdent post, un petit oubli de ma part dans le code. Reprends seulement le .html.

    Mon forum de test étant plus petit en largeur je n'avais pas pris cela en compte, mais si tu veux déplacer tes onglets il te suffira de rajouter margin-left:10px; pour l'onglet de gauche et margin-right:10px; pour celui de droite. modifie les codes des deux onglets par ceux là :





    J'ai mis 10px comme valeur test, à toi de vérifier en fonction de ton forum. Mais à vue d'oeil, je pense que 110px seront nécessaire. :)
    Planete_Stargate
    Planete_Stargate
    FémininAge : 41Messages : 62

    Sam 1 Sep 2012 - 18:34

    Merci.

    J'ai modifié Wink

    Je te remercie énormément car j'aurais pas été capable de faire cela seule : Merci ♥
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Lun 3 Sep 2012 - 17:41

    Bonjour pense a mettre le crédit sur ta -PA en lien cliquable merci.



    Message d'acceuil à 2 onglets Merci ♥ 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 23:34