Comment centrer une animation de noël...

5 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 13:03

Bonjour,
J'ai mis cette déco de noël sur mon forum,
$(function() {
$.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/testhaut.js");
});
mais ça n'est pas centré, comment faire pour qu'elle le soit..
Merci.


Dernière édition par christaline le Mar 8 Déc 2015 - 10:10, édité 1 fois
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Invité Ven 4 Déc 2015 - 15:57

Bonjour,

Il faudrait passer par la feuille de style CSS du forum:

- Affichage
- Images & Couleurs
- Couleurs
- Feuille de style CSS

Puis,y coller ce code CSS ci-dessous:

Code:
#noel_deco {
  left: 0% !important;
  right: 0% !important;
  margin: auto !important;
}

Cordialement
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 16:36

.

Une autre solution peut-être ... Very Happy si comme moi tu veux mettre plusieurs décos en les positionnant à ton choix ...

Ta déco est celle-ci :



Le code direct à passer dans le "code Javascript":

Code:
$(function(){
$("body").append('<div style="position: absolute; top: XXXpx; left:0%; right: 0%;"><a  href=""><embed style="width: 800px; height: 96px;" src="http://ahp.li/1f1bb1b22362855b41c1.swf" wmode="transparent" quality="high" /></a></div> /');});

Dans ce code modifier "top: XXXpx" --> à valeur "top: 0px" il le placera en haut .... mais tu peux mettre une valeur négative --> avec "top: -96px" il va ce mettre au dessus de ton cliché "père noël"

La particularité c'est qu’au lieu d'utiliser le javascript de ton code:
Code:
http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/testhaut.js
j'utilise directement le fichier flash "appelé" par ce code javascript:
Code:
http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/banhaut.swf

Tu peux également modifier les valeurs d'affichage du "swf" qui dans la commande initiale sont de:
"width:1000;height: 100px;" que j'ai adapté aux dimensions de ton cliché "nos animaux - nos amours" à "width:800;height: 96px;" (comme tu peux le constater dans mon code tout en haut)


lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 18:22

Merci!!! Par contre, ça m'a enlevé les deux décos que j'avais mis à gauche et à droite...
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 18:25

En fait je viens de m'en rendre compte, ça ne les a pas enlevé, mais elles sont toutes au milieu!! Comment faire? Je suis une novice et je n'y comprend rien aux codes et tout ces trucs...
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 18:29

christaline a écrit:
En fait je viens de m'en rendre compte, ça ne les a pas enlevé, mais elles sont toutes au milieu!! Comment faire? Je suis une novice et je n'y comprend rien aux codes et tout ces trucs...

Normal si tu as mis le code ci-dessous dans ton "CSS"

Don Vito Corleone a écrit:
Code:
#noel_deco {
  left: 0% !important;
  right: 0% !important;
  margin: auto !important;
}

il est clairement indiqué --> noel-deco --> centrée

Quel est le Forum concerné ? sur --> http://nosanimauxnosamours.forumgratuit.org/

je ne vois aucune déco de noël ..?
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 19:22

Voici le lien de mon nouveau forum.. http://nosanimauxnosamours.forumactif.org/
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 19:23

L'autre c'est mon ancien...
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 19:31

.

Je te propose de suivre les indications suivantes:

1) vire le Css que tu mis à savoir:
Code:
        #noel_deco {
          left: 0% !important;
          right: 0% !important;
          margin: auto !important;
        }

2) remplace le script du bandeau (le grand) avec les boules (dans les codes javascript) par ce qui suit
Code:
        $(function(){
        $("body").append('<div style="position: absolute; top: 0px; left:0%; right: 0%;"><a  href=""><embed style="width: 800px; height: 96px;" src="http://ahp.li/1f1bb1b22362855b41c1.swf" wmode="transparent" quality="high" /></a></div> /');});

Chaque déco doit reprendre sa place et le grand au centre Very Happy

.
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 19:42

Ok les deux autres animations ont repris leur place mais ça me met un conteur et non les boules...
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 19:53

.

Milles excuses "christaline" ou ai-je pris les coordonnées du "swf" Evil or Very Mad

Modifie le code java script comme suis .... on ajustera après sa position

Code:
        $(function(){
        $("body").append('<div style="position: absolute; top: 0px; left:300;"><a  href=""><embed style="width: 800px; height: 96px;" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/banhaut.swf" wmode="transparent" quality="high" /></a></div> /');});

c'est le bon code et son affichage ci-dessous

lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Pitra Ven 4 Déc 2015 - 20:22

Coucou! Smile

Désolée de me taper l'incruste mais je me dis que ce sera inutile d'ouvrir un autre topic pour le même problème...

Je voudrais centre le code du décompte s'il vous plait :
Code:
$(function() {
    $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/compte_a_rebour_noel.js");
});

J'en profite pour demander, Imc38510, pourriez-vous svp m'expliquer votre code de départ? Comment fait-on pour créer/trouver le fichier player "appelé" par les codes?

Merci beaucoup!
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 20:35

Voilà, je l'ai mis, reste plus qu'à le centrer... Smile
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 21:20

christaline a écrit:
Voilà, je l'ai mis, reste plus qu'à le centrer... Smile

modifie le dernier code donné pour le bandeau avec les boules par
Code:
 $(function(){
        $("body").append('<div style="position: absolute; top: 0px; left:500;"><a  href=""><embed style="width: 800px; height: 96px;" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/banhaut.swf" wmode="transparent" quality="high" /></a></div> /');});


I Am LiBeRtY a écrit:Coucou! Smile

Désolée de me taper l'incruste mais je me dis que ce sera inutile d'ouvrir un autre topic pour le même problème...

Je voudrais centre le code du décompte s'il vous plait :
Code:
$(function() {
    $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/compte_a_rebour_noel.js");
});

J'en profite pour demander, Imc38510, pourriez-vous svp m'expliquer votre code de départ? Comment fait-on pour créer/trouver le fichier player "appelé" par les codes?

Merci beaucoup!

pas de problème "I Am LiBeRtY"

Une question: tu as pour l'instant 2 décos ... 1 à droite l'autre à gauche ... tu veux en rajouter une troisième au centre ...?


.


lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Pitra Ven 4 Déc 2015 - 21:39

Merci de me répondre^^
Celle que je voudrais au centre est déjà à gauche en réalité.
Il s'agit du compteur. Je trouve qu'il est un peu caché par les ampoules donc je voudrais le mettre au centre Smile
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 21:47

" I Am LiBeRtY " le code a mettre en remplacement

Code:

$(function(){
$("body").append('<div style="position: absolute; top: 0px; left:900;"><a  href=""><embed style="width: 250px; height: 150px;" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/25dec.swf" wmode="transparent" quality="high" /></a></div> /');});

Fais un essai, je te laisse modifier la valeur " left:900; " soit augmenter soit diminuer pour la placée au centre .... Very Happy

il y a certainement une façon de la mettre d'autorité au centre .... mais là s'arrête mes compétences ::moitimide::


.
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Pitra Ven 4 Déc 2015 - 21:56

Merci beaucoup!
Mais...
Je crois qu'il y a une erreur quelque part...
Le compteur s'est retrouvé en bas des ampoules et ne bouge pas du tout ni en augmentant ni en diminuant le "Left" Sad
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 22:29

I Am LiBeRtY a écrit:Merci beaucoup!
Mais...
Je crois qu'il y a une erreur quelque part...
Le compteur s'est retrouvé en bas des ampoules et ne bouge pas du tout ni en augmentant ni en diminuant le "Left" Sad

Le compteur est bien dessous

mais normalement le code que je t'ai donné doit déplacer la déco du coté gauche Twisted Evil vers la droite de 900 pixels ...!

jette un œil sur notre Forum ... < iCi > complètement en haut


cette déco est mise en place par un code identique

As tu bien remplacé le code java script par celui-ci ...?

Code:
$(function(){
$("body").append('<div style="position: absolute; top: 0px; left:900;"><a  href=""><embed style="width: 250px; height: 150px;" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/25dec.swf" wmode="transparent" quality="high" /></a></div> /');});

lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Pitra Ven 4 Déc 2015 - 23:07

Oui, je viens de le refaire mais il ne bouge pas d'un iota Crying or Very sad Crying or Very sad Crying or Very sad
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 23:15

I Am LiBeRtY a écrit:Oui, je viens de le refaire mais il ne bouge pas d'un iota Crying or Very sad Crying or Very sad Crying or Very sad

Ou as-tu placé le code
Code:
$(function(){
$("body").append('<div style="position: absolute; top: 0px; left:900;"><a  href=""><embed style="width: 250px; height: 150px;" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/25dec.swf" wmode="transparent" quality="high" /></a></div> /');});

Dans -> Modules::Gestion des codes Javascript --> en remplacement du précédent ..?
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Invité Ven 4 Déc 2015 - 23:39

bonsoir ,bonsoir ^^ je m'incruste

lmc a écrit:
$(function(){
$("body").append('<div style="position: absolute; top: 0px; left:900;"><a href=""><embed style="width: 250px; height: 150px;" src="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/25dec.swf" wmode="transparent" quality="high" /></a></div> /');});

avec ce code lmc suivant la résolution , la déco se déplace sur la gauche ,

pour placé au milieu >>>> et que cela reste au milieu >>>

Code:
$(function(){
$("body").append('<center><span align="center" style="position: absolute;top: 5px;left:40%;right:40%;z-index: 999;"><a  href=""><embed style="width: 250px; height: 150px;" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/25dec.swf" wmode="transparent" quality="high" /></a></span></center> ');});

tenez moi au courent !!
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Ven 4 Déc 2015 - 23:43

Cela ne change rien, la guirlande de boules est toujours à gauche... Rolling Eyes
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Ven 4 Déc 2015 - 23:44

.

Hello R-max .... ok je teste sur le mien Wink

Edit 23H59

Ton script fonctionne Twisted Evil mais plus difficile à calibrer (positionné)

J'ai déniché un autre codage plus simple --> < iCi >
Testé qui fonctionne ..également

Code:
$(document).ready(function(){
$('body').before('<embed style="position:absolute; top: 0px;left: 17%; quality="high" " width="250" height="150" wmode="transparent" src="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/25dec.swf" >');
});

Pour déplacer le "Script" modifier " left: 17%" en + ou en -

Je ne comprends pas pourquoi pour "I Am LiBeRtY" aucun script ne marche ????

christaline a écrit:
Cela ne change rien, la guirlande de boules est toujours à gauche... Rolling Eyes

Je confirme

Comment centrer une animation de noël... Image113
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Pitra Sam 5 Déc 2015 - 0:05

Je viens aux nouvelles !
Le script de R-Max marche correctement à mon niveau! Mon compteur se trouve maintenant au milieu! cheers (quoique qu'il n' a pas le rendu que j'espérais mais bon...

Merci beaucoup à vous deux! Je vais continuer de suivre le sujet pour voir si la guirlande de Christaline se centre. Je pourrai ainsi l'adopter Twisted Evil
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Sam 5 Déc 2015 - 0:10

Ma guirlande est toujours à gauche.... Sad
Je vous laisse, je reviendrais demain... Passez une bonne nuit I don't want that et merci beaucoup pour votre aide!!!
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Sam 5 Déc 2015 - 0:16

I Am LiBeRtY a écrit: quoique qu'il n' a pas le rendu que j'espérais mais bon...

Comment centrer une animation de noël... Image212

il est bien centré Very Happy  le texte plus à gauche vient du "swf" .... son centrage n'est pas bien fait Evil or Very Mad

I Am LiBeRtY a écrit:Ma guirlande est toujours à gauche....
Je vous laisse, je reviendrais demain... Passez une bonne nuit  et merci beaucoup pour votre aide!!!

Tu veux déplacer une de tes guirlandes de la gauche vers le milieu ... faisable ... nous te passerons le code ensuite .... pour l'instant c'est I don't want that
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par Pitra Sam 5 Déc 2015 - 0:21

Oui, il est super bien centré! Je parlais justement du texte qui est décalé et aussi du fait que comme elle était prévu pour la gauche, le fait qu'un côté soit fermé par la guilande à "queue" et l'autre non me fait bizarre. Mais le rendu est tout à fait ça! Very Happy

Je viens d'utiliser le code de R-max en remplaçant le JV du compteur par la guirlande de Christaline. La guirlande se centre... sauf qu'il devient tout riquiqui!!

Faudra donc penser à l'adapter à chaque script je crois...
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Sam 5 Déc 2015 - 0:28

I Am LiBeRtY a écrit:
Faudra donc penser à l'adapter à chaque script je crois...

Heeee bien .... t'as tout compris Laughing
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par christaline Sam 5 Déc 2015 - 15:02

Bonjour,
Ma guirlande de boules est toujours à gauche... Sad
christaline

christaline
****

Féminin
Messages : 388
Inscrit(e) le : 12/11/2012

http://nosanimauxnosamours.forumactif.org/
christaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer une animation de noël...

Message par lmc38510 Sam 5 Déc 2015 - 15:10

christaline a écrit:
Bonjour,
Ma guirlande de boules est toujours à gauche... Sad

Laquelle veut-tu bouger ...?

1)


2)


Quel code as-tu installé pour la décaler ...?


.
lmc38510

lmc38510
*****

Masculin
Messages : 912
Inscrit(e) le : 22/02/2012

https://newparadigme.forumactif.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum