Fork me on GitHub




(1) 2 »


Dimension bannière flash.....
Guest_
Bonjour à vous.
J'ai tenté à maintes reprises d'integrer une bannière flash en haut de mon site mais vu que mes connaissances en programmation sont limitées, j'ai lamentablement échoué et n'ai pas réussi.
Bon, seconde tentative plus interressante mais une question me brule les lèvres:
comment faire en sorte que la bannière prenne toute la largeur de la page plutôt que ce petit encars sur la page?
Je vous met le lien vers la page en question pour mieux comprendre d'ou vient le problème: asmael.fr.
Que la bannière soit bien visible vu que j'y ai intégré un menu pour la navigation et que le logo sur la droite ne soit plus là.
Merci par avance de votre aide.

Posté le : 14/01/2007 09:00
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Aspirant
Inscrit: 06/01/2007 12:45
Messages: 23
Salut!
Je ne suis pas un pro mais voila ce que je peux te dire.
Pour que la bannière prenne toute la largeure il faudrait déja qu'elle soit plus grande.
Parceque la telle que je la voie elle a une largeur de 300px a peu prés.
Donc il faudrait la redimmenssionner sous flash.
Mais ca dépend aussi de la resolution de l'utilisateur.
Je suis en 1024*768,donc si tu la refait avec une largeur de 1024 je la verrais
sur toute la largeur de la page.Ce qui ne sera pas le cas d'un utilisateur en 1600*1200.
Je ne pense pas qu'il soit possible de faire en sorte que la bannière soit redimenssionner automatiquement selon la resolution de chacun.
Ou alors peut etre en utilisant le javascript,avec un code comme celui ci trouvé sur le net:
/*
Insérer ce script entre les balises <Head> </Head>
*/

<SCRIPT LANGUAGE="JavaScript">

<!--
Javascript issu de Script Masters-->
<!-- 
http://www.script-masters.com/ --> 

/*
redirige vers une page de type     index_1024.htm si superieur ou égale à 1024
                index_800.htm sinon.
*/

function screen_mode() { 
    var 
mode ""
    if(
screen.width>=1024)
        
mode 1024;
    else
        
mode 800;

    return 
mode


parent.location.href "index_"+screen_mode()+".htm"
</SCRIPT>
.
Ainsi selon sa réslolution l'utilisateur sera redirigé vers la page correspondante.
Ce qui impliquerait que tu créer une bannière pour chacun résolution.

M'enfin je suis pas trop sur de moi...

ps:tu as remarqué que le"s" de asmael.fr dans la bannière ne passe pas en jaune?

Posté le : 14/01/2007 14:39
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Guest_
Le problème est que la bannière créée est de 1204 pixels de cotés, tu l'as directement ici sans être integrée dans xoops, et c'est pour qu'elle ai cette même taille dans xoops. Donc mon problème vient d'un redimensionnement créé par xoops. En tout cas je te remercie pour ta réponse.

Posté le : 14/01/2007 15:38
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Aspirant
Inscrit: 06/01/2007 12:45
Messages: 23
Ok.
Est-ce que tu peux mettre le code correspondant du theme.html et du style.css?

Posté le : 14/01/2007 15:51
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Guest_
Je n'ai jamais réussi à integrer la bannière dans un script (du moins une page, manque de ralent en programmation). Je l'ai integrée en tant que bannière via le panneau admin. J'ai bloqué sur le code à integrer dans la page.

Posté le : 14/01/2007 16:08
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Aspirant
Inscrit: 06/01/2007 12:45
Messages: 23
En ce qui me concerne je ne suis pas passé par le menu administration.
Je te conseille d'ajouter directement ta bannière dans le code html.
A moins que tu penses la changer régulièrement ou alterner differentes bannières.
Puisque c'est l'intéret que présente l'ajout de bannières par le menu admin.
Enfin c'est ce que j'ai compris.
Ajoute l'url de ta bannière dans le theme.html:
<div id="xo-banner" class="commercial"><!-- avec affichage activée de la bannière -->
      
    
        
        <
div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}><img src="http://127.0.0.1/htdocs/images/banners/newball2.png" alt="" />
        <!-- include 
du bloc Utilisateur dans le header -->
        <{
includeq file="$theme_name/userbar.html"}></div>
        <!-- 
fin de l'include du bloc Utilisateur dans le header -->
    </div>
<{else}>

    <div id="xo-banner"><!-- avec affichage de la bannière désactivé -->
    <div id="xo-banner"><{$xoops_banner|smarty:nodefaults}><img src="http://127.0.0.1/htdocs/images/banners/newball2.png" alt="" />
        <!-- include du bloc Utilisateur dans le header -->
        <{includeq file="$theme_name/userbar.html"}></div>    
        <!-- fin de l'
include du bloc Utilisateur dans le header -->

