- WordPress :6.1
- Statut : non résolu
- Ce sujet contient 60 réponses, 4 participants et a été mis à jour pour la dernière fois par Flobogo, le il y a 1 année et 9 mois.
-
AuteurMessages
-
23 janvier 2023 à 19 h 16 min #2441587
Bonsoir
Je pensais que logiquement en suivant à la lettre vos instruction J’allais avoir
un résultat positif? Eh bien non.
en pièces jointes je montre le résultat.Il manque le script.js qui ne se lance pas, pourtant
je l’ai inséré à la racine et mis le lien qui va bien/
1er lien:
<script src=’http://jefcondon.synology.me/wordpress/script.js></script>
2éme lien
<script src=’http://jefcondon.synology.me/wordpress/./script.js></script>
aucun des 2 ne fonctionne
Je suis dépité.
Bien à vous
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.23 janvier 2023 à 19 h 20 min #2441589voici le fichier plus léger
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.23 janvier 2023 à 19 h 53 min #2441591Essayez de le placer dans votre dossier « themes », ce qui donnerait :
<script src="http://jefcondon.synology.me/wordpress/wp-content/themes/script.js"></script>
Je note aussi que vos guillemets pour indiquer la source (src) n’étaient pas fermés dans vos 2 codes ci-dessus. Ceci explique peut-être cela.
23 janvier 2023 à 20 h 19 min #2441600j’ai copié le script.js dans le dossier thème
l’animation se joue bien, mais idans le pied de page il semble et il manque le nom et le texte dessous se chevauchent un peu.
Vous avancez
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.23 janvier 2023 à 23 h 17 min #2441620Regardez si vous n’avez pas une balise </div> manquante. Et le CSS, vous l’avez mis où ?
Après, ça va devenir compliqué sans avoir accès à votre site ni à votre thème. Faites au mieux en local, puis vous placerez l’animation sur une page-test dans votre site en ligne. (masquez-la avec mot de passe, et indiquez ici le mot de passe, si besoin)
24 janvier 2023 à 8 h 17 min #2441656Bonjour
merci de votre opiniâtreté .
Le css a été fait avec éditeur . Voir image jointe
Le code html me semble bon, pas absence de balise <div>
——————-html
<!-- partial:index.partial.html -->
<h3>JEF<h3>
<h1>CONDON</h1>
<div class="more-pens" />
<a target="_blank" href="https://jefcondon.fr/" rel="noopener">PEINTURES - CERAMIQUES - SULPTURES</a>
<p class="minispace">
<a target="_blank" href="" rel="noopener">COMPOSITIONS NUMERIQUES</a>
</div>
<!-- partial -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"><src="./script.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src= "http://jefcondon.synology.me/wordpress/wp-content/themes/script.js"></script>fin du html———————–
Lien pour la page d’animation;
http://jefcondon.synology.me/wordpress/animation/
Pour rentrer sur le site:
Édit modération : retrait des identifiants
- Cette réponse a été modifiée le il y a 1 année et 9 mois par Flobogo.
- Cette réponse a été modifiée le il y a 1 année et 9 mois par Flobogo. Raison: édit modération
- Cette réponse a été modifiée le il y a 1 année et 9 mois par Flobogo. Raison: mise en forme du code
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.24 janvier 2023 à 9 h 41 min #2441667Bonjour,
Le principe est bon. Il faudra faire quelques essais pour ajuster. Essayez en ajoutant les CSS ci-dessous:
canvas{position:fixed;
top:150px;
left:0;
z-index:-1;
}
.wrapper .spectar span{display:none;
}
div.more-pens{position:fixed;
top:60%;
line-height:4em;
}- Cette réponse a été modifiée le il y a 1 année et 9 mois par ferman.
24 janvier 2023 à 11 h 27 min #2441685J’ai copié votre code dans le ccs que j’ai crée, pas de changement.
24 janvier 2023 à 11 h 50 min #2441691Je ne sais pas si vous avez le temps ou l’envie, si celant fait pas partie des usages,
mais ne vous serait il pas plus facile d’entrer sur le site et de regarder?
Les codes sont donnés ci-dessus
Je dois avouer que je suis largué.
Je ne suis pas vieux, je suis plus jeune depuis plus longtemps que les autres
merci
24 janvier 2023 à 12 h 49 min #2441693Je pense que ça fonctionne. Voila ce que je vois sur la page animation (ce lien) . Il faut peut-être vider le cache de votre navigateur (l’historique).
Je dois avouer que je suis largué.
Il n’y a pas à être largué. Le principe est simple:
Vous avez du texte et une animation sur votre page mais mal positionnés. Le positionnement se fait avec des CSS: c’est ce qu’on est en train d’essayer.
On fixe la position du canvas puis on le met en arrière-plan (z-index = -1) ensuite on positionne vos boutons/textes et on règle leur écartement.
Je remarque par contre: 1. la page est assez longue à charger (à cause de l’animation) 2. les boutons n’aboutissent à rien (retournent) sur la même page.
Je ne suis pas vieux, je suis plus jeune depuis plus longtemps que les autres
Les personnes d’un « certain âge » écrivent souvent ça sur le forum comme s’ils s’excusaient. Ça m’agace toujours un peu parce que l’âge n’a aucune importance. Vous faites une chose qui n’est pas très simple et il est donc normal que le résultat ne soit pas immédiat surtout quand les « aideurs » n’ont pas accès au site. Et pour répondre à votre question, non, la chose n’est pas possible (accéder à l’admin de votre site). C’est la limite du forum; après c’est le domaine des développeurs (ou des amis qui s’y connaissent). Enfin, c’est ma vision des choses. Mais dans votre cas je pense qu’il n’y pas besoin d’accéder à votre admin pour résoudre le problème.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.24 janvier 2023 à 14 h 28 min #2441713Merci ferma. C’est exactement ce à quoi je voulais aboutir.
Je vais essayer de refaire les même manips sur le vrai site en ligne , à moins que je ne fasse une sauvegarde / restaurant avec all in one Migration.
J’ignorais la commande canvas, je vais étudier ses propriétés.
Les 2 boutons n’aboutissent à rien, en fait ils sont inutiles, mais je veux conserver peintures-céramiques -scultures
et compositions numériques.
comment les afficher sans qu’il y ait un lien?
merci pour votre dévouement
seules
24 janvier 2023 à 16 h 06 min #2441733comment les afficher sans qu’il y ait un lien?
Vous pouvez bien sûr le faire par CSS mais je trouverais bizarre de faire un élément avec un lien puis d’empêcher ce lien de fonctionner. Pourquoi ne pas simplement enlever ce lien dans le html:
au lieu de:
<div class="more-pens">
<a target="_blank" href="https://jefcondon.fr/" class="white-mode bouton-peintures">PEINTURES - CERAMIQUES - SULPTURES</a>
<p class="minispace">
<a target="_blank" href="" class="white-mode bouton-compo">COMPOSITIONS NUMERIQUES</a></p>
</div>
Vous pouvez mettre:
<div class="more-pens">
<a class="white-mode bouton-peintures">PEINTURES - CERAMIQUES - SULPTURES</a>
<p class="minispace">
<a class="white-mode bouton-compo">COMPOSITIONS NUMERIQUES</a></p>
</div>>- Cette réponse a été modifiée le il y a 1 année et 9 mois par ferman.
24 janvier 2023 à 17 h 41 min #2441746Pendant que j’y pense: vous avez écrit sulpture au lieu de sculpture. C’est le genre de chose que l’on ne voit pas quand on écrit mais que les autres voient à la lecture. 🙂
24 janvier 2023 à 20 h 11 min #2441772Je prends le relais : si vous enlevez les boutons/liens, on va rester indéfiniment sur votre animation. Même si il y a le menu en haut, vous risquez de « perdre » des visiteurs, quand il seront lassés de l’animation 😉
Je vous conseille :
- de créer une nouvelle page sur votre site (appelez-la en titre « Bienvenue » sans guillemets),
- d’y placer le HTML (qu’il faut un peu alléger car il y a répétition, ci-dessus),et modifier pour mettre les liens vers vos catégories ou votre accueil-bis (l’accueil-actuel)
- et d’ajouter le CSS quand vous aurez créé le thème-enfant si il ne l’est pas sur le site en ligne.
Quand tout sera prêt, vous définirez cette page « Bienvenue » comme nouvelle page d’accueil dans vos réglages.
Haut les cœurs, on va y arriver. Je vous remets le HTML rectifié tout à l’heure.
* * * * * * * * * * * * * *
PS 1 : pour mettre du code sur ce forum, utilisez SVP le bouton « code » qui se trouve dans l’éditeur quand vous écrivez votre message. Cela évite la bouillie mal interprétée qui s’affichait avant.
PS 2 : ne donnez JAMAIS votre identifiant et mot de passe en clair sur un forum. @ferman et moi-même sommes bienveillants, mais d’autres pourraient en profiter pour foutre le bazar, ou pire, un virus, dans votre site.
25 janvier 2023 à 0 h 09 min #2441794Voici le HTML tel que je vous conseille de le placer dans votre page sur site :
<!-- partial:index.partial.html -->
<h3>JEF<h3>
<h1>CONDON</h1>
<div class="more-pens">
<a target="_blank" href="https://jefcondon.fr/peintures/" rel="noopener">PEINTURES - CERAMIQUES - SULPTURES</a>
<p class="minispace">
<a target="_blank" href="https://jefcondon.fr/compositionsnumeriques/" rel="noopener">COMPOSITIONS NUMERIQUES</a></p>
</div>
<!-- partial -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src= "http://jefcondon.synology.me/wordpress/wp-content/themes/script.js"></script>Vous noterez que j’ai modifié les liens des pages de redirection, afin d’adapter à votre site. Surtout, ne laissez pas l’adresse du site sans préciser la page concernée, sinon on tournera en boucle sur votre animation, lorsque vous la définirez comme page d’accueil … si elle renvoie vers l’accueil.
Ici, j’ai mis votre page « /peintures » dans le lien (qui est d’ailleurs votre page des céramiques …), mais vous pourrez choisir une autre de vos pages lorsque l’animation sera vraiment sur la page d’accueil.
J’espère que c’est clair …
Je précise aussi que j’ai laissé les commentaires type
<!-- partial:index.partial.html -->
dans le code ci-dessus, mais ça ne sert strictement à rien. Si vous n’en avez pas l’utilité, vous pouvez le supprimer, ainsi que l’autre du même genre.Je précise aussi que j’ai placé le 2ème lien dans un paragraphe avec la class « minispace », pour le cas où vous voudriez modifier le CSS de ce 2ème lien. Cela permet de l’espacer un peu du 1er lien.
En ajoutant un peu de CSS, on pourra styler les boutons avec un fond sur le lien :hover, et des coins arrondis. A revoir quand ce sera en place sur votre site, mais dans un 1er temps, mettez ça sur une page « Bienvenue », comme je le disais ci-dessus. Et attendez que Ferman ou moi ayons validé pour la désigner comme page d’accueil.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.