Comment centrer une animation de noël...

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 le Ven 4 Déc 2015 - 13:03

Bonjour,
J'ai mis cette déco de noël sur mon forum,
$(function() {
$.getScript("http://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
***

Féminin
Messages : 170
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é le 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

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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

Féminin
Messages : 170
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 le 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
***

Féminin
Messages : 170
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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le Ven 4 Déc 2015 - 19:22

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

christaline
***

Féminin
Messages : 170
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 le Ven 4 Déc 2015 - 19:23

L'autre c'est mon ancien...

christaline
***

Féminin
Messages : 170
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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

Féminin
Messages : 170
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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

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 le Ven 4 Déc 2015 - 20:35

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

christaline
***

Féminin
Messages : 170
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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

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

Message par R-max le 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="http://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 !!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

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

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

christaline
***

Féminin
Messages : 170
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 le 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


lmc38510
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

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 le 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
***

Féminin
Messages : 170
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 le 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...



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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le 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
***

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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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 le Sam 5 Déc 2015 - 15:02

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

christaline
***

Féminin
Messages : 170
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 le 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
*****

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

http://arcanes.lacaverneauxgrimoires-forum.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


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