Insérer un image dans un arrière plan avec Artisteer

[Novice2]

Bonjour,

Je suis en train de créer un template avec Artisteer.
J'ai un arrière plan uni et j'aimerais insérer des images sur cet arrière plan. J'ai trouvé qu'il était possible de faire cette manipulation avec l'en-tête mais je ne trouve pas comment faire avec arrière plan.

Pouvez -vous m'aider ?

Merci à tous

[alexfr79]

Re : Insérer un image dans un arrière plan avec Artisteer

Bonjour et bienvenue sur le forum

Artisteer est un logiciel commercial et normalement tout est expliqué dans la doc.
Normalement je ne devrais pas répondre mais je vais t'aider.
Dans le menu du logiciel, tu as la rubrique "arrière-plan" qui te permet d'intégrer un arrière-plan dans ton template.

Cordialement,

Alexandre

[Novice2]

Re : Insérer un image dans un arrière plan avec Artisteer

Merci Alexandre pour t'as réponse, mais c'est pas tout à fait ça que je cherchais. J'ai bien vu qu'il y avait une rubrique "arrière - plan", j'ai créer un arrière plan uni avec cette rubrique mais je souhaiterais insérer des photos qui sont enregistré dans mon ordinateur. J'ai réussi à insérer des photos sur l'en-tête que j'ai créé avec la rubrique "en-tête" et j'aimerais faire de même avec l'arrière plan mais je ne trouve pas comment insérer une photo via la rubrique "arrière-plan". As-tu une solution pour m'éclairer ?

Encore merci

[alexfr79]

Re : Insérer un image dans un arrière plan avec Artisteer

Ok, je me doutais bien que ce n'était pas si simple !!!

Tu as 2 solutions qui s'offrent à toi.
1 - Création de ton arrière-plan dans photoshop ou Gimp avec tes différents éléments graphiques.
2 - Dans ton template : Création d'une classe CSS pour chaque élément graphique.(avec en background ton image)

Pour la 2ème solution il faudra aussi modifier ton index.php, template.css etc (voir les impacts avec IE)

Cordialement,

Alexandre

[lomart]

Re : Insérer un image dans un arrière plan avec Artisteer

Bonjour,

Il est possible d'indiquer un de ses fichiers avec l'option depuis fichier dans l'onglet "Arrière-plan" d'artisteer.

Pour avoir plus de possibilité d'adaptation de l'image de fond à la taille du navigateur, il est possible d'utiliser mon module bgmax

http://lomart.fr/bgmax/actualite-documentation/configuration-rapide.html

Pour Artisteer, il faut ajouter dans le paramètre "code complémentaire", le code suivant:
#art-main {background-image:none; background-color:transparent;}

[Novice2]

Re : Insérer un image dans un arrière plan avec Artisteer

Merci pour vos réponses mais étant un vrai débutant je ne comprends pas vos solution pour Alexandre j'ai essayé la 1er méthode mais malheureusement cela ne marche pas mon arrière plan se superpose avec l'en-tête. Pour la 2ème solutions je ne sais pas où créer et comment créer un classe CSS. Pour lomart également je ne comprends pas comment procéder.

Merci en tout cas pour votre aide

[lomart]

Re : Insérer un image dans un arrière plan avec Artisteer

Pour lomart également je ne comprends pas comment procéder.

Il est possible d'indiquer un de ses fichiers avec l'option depuis fichier dans l'onglet "Arrière-plan" d'artisteer.

Tu n'as pas du faire beaucoup d'effort!
Tu ouvres Artisteer, tu vas sur l'onglet "Arrière-plan" et tu vas découvrir un bouton qui se nomme "depuis fichier"

[Novice2]

Re : Insérer un image dans un arrière plan avec Artisteer

Merci lomart mais je crois que je m'exprime mal, oui j'ai fais la manip avec l'onglet "arrière plan" puis "depuis un fichier" et là j'ai inséré un arrière plan que j'ai créer un logiciel graphique mais quand artisteer insère mon l'arrière plan il se met en parti sur l'en-tête, ce qui superpose l'arrière plan et l'en-tête, et le rendu est très moche

[lomart]

Re : Insérer un image dans un arrière plan avec Artisteer

il se met en parti sur l'en-tête, ce qui superpose l'arrière plan et l'en-tête, et le rendu est très moche

Plutôt sous l'en-tête qui est transparent !
Il suffit de définir l'opacité et la couleur de l'en-tête

