Création d'un cadre simple |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Isa OE
Admin Group Depuis le: 13 Sep 2006 Status: Inactif Points: 798 |
Options des messages
Thanks(0)
Envoyé : 14 Sep 2011 à 20:15 |
Création d'un cadre simple La première étape consiste à créer l'image de base de votre cadre. Pour cela vous devez utiliser un logiciel graphique. Il en existe de nombreux gratuits ou non. Pour ce tutoriels nous avons utilisé Paint.net (gratuit, il est téléchargeable sur internet) 1-
1-Créer une image comme celle-ci dans Paint : Faire nouvelle image - Prendre l'outil de sélection (la flèche), cliquer sur le fond et le supprimer (touche "suppr" du clavier) - Choisissez une couleur -- - Prendre l'outil de "rectangle arrondi", dessiner un rectangle (ni trop grand, ni trop petit) - - - Prendre l'outil "rectangle de sélection", entourer votre rectangle (attention de le centrer et de laisser moins de 1cm autour du rectangle) - - - Cliquer sur le bouton dans la barre du haut "rogner la sélection" - - - Allez dans "fichier", "enregistrer sous", sélectionnez comme type "png" puis "32 bits"
2- 2-Dans OpenElement Ici nous allons travailler avec l'élément cadre, mais le fonctionnement est identique pour créer un cadre sur les autres éléments (une image, un texte…) -- - Ajouter un élément "cadre" sur votre page, le garder sélectionné -- - Dans le menu du haut onglet élément, catégorie "avancée", cliquez sur "éditeur de cadre" (le magicien) - - - Dans l'éditeur, cliquer sur "importer une image", sélectionner votre image - - - Déplacer les règles (en rouges) de façon à les positionner comme sur l'image suivante (Les zones cadrées sur l'image suivante doivent pouvoir se répéter)
- - - Si vous souhaiter créer un cadre avec un fond, cliquer sur le bouton "exporter le fond", ce n'est pas le cas dans notre exemple - - - Cliquer sur "Appliquer et quitter" Voici le résultat : Vous pouvez bien sur revenir dans l'éditeur pour supprimer un cadre ou le modifier Pour en faite un modèle d'élément, vous devez sélectionner votre élément puis cliquer sur enregistrer comme modèle (Dans le menu du haut, catégorie "avancée" Pour positionnez le texte si vous appliquez le cadre sur une zone texte : Pour positionner le texte dans un bouton lien : Edité par Isa Maido - 28 Oct 2011 à 14:28 |
|
Louyse
Newbie Depuis le: 12 Mai 2014 Pays: Canada Status: Inactif Points: 1 |
Options des messages
Thanks(0)
|
Merci beaucoup pour ce super tuto et pour toute l'aide apportée.
Bonne journée.
|
|
Merci beaucoup pour toute l'aide offerte.
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |