PapyClic - Design

PapyClic - Design

cadres dans le menu

1 appréciations
Hors-ligne
Bonjour   :)
J'ai fouillé votre site mais je crois que personne n'a encore demandé ça : j'aimerais mettre des cadres dans mes menus x) Ainsi, les catégories et caetera apparaitraient dans des encadrés chacunes et non plus les unes à la suite des autres, aussi bien dans le menu vertical que dans celui horizontal. Y-a-t-il un moyen de faire ça ? J'ai essayé de jouer aux apprentis sorcier dans le css en rajoutant la commande border, mais ça n'a rien donné alors je l'ai retirée :snif:
Merci beaucoup, j'ai hâte de commencer à m'y retrouver dans le css ! :b2:

3 appréciations
Hors-ligne
Bonjour,

Papy Clic est de très bons conseils, moi je peux juste te montrer ce que j'ai fait avec ses tutos sur mon blog.

http://sabaidi81.blog4ever.com

Cordialement Nicole Scraplao81

67 appréciations
Hors-ligne
Bonjour,

Il faut voir mon article >>> lien  pour encadrer les listes dans les blocs du menu latéral.

Merci Nicole, tu as bien réussi.




   

1 appréciations
Hors-ligne
Merci mais je dois être stupide je n'y arrive pas :( :snif: Ce que tu as fait sur ton blog est magnifique, c'est tout à fait le genre de chose que j'aimerais mais je ne comprends pas comment tu as fait....

Dernière modification le lundi 08 Février 2016 à 18:37:56

67 appréciations
Hors-ligne
Je ne peux pas expliquer beaucoup plus, surtout qu'il y a des exemples de codes que tu peux copier et coller dans le CSS personnalisé. En mettant bien sûr l'adresse de l'image de fond que tu veux mettre.


3 appréciations
Hors-ligne
Coucou,

Pour comprendre ce qu'explique Papy Clic, il te faut lire et relire et faire ce qu'il te dit  :
1) tu copies ses codes dans ton CSS tu modifies les couleurs, les marges par exemple
.menu_bloc h2 {
  background-image: url(' adresse de votre image ');
  background-repeat: repeat;
  color: #990000;
  padding: 2px 5px;
}
si tu veux des cadres avec coins arrondis lis la suite de l'article et copie les codes
.menu_bloc ul {
  background: #FFFFFF;
  padding: 5px 2px;
  border: 2px ridge #F0F0F0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  - khtml-border-radius: 10px;
  border-radius: 10px;
}....... Fais des essais, si tu es novice ouvre toi un blog test pour faire tes essais, on apprend plus vite
Devant mes catégories j'ai mis une image crée avec PaintShoPro 300x227 pixels environ je l'ai hébergé dans la boite à fichier puis et je l'ai placé devant la catégorie
https://static.blog4ever.com/2014/03/766764/SudLaos2.JPG" />SUD LAOS
J'espère t'avoir aidé, sinon écris moi à mon adresse directement scrap.lao81@orange.fr
Bonne soirée Nicole

1 appréciations
Hors-ligne
:b1:
Merci beaucoup Scarplao d'essayer de m'aider, je suis nouvelle dans les diz persos et je peine x) J'ai l'impression que je connais cet article par coeur à force de le lire, mais décidément, même mes maths ont plus de sens pour moi :ptdr: En tout cas merci beaucoup d'avoir pris le temps de me répondre :b2:
Demain, je réessayerais tout ça, je suis en vacances donc j'ai le temps xp Je suis motivée, j'y arriverais à scinder ces titres de catégories même si je dois essayer tous ces codes encore dix fois :D
Désolée de t'avoir dérangé , je vais essayer de me débrouiller malgré mon manque de talent évident à comprendre quelque chose à tous ces codes qui sont nouveaux pour moi :coupe:
Bonne soirée à tous les deux :)
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Vos souhaits.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 167 autres membres