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 à ne pas rater :
Display One Piece Card Game Japon OP-08 – Two Legends : où la ...
Voir le deal

    Bases de la création de thème

    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Jeu 11 Déc 2008 - 22:28

    Rappel du premier message :


    Voici comme promis un tuto sur les bases (quand je dis les bases, c'est réellement les bases^^) de la création d'un thème. J'essaierai par la suite de faire des tuto pour créer entièrement un thème de forum, mais là j'ai préféré dégrossir un peu les choses dans un premier temps, tout en vous prouvant qu'il est très facile de faire un thème simple et sobre.

    J'ai join au tuto (en dessous du tuto) les liens des tuto dont je parle, en effet, je ne me suis pas amusé à vous répéter comment mettre un cadre... par exemple ^^

    Le TUTO :

    Spoiler:


    Dernière édition par Sparrow-style le Lun 6 Déc 2010 - 13:38, édité 1 fois



    sign
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Sam 13 Déc 2008 - 13:34

    Ha ok ben c'est pas grave xD
    Je vais voir comment marche hitskin pask je comprend pas trop =)




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Sam 13 Déc 2008 - 13:50

    Et eux je crois que t'a oublié le background dans le tuto ,
    C'est a peu prés quelle taille ? =)
    Merci




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Sam 13 Déc 2008 - 14:25

    Si tu lis bien tout ce n'est pas un oublie, je pars du basique, et le basique pour le background c'est une couleur tout simplement ^^

    Les prochains tuto auront le background compris par contre.

    Les dimensions ne sont pas évidentes, perso je prend toujours du 1280x1024, mais comme il y a des écrans bien plus larges maintenant faut limite prendre du 1900x1400 <_<



    sign
    avatar
    Wasp
    FémininAge : 30Messages : 4459

    Sam 13 Déc 2008 - 15:08

    J'ai un autre thème en projet 'Kyah,c'est con, mais NU ne commande jamais les styles qui m'attirent, alors, <_<... Par contre, les modifs, oui,ça j'ai <_<)

    Spoiler:

    Qu'en penses-tu Capt'ain ?



      Bases de la création de thème - Page 2 4b2b8640c75eeryumotoko_sign-1-
      Grand merci à Lilith pour le kit =)
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Sam 13 Déc 2008 - 15:17

    Classe ! Dans le même style que le précédent un peu mais j'aime beaucoup ! Wink



    sign
    avatar
    Wasp
    FémininAge : 30Messages : 4459

    Sam 13 Déc 2008 - 15:19

    Arf,je sais,j'ai des envies de meurtres Muahahahaha Twisted Evil

    [Sors son fusil de traque Anti-Renard]



      Bases de la création de thème - Page 2 4b2b8640c75eeryumotoko_sign-1-
      Grand merci à Lilith pour le kit =)
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Sam 13 Déc 2008 - 22:21

    Salut,
    Enocore un probleme ^^ Ben oui c'est mon premier thème xD
    Enfin bref comment heberger le background =S
    Car sur mabul , c'est trop lourd =S
    Sur imageshack j'ai pas super compris quel lien il faut mettre ^^
    C'est la derniere étape =S , Je posteré le lien de mon forum test quand je l'aurai fini !




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Anonymous
    Invité

    Sam 13 Déc 2008 - 22:46

    Mon rendu ici, sur mon fofo de test:

    Lien

    Thank's captain ^^
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Sam 13 Déc 2008 - 22:51

    HAAAAAAAAAAAAAAAA Phoenix Wright il est super , par contre il ressemble trop au mien xD
    Enfin le mien et sur un rpg naruto , j'ai fait une animation pour who is online sauf que j'ai mis who's online , ton rouge est un peu utilisé dans le mien xD
    Sinon je suis fan Wink
    Un peu dommage qu'il ressemble au mien x) [Le tien est mieu t'inquiete, je suis deb ^^]
    (je posterai le mien quand on aura rep a ma question au dessus ^^)
    EDIT: Comment t'a mis les shuriken devant le sujet (L)




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Anonymous
    Invité

    Sam 13 Déc 2008 - 22:57

    C'est dans les mini-icones je crois ^^"
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Sam 13 Déc 2008 - 22:58

    Pas mal du tout PW ^^ un peu "lumineux" mais pas mal ! Bravo !

    Silver : héberge ton background sur Hiboox par exemple, ou image-host



    sign
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Sam 13 Déc 2008 - 22:59

    Okay sparrow et PW merci ^^
    EDIT: Sa ne marche toujours pas :S
    EDIT détaille : Une fois que mon image est rentré , je fait modifier je vais voir le rendu et la a la place du fond c'est noir et la section image sa fait comme si l'image de s'affiche pas (le fond blanc avec un 'x' rouge :s)




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Sam 13 Déc 2008 - 23:45

    Tu l'as enregistrée en jpg ?



    sign
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Dim 14 Déc 2008 - 0:36

    Enfin ^^'
    J'ai réussi =)
    Bon je suis vraiment débutant alors voila c'est mon premier théme =)
    Je vous passe l'adresse ^^

    http://graph-passion.forumactif.com/index.htm

    Vous en pensez quoi ?




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Dim 14 Déc 2008 - 1:21

    Pas mal du tout pour un début ! Wink

    Seules remarques : attention de bien mettre les barres de séparation partout (t'as un morceau en blanc), mets un cadre à ta bannière, attention à la barre de navig' qui gâche un peu (plus simple serait mieux passé)... Et l'animation du qui est en ligne manque de régularité je trouve...



    sign
    Anonymous
    Invité

    Dim 14 Déc 2008 - 2:34

    Cap'tain >> Pour la luminosité, c'est ce que j'me disais aussi xD
    Les 3/4 des gifs que j'ai mis, je les ai mis pour la première fois, et pour l'effet aller-retour sur le new (je prépare un tuto dessus) j'ai galéré pour le trouver xD

    M'enfin bref, je stop flood ^^ Si je réussit un truc mieux je le posterais surement ^^

    Encore une fois, super tuto et merci cap'tain ^^
    Silver
    Silver
    MasculinAge : 29Messages : 6173

    Dim 14 Déc 2008 - 11:37

    Sparrow>> Je sais que j'ai un morceau blanc mais j'arrive pas a le remplir ^^ Pour le cadre de la bannière m'en suis rendu compte trop tard car je l'ai mis après sur le PSD ^^ Moi j'aime bien la barre de navig seulement trop longue :S Mais si j'enlevai une icône sa 'cassé' la barre avec une icône blanche et une croix rouge =)
    Enfin c'est un début avec du temps, des tutos (impatient du tien pour le gif PW) j'aurai un resultat plus convenable !




    «L’homme exploite l’homme et parfois c’est le contraire.»

    Bases de la création de thème - Page 2 4b697641ab77btispa-copie

    * Art Silver *
    - -
    Periwink
    Periwink
    MasculinAge : 30Messages : 708

    Mar 16 Déc 2008 - 17:49

    Sympa, le tuto (même si mon plus gros prob' c'est la taille et la manière de faire le fond U_U)
    Au fait, c'est quoi les polices que tu as utilisées au début du tuto? J'ai remarqué que tu les utilises souvent..

    Yamamoto
    Yamamoto
    MasculinAge : 29Messages : 2387

    Jeu 18 Déc 2008 - 4:23

    Vraiment simpa >3

    Mais j'ai pas la qualité de graphisme pour faire un thème moi xD



    Bases de la création de thème - Page 2 Reborn_Sig___3_en_1_by_Chiibi_Neko
    Je combattrais avec ma dernière volontés.
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Jeu 18 Déc 2008 - 11:29

    Locke : les tailles sont pas mal expliquées, et pour le fond le meilleur moyen de pas tout saccager avec c'est dans un premier temps de ne pas en mettre XD
    Les prochains tuto comprendront un fond normalement.
    Pour les polices je ne sais plus lesquelles j'ai utilisée, Palatino Type je crois puis jsais plus.



    sign
    Anonymous
    Invité

    Ven 19 Déc 2008 - 20:32

    Salut j'ésaillerai de mettre le thème que j'ai fait sur hitskins ce soirsur Tsubasa Chronicle reservoir
    Sa doit être le premier >>
    Periwink
    Periwink
    MasculinAge : 30Messages : 708

    Ven 19 Déc 2008 - 22:17

    Non mais moi j'ai une résolution de 1600*1024 ou un truc dans le genre, donc par exemple le fond de N-U est coupé.. donc jme demande si après le code pour adapter marche bien..

    Mao Hinata
    Mao Hinata
    FémininAge : 29Messages : 4502

    Ven 19 Déc 2008 - 22:38

    Wow sen'chou, superbe tuto ^^

    quand j'aurais à nouveau toshop j'essayerais (=

    (merci surtout de ton astuce pour la barre de navigation, c'est ce qui me posait le plus problème Razz)



    Melodie- Noir ♥


    Merci à Gabriel pour cette superbe signature musicale !
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Ven 19 Déc 2008 - 22:40

    Locke : les résolutions sont toutes différentes, y'en a plein, moi mon écran et petit, je galère à voir ce que ça donne ailleurs, donc soit il faut faire un fond de 1900x1400 pour les écrans les plus grands, soit faire un fond qui puisse se répéter... ou alors avec un dégradé sur les côté pour terminer chaque bord par une couleur simple.



    sign
    Anonymous
    Invité

    Ven 19 Déc 2008 - 23:49

    Salut tu n'aurai pas oblié les déplacements et les images quand on envoie des messages ?
    Sinon Sparrow comment trouve tu http://sakeshi.forumactif.com/
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 11:50