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.


    Les fonds de theme avec widget.

    Hietsu
    Hietsu
    Age : 29Messages : 257

    Ven 1 Mai 2009 - 4:49

    Salut.


    Alors, je débute en graph thême, alors ma question peut sembler idiote, mais je la pose quand même.

    Donc,
    voilà je ne sais pas comment faire un fond qui s'adapte a toute les
    grandeurs d'écran. Je vais prendre pour example mon forum de test de
    thêmes pour vous montrer le problème.

    http://bleach-no-rpg.forumactif.com/

    Alors, suposont que je prend se fond pour example, comment puis-je faire pour qu'il soi adapté a toute les grandeurs d'écran.



    Merci a moi meme

    [Les fonds de theme avec widget. 30654305

    Light'z
    Light'z
    MasculinAge : 32Messages : 7222

    Ven 1 Mai 2009 - 11:48

    Yop!

    Ta question a un rapport avec les forums, je déplace donc ton sujet dans la partie Forum de la section aide.



    Les fonds de theme avec widget. 351595pingouinsign
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Ven 1 Mai 2009 - 13:32

    Coucou,

    D’après ce que j’en vois, ton fond a l’air de se répéter. Si tu veux qu’il s’adapte à peu près à tout les écrans, il te suffit de faire un fond de 1024x768 (la taille la plus courante) ou encore 1280x1024 si tu veux être bien sûr que le fond sera assez grand pour tous. Tu peux aussi prévoir une couleur de fond qui se mariera avec les bords du wallpaper que tu as créé.

    Il faut aussi le fixer, pour cela tu vas dans le panneau d’administration > affichage > gestion des images > image de fond de page et juste à côté tu dois voir un endroit où tu peux cocher « fond de page fixe ».

    Voilà, il existe peut-être d’autres astuces, dans ce cas je laisse la parole à qui veut la prendre Razz



    Riku Asakura
    Riku Asakura
    MasculinAge : 37Messages : 5736

    Ven 1 Mai 2009 - 13:57

    Bonjour
    Tu ne peux pas avoir un fond qui s'adapte aux écrans de tes visiteurs, sauf si tu conçois un script javascript qui fait en sorte de changer le fond en fonction des résolutions, mais ça sous-entendrais de créer un fond pour chaque type de résolution, et surtout connaitre le javascript.

    Une des solutions est de concevoir un fond qui se répète (une trame) et qui va donc couvrir l'espace vide (le fond) à l'infini.

    Sinon il faut jouer le bourrin et faire un fond des dimensions de la plus grand résolution d'écran pour un PC à l'heure actuelle (à savoir 2280 x 1425px si je ne fais pas erreur).

    Bon courage Wink



    Les fonds de theme avec widget. 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Hietsu
    Hietsu
    Age : 29Messages : 257

    Sam 2 Mai 2009 - 4:45

    Merci ^^, mais je voudrais bien attendre l'avis d'un spécialiste des widget's car mon fond est belle et bien suposé de prolonger le rectangle noire de ma navigation... Donc j'attend cela ^^ Sinon, je crois que je vais continuer de "gausser pour trouver une soluce ^^



    Merci a moi meme

    [Les fonds de theme avec widget. 30654305

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

    Sam 2 Mai 2009 - 11:37

    Il faut dans un premier temps que tu modifies ton fond en décallant la partie noire vers la gauche pour quelle soit pile poil sous les wigets^^
    Ca se fait au "tatonnage", tu peux t'aider de screenshot ceci dit.

    Ensuite, dans un second temps, il te faudra utiliser un code css pour remonter le corps et ainsi coller le haut du wiget à la ban.


    Dernière édition par Sparrow-style le Lun 15 Juin 2009 - 15:48, édité 1 fois



    sign
    Hietsu
    Hietsu
    Age : 29Messages : 257

    Sam 2 Mai 2009 - 14:00

    Merci sparrow... Sa c'est expliquez ^^ mais maintenant la question que je me pose c'est où trouver ce code, si tu pouvait me le donner ou me dire où le trouver tu serait un ange ^^



    Merci a moi meme

    [Les fonds de theme avec widget. 30654305

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

    Sam 2 Mai 2009 - 14:19

    Essaies ça :

    Code:
    .bodylinewidth
    {
    width: 950px;
    }

    #i_logo
    {
    margin-top: -17px;
    }

    #page-body
    {
    margin-top: -21px;
    }

    Les tailles en pixel sont à adapter au besoin...



    sign
    Riku Asakura
    Riku Asakura
    MasculinAge : 37Messages : 5736

    Sam 2 Mai 2009 - 14:34

    Hietsu a écrit:Merci ^^, mais je voudrais bien attendre l'avis d'un spécialiste des widget's car mon fond est belle et bien suposé de prolonger le rectangle noire de ma navigation... Donc j'attend cela ^^

    En même temps "à question précise réponse précise" Wink
    Tu nous parles d'un fond sans nous présenter ce que tu recherches précisément, t'étonnes pas si on répond à côté tongue



    Les fonds de theme avec widget. 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Hietsu
    Hietsu
    Age : 29Messages : 257

    Sam 2 Mai 2009 - 14:40

    et Hop, j'avais cru savoir comment faire ceci -_-' mais cela c'est avéré injuste -_-' Bref, si tu pouvait me dire au trouve spéciquement un tuto m'expliquant comment appliquer css sur FA. J'espere que c'est pas trop une question de noob ^^


    Edit: Bah désoler riku ^^ je vais essayer d'être plus précis a mes prochaine question ^^



    Merci a moi meme

    [Les fonds de theme avec widget. 30654305

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

    Sam 2 Mai 2009 - 15:13

    Tu dois appliquer le css dans ton Panneau d'admin > Affichage > Couleurs > Feuille CSS...

    Essaies d'être plus clair, c'est un peu dur à suivre Razz



    sign
    Hietsu
    Hietsu
    Age : 29Messages : 257

    Sam 2 Mai 2009 - 15:30

    xD désoler ^^


    Bref, maintenant je ne sais pas quoi faire avec le code *zut*... Le copier coller ( sa marche pas vraiment )... et si je dois l'adaptez j'aimerais bien savoir qu'elle sont les partis du code a modifier.



    Merci a moi meme

    [Les fonds de theme avec widget. 30654305

    Hietsu
    Hietsu
    Age : 29Messages : 257

    Jeu 7 Mai 2009 - 4:19

    Plop, je redemande un code du genre mais cette fois pour faire bouger ma navigation d'environ 2 pixel sur la droite.



    Merci a moi meme

    [Les fonds de theme avec widget. 30654305

    Light'z
    Light'z
    MasculinAge : 32Messages : 7222

    Lun 15 Juin 2009 - 11:56

    Tu as réussis à régler ton problème Hietsu?



    Les fonds de theme avec widget. 351595pingouinsign
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 13:52