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 du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

    Une petite barre de navigation

    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 4 Jan 2015 - 21:15

    Bonsoir et banannée ♥

    Ma demande



    Hello et banannée ♥

    Je viens de retrouver une création de Neva, pour moi mais je n'ai jamais eu l'occasion de m'en servir :/

    J'ai regardé dans les tutoriels pour voir s'il y avait ce que je recherchais mais non, donc je poste ici.

    Ce qu'il me faut, c'est la couleur rose foncée de chaque côté des 6 encadrements. Je ne sais pas comment procéder donc je poste une demande complète XD

    Merci à la personne qui s'occupera de moi si ce n'est pas Neva ♥


    Schéma(s) et Eléments
    Schémas : Ce n'est pas de moi, mais de Neva : https://2img.net/r/ihimizer/a/img801/3922/recherchenavig.png

    (je me permets parce que c'était pour moi, désolée s'il ne fallait vraiment pas mettre de capture u_u)
    Tailles des éléments : Je n'en ai aucune idée, désolée :/
    Version de votre forum : PHPBB2


    Ressources
    Non, il n'y en a pas besoin normalement.

    Je pense avoir tout dit ^^
    Heu... j'ai déjà tout dit ? :3


    Merci beaucoup ♥


    Dernière édition par Sarah-Chan le Dim 4 Jan 2015 - 23:15, édité 1 fois



    Une petite barre de navigation 200412081714641513

      Merci Sparrow :3
    Henrykiki
    Henrykiki
    MasculinAge : 32Messages : 576

    Dim 4 Jan 2015 - 21:21

    Coucou, c'est juste la couleur que tu veux ? :O

    Si c'est le cas là voici : #e3948d
    en rgb(227,148,141);

    #e3948d



    Des bisous !
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 4 Jan 2015 - 21:52

    Non, en fait je me demande où placer le code pour que cette couleur apparaisse XD Désolée, je m'exprime mal u_u

    Je n'ai même pas le code de cette barre de navigation, j'ai pris celle d'un tuto' :)

    C'est pour ça que je me posais la question, j'aimerais bien faire apparaître la seconde couleur (le rose foncé) ^^



    Une petite barre de navigation 200412081714641513

      Merci Sparrow :3
    Henrykiki
    Henrykiki
    MasculinAge : 32Messages : 576

    Dim 4 Jan 2015 - 22:09

    Ouki ouki, quand tu as un code déjà en ta possession, n'hésite pas à nous communiquer celui-ci, car ça nous permet de voir si ce qu'on va te proposer va fonctionner.

    Alors pour mettre les bords de cette couleur, tu peux donc mettre un "border-left, et un border-right" en CSS qui va te rajouter ces bords plus foncés. Pour créer des borders, tu dois donner 3 infos : la largeur, le style de bordure, et la couleur.

    Code:
    <style>
    #ton-ID-ici {
        border-right: 10px solid rgb(227,148,141);
        border-left: 10px solid rgb(227,148,141);
        background: #e9c0ab;
    </style>

    bordures foncées ?


    Voilà voilà, à remplacer "#ton-ID-ici par les éléments que tu vises, je ne connais pas le code html qui est lié à ce que tu veux faire, donc je ne pouvais pas te le faire ça :p



    Des bisous !
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 4 Jan 2015 - 22:16

    Oh, zut. J'ai oublié, désolée u_u

    Voilà le CSS (sous hide au cas où)


    Je ne pense pas que tu as besoin du Template, le code se rajoute dans le CSS il me semble ? ^^

    Voilà ♥

    Je l'insère où du coup ? Je ne veux pas faire de gaffe en foirant tout :/



    Une petite barre de navigation 200412081714641513

      Merci Sparrow :3
    Henrykiki
    Henrykiki
    MasculinAge : 32Messages : 576

    Dim 4 Jan 2015 - 22:27

    Coucou, voilà voilà :)

    Alors là tu vois, je peux te dire que tu rajoutes les "border" dans le CSS de #navig a ! ;]

    Code:
    /*Navigation en colonne par Nemalus*/

    #navigation {
      position: fixed;
      top: 0;
      left: 0;
      margin-top: 200px;
      margin-left:5px;
      width:200px;
    }

    #navig a {
      display: block;
      margin-bottom: -20px;
      background: #ffffff;
      text-transform: uppercase;
      font-size: 10px;
      padding: 3px 10px;
      text-align: auto;
      font-weight: bold;
      font-family: Trebuchet MS;
      border-right: 10px solid rgb(227,148,141);
      border-left: 10px solid rgb(227,148,141);
     
    transition: 1s;
    -moz-transition: 1s;
    -htm-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    }

    #navig a:hover {
      background: #fafafa;
      color: #e3d9e8;
    }

    #navig img {
      display: none;
    }

    Ahah, le stress de foirer du code, ça me fait sourire :)



    Des bisous !
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 4 Jan 2015 - 22:35

    C'est moi qui avait complètement oublié ce détail qui a toute son importance XD

    Si tu savais les gaffes que je suis capable de faire si on omet de me dire où je peux insérer des trucs que je veux rajouter... ^^ Mais j'avoue que j'aurais pu me débrouiller toute seule sans flinguer le CSS :)

    Je te remercie beaucoup ♥



    Une petite barre de navigation 200412081714641513

      Merci Sparrow :3
    Henrykiki
    Henrykiki
    MasculinAge : 32Messages : 576

    Dim 4 Jan 2015 - 23:16

    Pas de problème mon enfant XD

    Il y a encore des fois où je fais de stupide erreur, et où je cherche 50minutes : quel est le souci ??!!

    Sur ce, bonne installation, n'oublie pas de mettre l'icone "terminé" si c'est le cas :)



    Des bisous !
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 10:50