[alexfr79]

Re : Insérer un image dans un arrière plan avec Artisteer

Bonjour

Une petite méthode simple :

Il faut définir à la main ta composition finale. Prendre une simple feuille de papier et dessiner ton template avec son arrière-plan en y faisant apparaitre les différents éléments graphiques.

Faire une maquette avec Gimp ou Photoshop.

Il faut toujours tenir compte de la largeur de ton template, de la hauteur du Header.

Lorsque que tu es satisfait de ton arrière-plan, sauvegarde-le et importe-le dans Artisteer
Artisteer te permet de positionner ton arrière-plan (en haut et centré, en bas et centré etc) de le rendre fixe ou défilant.

Si ton arrière-plan est bien conçu, tu pourras le positionner correctement dans ton template.
L'arrière-plan doit toujours être centré

Cordialement

Alexandre

[lomart]

Re : Insérer un image dans un arrière plan avec Artisteer

Une petite méthode simple :

J'ai connu plus simple !
Alexfr, comment fait-tu pour gérer le responsive ou l'affichage sur un très grand écran ?
Pour la hauteur, on fait comment pour avoir un fond sur une page très longue en conservant un en-tête ?

Je pense que le plus simple est mettre un fond au bloc d'en-tête avec les options prévues par artisteer

[alexfr79]

Re : Insérer un image dans un arrière plan avec Artisteer

@lomart

Salut,

Il y a effectivement plus simple, en revanche ce forum n'est pas dédié aux logiciels commerciaux.

Ma méthode ou d'autres peuvent aider notre ami à concevoir son background.
Sans expliquer le fonctionnement d'Artisteer.

Cordialement

Alexandre

[lomart]

Re : Insérer un image dans un arrière plan avec Artisteer

Je pense que le plus simple est mettre un fond au bloc d'en-tête avec les options prévues par artisteer ou directement en CSS

Je n'ai pas voulu le paniquer comme il débute, c'est pour cela que je suis rester sur Artisteer.

Mais pour moi, la solution idéale serait du CSS pur ou mon module bgmax pour avoir un fond qui s'adapte à la taille du navigateur. C'était d'ailleurs le sens de mon premier post

ta solution n'est vraiment viable que si on découpe son fond en 3 parties (entete, corps et pied) pour l'inclure dans 3 divs avec un repeat-x pour le corps et un complément de couleur pour les écrans larges

[alexfr79]

Re : Insérer un image dans un arrière plan avec Artisteer

Je suis d'accord avec toi lomart
Je voulais juste dire à notre ami qu'il fallait réfléchir sur son rendu final.

Je pense qu'il veut faire la même chose que ce mini site dans ma signature (fait avec une vieille version d'Artisteer avec des css)

Alexandre

[Lannigh]

Re : Insérer un image dans un arrière plan avec Artisteer

Hello

Comme le préconise Alex, commence par le commencement . Feuille de papier , crayon et prends le temps de définir le graphisme de ton site.
Ensuite, une fois insérée ton image d'arrière plan , il va falloir jouer avec son dégradé, sa hauteur et la transparence des éléments qui seront intégrés ' au dessus' de celle ci dans ton site ( menus , zone centrale ...etc ) est ce que ton entête est vraiment nécessaire ?

Ensuite avec Artisteer , en bossant un peu et en faisant des essais, le reste de la conception de ton site est relativement facile ...Sauf si tu veux faire un diaporama en fond de page, ce qui est tout simplement strictement impossible avec ton générateur de templates.

Il y en a un autre qui fonctionne très bien pour créer un fond de page en diapo, mais je ne sais pas si je peux le citer sur le forum, à noter cependant que ce dernier bénéficie d'une véritable assistance pour son utilisation ... ( expérience personnelle confirmée )

Bref, il faut bosser , essayer , mettre en ligne, tester et remodifier jusqu'à ce que le résultat soit nickel.

Au boulot ! lol

Comme le dit Lomart ( que je salue en passant ) , tu es débutant , ne t’inquiètes pas, nous l'avons tous été .
Alors, prends ton temps, utilise et découvre tranquillement Artisteer qui offre plein de possibilités et permet de réaliser, relativement facilement, un site qui tient la route ...

Après? Et bien , deviens curieux et cherche à apprendre et surtout à comprendre toutes les subtilités de Joomla! Tu passeras ensuite certainement à une autre façon de créer tes templates.

Chaque chose en son temps, et sois le bienvenu sur le forum ...