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.


    Boutons de navig : forcément 10 px ?

    Gabriel
    Gabriel
    FémininAge : 36Messages : 7999

    Mar 2 Fév 2010 - 18:26

    Bon, on va dire que c'est ici qu'il faut poster... J'hésite toujours pour les demandes d'aide... ^^'
    Hem, bref, bonsoir ! ^^
    Voilà, je suis en pleine construction de thème, et j'ai un sushi avec ma barre de navig : je compte faire de simples petites icônes à placer à côté des liens textes de la barre de navig (Boutons de navig : forcément 10 px ? I898952_boutonnavigation1)
    Mais seulement voilà, dès qu'on part sur des formes plus complexes que les carrés ou les ronds, des images de 10 pixels sont vraiment trop petites... Du coup, confiante, je fais une image de 30 px... qui a été automatiquement redimensionnée à 10 px Sad
    Donc ma question est : comment faire pour augmenter la taille de ces p'tits boutons OU comment empêcher ce satané redimensionnement ?
    Merci d'avance ! ^^

    PS : ch'ui pas sûre d'être claire, hésitez pas à demander si c'est le cas.
    Sackboy
    Sackboy
    MasculinAge : 27Messages : 3009

    Mar 30 Mar 2010 - 22:53

    Tu veux dire, par exemple : accueil Boutons de navig : forcément 10 px ? I898952_boutonnavigation1 ?
    Si oui, le redimensionnement est automatique, et me semble impossible à modifier.



    Boutons de navig : forcément 10 px ? LKdEVH151o
    Verde
    Verde
    MasculinAge : 113Messages : 662

    Mar 30 Mar 2010 - 23:47

    Je reviens de mon nouveau forum de test et je te confirme qu'il est bien possible de changer la taille prédéfinie Wink Mais il y a un inconvénient à ma technique, les images doivent avoir la même taille et c'est la manière la plus simple, sinon j'en ai une autre mais c'est plus long, je te laisse donc la simple et si tu as besoin de la longue je te la fournie également.

    Tu vas dans ta template overall_header_new et tu cherches ta ligne :

    Code:
    <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

    Tu y rajoutes ensuite une class en l'occurence j'ai pris Verde (et oui égocentrisme quand tu nous tiens)

    Code:
    <td align="{MENU_POSITION}"{MENU_NOWRAP} class="verde">{GENERATED_NAV_BAR}</td>

    Et puis tu vas dans ton CSS et :

    Code:
    .verde img
    {
    width: //px;
    height: //px;
    }

    VOili voilou Wink



    Ne soit jamais bon deux fois, une fois ça suffit. Si tu es bon une fois, alors tu es bon et c'est bon. Mais si tu es bon deux fois, alors tu es bonbon et on te suce.
    __________________________

    Boutons de navig : forcément 10 px ? 4bd44585d53e1verde--the-monster-of-nu
    Merci à Bang pour cette magnifique Signature
    __________________________

    Au final, tu as également joué à la Mega Drive.
    __________________________

    Hey Taka-Tin !!!!!
    vic_le_faucheur
    vic_le_faucheur
    MasculinAge : 30Messages : 764

    Mer 31 Mar 2010 - 13:18

    honnêtement si tu veux te prendre le moins possible la tête tu fait des images dans lesquelles tu met le texte que tu veux puis tu met afficher que les images et du coup elles seront à la bonne taille !

    Verde
    Verde
    MasculinAge : 113Messages : 662

    Jeu 1 Avr 2010 - 18:07

    Le problème est résolu Wink ?



    Ne soit jamais bon deux fois, une fois ça suffit. Si tu es bon une fois, alors tu es bon et c'est bon. Mais si tu es bon deux fois, alors tu es bonbon et on te suce.
    __________________________

    Boutons de navig : forcément 10 px ? 4bd44585d53e1verde--the-monster-of-nu
    Merci à Bang pour cette magnifique Signature
    __________________________

    Au final, tu as également joué à la Mega Drive.
    __________________________

    Hey Taka-Tin !!!!!
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Jeu 1 Avr 2010 - 20:33

    Plop, juste Verde les relance c'est au bout de 48 heures, fais attention à ça Wink



    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Dim 11 Avr 2010 - 12:55

    Ohé Gaby, ton problème est résolu ? >w<'



    Gabriel
    Gabriel
    FémininAge : 36Messages : 7999

    Dim 11 Avr 2010 - 22:40

    Hem, en fait j'ai pas tout compris... ^^'
    J'y connais rien en codage, c'est quoi une "class" ?
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Dim 11 Avr 2010 - 23:36

    Une class c'est comme pour l'id d'une div, sauf qu'une class ne s'applique qu'au tableau :) Ma réponse est simplette mais le principe est là xD



    Verde
    Verde
    MasculinAge : 113Messages : 662

    Lun 12 Avr 2010 - 0:01

    Euh Luck' désolé de te contredire mais une class ça s'applique à tout, la seule différence entre une class et une id c'est qu'une id ne peut-être appliqué qu'à une seule balise mais une class peut s'appliquer à plusieurs balises Wink

    Il est correct de voir :

    Code:
    <div class="verde"></div>
    <div class="verde"></div>

    Mais il est incorrect de voir :

    Code:
    <div id="verde"></div>
    <div id="verde"></div>

    Car une ID ne s'applique qu'à un seul élément de la page.



    Ne soit jamais bon deux fois, une fois ça suffit. Si tu es bon une fois, alors tu es bon et c'est bon. Mais si tu es bon deux fois, alors tu es bonbon et on te suce.
    __________________________

    Boutons de navig : forcément 10 px ? 4bd44585d53e1verde--the-monster-of-nu
    Merci à Bang pour cette magnifique Signature
    __________________________

    Au final, tu as également joué à la Mega Drive.
    __________________________

    Hey Taka-Tin !!!!!
    Gabriel
    Gabriel
    FémininAge : 36Messages : 7999

    Lun 12 Avr 2010 - 0:16

    Ok, je comprends encore moins... Je ne connais pas les termes de code, donc expliquer un terme de code en citant d'autres termes de code, ça ne m'aide pas... C'est pas contre vous les gars hein ? Mais je comprends pas. ^^'
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Lun 12 Avr 2010 - 0:16

    Vous allez l'embrouiller là XD

    En gros, une "class" ou une "id" s'applique à quelque chose qui peut être soit un mot ou ligne, soit un block (un tableau, case, ou division).
    Par exemple pour un site, je décide que de manière très schématique ma page va être composée de :

    - un block en-tête -
    - une ligne de lien de navigation -
    - un corps -
    - un pied de page en block également -

    C'est bien tout ça, mais en html je ne peux pas tout faire, du coup on va utiliser le css pour que la page affiche par exemple : "l'en-tête centrée", ou "le corps de 700px de large".
    Pour cela, on va donner un nom au zone, ces noms c'est leur "id" (identifiant) ou "class" (classe).

    Par exemple, je vais décider d'appeler mon en-tête "header", et ensuite dans le css je vais écrire (en équivalent css) : "je veux que le truc s'appelant "header" soit centré, contienne cette image en fond, et fasse xxx par xxx pixels".

    Pour résumer, le html sert à mettre en place tes éléments, le css a les mettre en forme.

    Maintenant, tu as constaté qu'il y avait les "id" et les "class". La différence c'est grosso modo leur emploi : une id s'applique sur un seul élément, par exemple la bannière, tandis que le "class" peut se mettre soit sur plusieurs choses, soit sur une chose se retrouvant à plusieurs endroits : par exemple les images de ton site si tu veux toutes leur donner une bordure.


    Je sais pas si c'est plus clair XD



    sign
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Lun 12 Avr 2010 - 8:56

    Verde a écrit:Euh Luck' désolé de te contredire mais une class ça s'applique à tout, la seule différence entre une class et une id c'est qu'une id ne peut-être appliqué qu'à une seule balise mais une class peut s'appliquer à plusieurs balises Wink

    Il est correct de voir :

    Code:
    <div class="verde"></div>
    <div class="verde"></div>

    Mais il est incorrect de voir :

    Code:
    <div id="verde"></div>
    <div id="verde"></div>

    Car une ID ne s'applique qu'à un seul élément de la page.
    Ahhhhhh ouais !??? La vache ! Comme quoi on en apprend everyday, merci du renseignement ! Donc en gros quand on veut appliquer le même effet à plusieurs élément on utilise une class mais quand on ne veut cet effet que sur un seul et unique élément on utilise une id. Yeah Cool
    Merci aussi de la petite (ou grosse xD) explication Cap'tain me coucherai moins bête tiens è_é'



    Contenu sponsorisé


      La date/heure actuelle est Mer 8 Mai 2024 - 5:13