Ici ma bannière se nomme "newball2.png".
Puis dans le style.css tu pourras modifier a ta guise les dimenssions etc...


:xfsuper:

Posté le : 15/01/2007 11:00
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Guest_
Je te remercie pour ta réponse de qualité, il me reste plus qu'à trouver le moyen pour remplacer le fichier pong par un fichier flash. Tu ne connaitrais pas l'info par hasard, tu serais réellement fantastique et je t'applaudirais bien fort avec les mains décollées du clavier!

Posté le : 15/01/2007 13:26
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Aspirant
Inscrit: 06/01/2007 12:45
Messages: 23
lol le fichier pong???
Quel est ce mystérieux fichier?

Posté le : 15/01/2007 15:29
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Guest_
Mes doigts pleins de gras et de chips ont du déraper sur le clavier de mon Pc, ou alors je ne sais plus taper!
Je voulais retranscrire ma pensée de la sorte, le fichier indiqué ici:
http://127.0.0.1/htdocs/images/banners/newball2.png
en tentant de remplacer le lien par le mien bien sur et le fichier newball2.png par la bannière en flash.

Posté le : 15/01/2007 16:16
Partager Twitter Partagez cette article sur GG+
Re: Dimension bannière flash.....
Aspirant
Inscrit: 06/01/2007 12:45
Messages: 23
Les doigts gras des chips je connais.Il y a aussi le coca sur le clavier.
^^'
L'url indiqué (http://127.0.0.1/htdocs/images/banners/newball2.png) est une addresse locale puisque je test en locale.

Tu as juste a placé ta bannière sur ton ftp et a indiqué l'url.
En remplacant newball2.png par tabanniere.swf.
Je ne pense pas que le format flash soit un problème.
Cependant,personnelement je préfère les passer en gif animés(tout le monde n'a pas flash).
Tu utilises le gabarit morphogénègis de kris,donc tu devrais upload ta banniere à
ftp.asmael.fr/htdocs/images/banners/tabanniere.swf .

Aprés tu edit le theme.html qui se trouve là : /htdocs/themes/morphogénèsisv_110/theme.html .

Tu remplaces
<div id="xo-banner" class="commercial"><!-- avec affichage activée de la bannière -->
        <
a id="xo-main-logo" href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" /></a>
        <
a id="xo-site-title"  class="commercial" href="<{xoAppUrl /}>">Mor·pho·gen·e·sis 1.1.0</a>
        <
div id="xo-site-slogan">"birth of evolution"</div>
        <
div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div>
        <!-- include 
du bloc Utilisateur dans le header -->
        <{
includeq file="$theme_name/userbar.html"}>
        <!-- 
fin de l'include du bloc Utilisateur dans le header -->
    </div>
<{else}>

    <div id="xo-banner"><!-- avec affichage de la bannière désactivé -->
        <a id="xo-site-title" href="<{xoAppUrl /}>"><h1><{$xoops_sitename}></h1></a>
        <div id="xo-site-slogan"><{$xoops_slogan}></div>
        <!-- include du bloc Utilisateur dans le header -->
        <{includeq file="$theme_name/userbar.html"}>
        <!-- fin de l'
include du bloc Utilisateur dans le header -->
    </
div>


par ca :
<div id="xo-banner" class="commercial"><!-- avec affichage activée de la bannière -->
      
    
        
        <
div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}><img src="http://asmael.fr/htdocs/images/banners/tabannière.swf" alt="" />
        <!-- include 
du bloc Utilisateur dans le header -->
        <{
includeq file="$theme_name/userbar.html"}></div>
        <!-- 
fin de l'include du bloc Utilisateur dans le header -->
    </div>
<{else}>

    <div id="xo-banner"><!-- avec affichage de la bannière désactivé -->
    <div id="xo-banner"><{$xoops_banner|smarty:nodefaults}><img src="http://asmael.fr/htdocs/images/banners/tabannière.swf" alt="" />
        <!-- include du bloc Utilisateur dans le header -->
        <{includeq file="$theme_name/userbar.html"}></div>    
        <!-- fin de l'
include du bloc Utilisateur dans le header -->
    </
div>


Et "normalement" le tour est joué.
Ce n'est surement pas la meilleur solution (je débute) mais pour moi ca marche.
J'ai enlevé dans le code le petit papillon bleu,"morphogénèsis" et le slogan,libre a toi de supprimer ces lignes ou pas.
A savoir celles la :
<a id="xo-main-logo" href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" /></a>
        <
a id="xo-site-title"  class="commercial" href="<{xoAppUrl /}>">Mor·pho·gen·e·sis 1.1.0</a>
        <
div id="xo-site-slogan">"birth of evolution"</div>


Voila.
Pour la suite c'est dans le style.css que se joue en grande partie le reste.
J'espère avoir répondu a tes questions. :)

Posté le : 15/01/2007 17:49
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

207 Personne(s) en ligne (180 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 207 | Plus ...