Le logo du forum a disparu

par benabar Lun 10 Juin 2019 - 19:22

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Plusieurs semaines
Lien du forum : https://www.uspr33.com

Description du problème

Bonjour

Le logo du forum (réalisé par la section graphique ici) a disparu de notre forum depuis quelques temps.

Je vous joins la capture du rendu quand le code fonctionnait.
https://i.servimg.com/u/f40/20/08/02/99/altimz10.jpg

Sur l'altimètre :
en haut : l'heure et les minutes
en bas : la date et le mois

Le code du logo quand celui-ci a été réalisé était ceci :

Code:: <center><embed src=https://sd-1.archive-host.com/membres/up/1380261841/banaltim480x250.swf quality=”high” pluginspage=http://www.macromedia.com/go/getflashplayer type=”application/x-shockwave-flash” width=480 height=250></embed></center>

Pourrait-on nous aider à récupérer notre logo svp ?

Merci d'avance.

Dans cette attente, je vous souhaite une agréable semaine.

Cordialement

par Adam_sfp Mar 11 Juin 2019 - 20:52

Bonsoir

Essayez de mettre à jour Flash sur cette page
https://www.neowin.net/news/adobe-flash-player-3200207
En choisissant ce lien
Download for Firefox, Safari, Opera: Adobe Flash Player 32.0.0.207 | 20.3 MB (Freeware)

*Mais il serait préférable de passer par un script pour la date et l'heure
Flash n'étant bientôt plus supporté par les navigateurs ..sans parler de ceux qui ne verrons rien si ils n'ont pas bien configurés leurs navigateurs...

voici un exemple avec un script
http://jsfiddle.net/adam_sfp/f1gx7jcd/1/embedded/result/

Cdt.

par benabar Ven 14 Juin 2019 - 2:08

bonsoir

merci à vous pour votre aide.

j'ai mis à jour flash player, mais je n'ai pas eu de changement.

pour le script que vous me donnez, je l'ai mis ici dans le panneau d'administration :
"affichage", "gestion des images", "mode avancé",
==> onglet "général et navigation"

J'ai cliqué sur "logo du forum" : j'ai mis le lien que vous m'avez donné ci-dessus.

Est-ce bien comme cela qu'il faut faire ?

Car je n'ai aucune image qui apparait.

Je pense que j'ai dû oublier de faire quelque chose, mais je n'arrive pas à voir où est mon erreur.

Pouvez-vous m'aider encore svp, merci ?

Très bonne fin de semaine à tous.

Cordialement

par Adam_sfp Ven 14 Juin 2019 - 10:01

Bonjour

En mettant le lien de l'exemple c'est normal que cela ne fonctionne pas Wink

Si vous voulez mettre ce script il faut créer une page HTML
Modules> Gestion des pages HTML
CRÉATION EN MODE AVANCÉ (HTML)
Mettez un titre par exemple ban puis cochez non et non

puis collez ce code

Code:: <!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Titre de la page</title> <link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/jquery-3.0.0.min.js" type="text/javascript"></script> <style> #clock { font-size:45px; font-family: 'Indie Flower'; text-shadow: 2px 2px 2px #000000; position: absolute; top:280px; left:170px; color: #5EAB86; } #clock1 { font-size:35px; font-family: 'Indie Flower'; text-shadow: 2px 2px 2px #000000; position: absolute; top:255px; left:160px; color: #DC7249; } </style> <script> function displayTime() { var time = moment().format('HH:mm'); var time1 = moment().format('DD/MM/YYYY'); $('#clock').html(time); $('#clock1').html(time1); setTimeout(displayTime, 1000); } $(document).ready(function() { displayTime(); }); /* * jQuery-canvas-sparkles - v0.5.0 - 2014-04-20 * * https://github.com/simeydotme/jQuery-canvas-sparkles * Copyright (c) 2014 Simon Goellner; * */ $(function() { $.fn.sparkle = function(options) { return this.each(function(k, v) { var $this = $(v); var settings = $.extend({color:"#FFFFFF", count:30, overlap:0, speed:1, minSize:4, maxSize:7, direction:"both"}, options); var sparkle = new Sparkle($this, settings); $this.on({"mouseover.sparkle focus.sparkle":function() { sparkle.over($this); }, "mouseout.sparkle blur.sparkle":function() { sparkle.out(); }}); }); }; function Sparkle($parent, options) { this.options = options; this.init($parent); } Sparkle.prototype = {"init":function($parent) { var cssOpts = {position:"absolute", top:"-" + this.options.overlap + "px", left:"-" + this.options.overlap + "px", "pointer-events":"none"}; if ($parent.css("position") === "static") { $parent.css("position", "relative"); } this.$canvas = $("<canvas>").addClass("sparkle-canvas").css(cssOpts).hide(); if ($parent.css("z-index") !== "auto") { var zdex = parseInt($parent.css("z-index"), 10); this.$canvas.css("z-index", zdex + 1); } var singletons = "IMG|BR|HR|INPUT"; var regexp = "\\b" + $parent[0].nodeName + "\\b"; this.isSingleton = (new RegExp(regexp)).test(singletons); if (this.isSingleton) { this.$canvas.insertAfter($parent); } else { this.$canvas.appendTo($parent); } this.canvas = this.$canvas[0]; this.context = this.canvas.getContext("2d"); this.sprite = new Image; this.sprite.src = this.datauri; this.spriteCoords = [0, 6, 13, 20]; this.canvas.width = $parent.outerWidth() * 1.2; this.canvas.height = $parent.outerHeight() * 1.2; this.particles = this.createSparkles(this.canvas.width, this.canvas.height); this.anim = null; this.fade = false; }, "randomParticleSize":function() { return Math.floor(Math.random() * (this.options.maxSize - this.options.minSize + 1) + this.options.minSize); }, "randomHexColor":function() { return "#" + ("000000" + Math.floor(Math.random() * 16777215).toString(16)).slice(-6); }, "createSparkles":function(w, h) { var tempicles = []; for (var i = 0; i < this.options.count; i++) { var color; if (this.options.color === "rainbow") { color = this.randomHexColor(); } else { if ($.type(this.options.color) === "array") { color = this.options.color[Math.floor(Math.random() * this.options.color.length)]; } else { color = this.options.color; } } var yDelta = Math.floor(Math.random() * 1000) - 500; if (this.options.direction === "down") { yDelta = Math.floor(Math.random() * 500) - 550; } else { if (this.options.direction === "up") { yDelta = Math.floor(Math.random() * 500) + 50; } } tempicles[i] = {position:{x:Math.floor(Math.random() * w), y:Math.floor(Math.random() * h)}, style:this.spriteCoords[Math.floor(Math.random() * this.spriteCoords.length)], delta:{x:Math.floor(Math.random() * 1000) - 500, y:yDelta}, size:this.randomParticleSize(), color:color}; } return tempicles; }, "draw":function() { this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); for (var i = 0; i < this.particles.length; i++) { this.context.save(); this.context.globalAlpha = this.particles[i].opacity; this.context.drawImage(this.sprite, this.particles[i].style, 0, 7, 7, this.particles[i].position.x, this.particles[i].position.y, this.particles[i].size, this.particles[i].size); if (this.options.color) { this.context.globalCompositeOperation = "source-atop"; this.context.globalAlpha = 0.6; this.context.fillStyle = this.particles[i].color; this.context.fillRect(this.particles[i].position.x, this.particles[i].position.y, 7, 7); } this.context.restore(); } }, "update":function() { var _this = this; this.anim = window.requestAnimationFrame(function(time) { var flatTime = Math.floor(time); for (var i = 0; i < _this.particles.length; i++) { var p = _this.particles[i]; var resizeParticle = false; var randX = Math.random() > Math.random() * 2; var randY = Math.random() < Math.random() * 5; if (randX) { p.position.x += p.delta.x * _this.options.speed / 1500; } if (randY) { p.position.y -= p.delta.y * _this.options.speed / 800; } if (p.position.x > _this.canvas.width) { p.position.x = -_this.options.maxSize; resizeParticle = true; } else { if (p.position.x < -_this.options.maxSize) { p.position.x = _this.canvas.width; resizeParticle = true; } } if (p.position.y > _this.canvas.height) { p.position.y = -_this.options.maxSize; p.position.x = Math.floor(Math.random() * _this.canvas.width); resizeParticle = true; } else { if (p.position.y < -_this.options.maxSize) { p.position.y = _this.canvas.height; p.position.x = Math.floor(Math.random() * _this.canvas.width); resizeParticle = true; } } if (resizeParticle) { p.size = _this.randomParticleSize(); p.opacity = 0.4; } if (_this.fade) { p.opacity -= 0.035; } else { p.opacity -= 0.005; } if (p.opacity <= 0.15) { p.opacity = _this.fade ? 0 : 1.2; } if (flatTime % Math.floor(Math.random() * 7 + 1) === 0) { p.style = _this.spriteCoords[Math.floor(Math.random() * _this.spriteCoords.length)]; } } _this.draw(time); if (_this.fade) { _this.fadeCount -= 1; if (_this.fadeCount < 0) { window.cancelAnimationFrame(_this.anim); _this.$canvas.hide(); } else { _this.update(); } } else { _this.update(); } }); }, "over":function($parent) { this.canvas.width = $parent.outerWidth() + this.options.overlap * 2; this.canvas.height = $parent.outerHeight() + this.options.overlap * 2; if (this.isSingleton) { this.$canvas.css({top:$parent.position().top - this.options.overlap, left:$parent.position().left - this.options.overlap}); } this.$canvas.show(); window.cancelAnimationFrame(this.anim); for (var i = 0; i < this.options.count; i++) { this.particles[i].opacity = Math.random(); } this.fade = false; this.update(); }, "out":function() { this.fade = true; this.fadeCount = 100; }, "datauri":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAHCAYAAAD5wDa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDNFMzM5REEyMkUxMUUzOEE3NEI3Q0U1QUIzMTc4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDNFMzM5RUEyMkUxMUUzOEE3NEI3Q0U1QUIzMTc4NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0M0UzMzlCQTIyRTExRTM4QTc0QjdDRTVBQjMxNzg2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0M0UzMzlDQTIyRTExRTM4QTc0QjdDRTVBQjMxNzg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jzOsUQAAANhJREFUeNqsks0KhCAUhW/Sz6pFSc1AD9HL+OBFbdsVOKWLajH9EE7GFBEjOMxcUNHD8dxPBCEE/DKyLGMqraoqcd4j0ChpUmlBEGCFRBzH2dbj5JycJAn90CEpy1J2SK4apVSM4yiKonhePYwxMU2TaJrm8BpykpWmKQ3D8FbX9SOO4/tOhDEG0zRhGAZo2xaiKDLyPGeSyPM8sCxr868+WC/mvu9j13XBtm1ACME8z7AsC/R9r0fGOf+arOu6jUwS7l6tT/B+xo+aDFRo5BykHfav3/gSYAAtIdQ1IT0puAAAAABJRU5ErkJggg=="}; }); $(document).ready(function() { $("img").sparkle({color:["#2eafea", "#e56604"], speed:0.4}); }); </script> </head> <body> <span> <img src="https://i.servimg.com/u/f64/12/69/24/33/pp110.png" alt="lpp"> <div id ="clock"></div><br> <div id ="clock1"></div><br> </span> </body> </html>

Puis vous validez
retournez à gestion des pages HTML pour récupérer le lien de votre page
qui doit ressembler à quelque chose comme ça https://www.uspr33.com/h1-ban ou h2 ,h3 etc...

Vous pouvez ensuite insérer cette page en iframe

Code:: <iframe width=390 height=390 scrolling=no frameborder=0 src= METTRE LE LIEN DE VOTRE PAGE HTML></iframe>

en remplaçant METTRE LE LIEN DE VOTRE PAGE HTML par le lien de votre page

Et pour finir vous pouvez mettre le code iframe dans description de site
Général -->forum-->configuration

et enregistrez.
Normalement cela doit fonctionner Very Happy

Cdt.

*dans le code la partie CSS vous pouvez changer la couleur si vous voulez ainsi que la taille etc..

Code:: font-size:45px; color: #5EAB86;

Dans la partie script vous pouvez aussi modifier l'apparence ou ajouter les secondes actuellement vous avez

Code:: var time = moment().format('HH:mm'); var time1 = moment().format('DD/MM/YYYY');

en ajoutant les secondes et en changeant les / par des points

Code:: var time = moment().format('HH:mm:ss'); var time1 = moment().format('DD.MM.YYYY');

par benabar Ven 14 Juin 2019 - 20:26

Adam_sfp a écrit:Bonjour

En mettant le lien de l'exemple c'est normal que cela ne fonctionne pas

bonjour

merci encore pour votre aide. C'est la première fois que je fais cela.

Adam_sfp a écrit:Si vous voulez mettre ce script il faut créer une page HTML
Modules> Gestion des pages HTML
CRÉATION EN MODE AVANCÉ (HTML)
Mettez un titre par exemple ban puis cochez non et non

voici ce que j'ai fait :
https://i.servimg.com/u/f64/12/13/38/69/logo_f13.jpg

Adam_sfp a écrit:puis collez ce code
Code:
<!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Titre de la page</title> <link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/jquery-3.0.0.min.js" type="text/javascript"></script> <style> #clock { font-size:45px; font-family: 'Indie Flower'; text-shadow: 2px 2px 2px #000000; position: absolute; top:280px; left:170px; color: #5EAB86; } #clock1 { font-size:35px; font-family: 'Indie Flower'; text-shadow: 2px 2px 2px #000000; position: absolute; top:255px; left:160px; color: #DC7249; } </style> <script> function displayTime() { var time = moment().format('HH:mm'); var time1 = moment().format('DD/MM/YYYY'); $('#clock').html(time); $('#clock1').html(time1); setTimeout(displayTime, 1000); } $(document).ready(function() { displayTime(); }); /* * jQuery-canvas-sparkles - v0.5.0 - 2014-04-20 * * https://github.com/simeydotme/jQuery-canvas-sparkles * Copyright (c) 2014 Simon Goellner; * */ $(function() { $.fn.sparkle = function(options) { return this.each(function(k, v) { var $this = $(v); var settings = $.extend({color:"#FFFFFF", count:30, overlap:0, speed:1, minSize:4, maxSize:7, direction:"both"}, options); var sparkle = new Sparkle($this, settings); $this.on({"mouseover.sparkle focus.sparkle":function() { sparkle.over($this); }, "mouseout.sparkle blur.sparkle":function() { sparkle.out(); }}); }); }; function Sparkle($parent, options) { this.options = options; this.init($parent); } Sparkle.prototype = {"init":function($parent) { var cssOpts = {position:"absolute", top:"-" + this.options.overlap + "px", left:"-" + this.options.overlap + "px", "pointer-events":"none"}; if ($parent.css("position") === "static") { $parent.css("position", "relative"); } this.$canvas = $("<canvas>").addClass("sparkle-canvas").css(cssOpts).hide(); if ($parent.css("z-index") !== "auto") { var zdex = parseInt($parent.css("z-index"), 10); this.$canvas.css("z-index", zdex + 1); } var singletons = "IMG|BR|HR|INPUT"; var regexp = "\\b" + $parent[0].nodeName + "\\b"; this.isSingleton = (new RegExp(regexp)).test(singletons); if (this.isSingleton) { this.$canvas.insertAfter($parent); } else { this.$canvas.appendTo($parent); } this.canvas = this.$canvas[0]; this.context = this.canvas.getContext("2d"); this.sprite = new Image; this.sprite.src = this.datauri; this.spriteCoords = [0, 6, 13, 20]; this.canvas.width = $parent.outerWidth() * 1.2; this.canvas.height = $parent.outerHeight() * 1.2; this.particles = this.createSparkles(this.canvas.width, this.canvas.height); this.anim = null; this.fade = false; }, "randomParticleSize":function() { return Math.floor(Math.random() * (this.options.maxSize - this.options.minSize + 1) + this.options.minSize); }, "randomHexColor":function() { return "#" + ("000000" + Math.floor(Math.random() * 16777215).toString(16)).slice(-6); }, "createSparkles":function(w, h) { var tempicles = []; for (var i = 0; i < this.options.count; i++) { var color; if (this.options.color === "rainbow") { color = this.randomHexColor(); } else { if ($.type(this.options.color) === "array") { color = this.options.color[Math.floor(Math.random() * this.options.color.length)]; } else { color = this.options.color; } } var yDelta = Math.floor(Math.random() * 1000) - 500; if (this.options.direction === "down") { yDelta = Math.floor(Math.random() * 500) - 550; } else { if (this.options.direction === "up") { yDelta = Math.floor(Math.random() * 500) + 50; } } tempicles[i] = {position:{x:Math.floor(Math.random() * w), y:Math.floor(Math.random() * h)}, style:this.spriteCoords[Math.floor(Math.random() * this.spriteCoords.length)], delta:{x:Math.floor(Math.random() * 1000) - 500, y:yDelta}, size:this.randomParticleSize(), color:color}; } return tempicles; }, "draw":function() { this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); for (var i = 0; i < this.particles.length; i++) { this.context.save(); this.context.globalAlpha = this.particles[i].opacity; this.context.drawImage(this.sprite, this.particles[i].style, 0, 7, 7, this.particles[i].position.x, this.particles[i].position.y, this.particles[i].size, this.particles[i].size); if (this.options.color) { this.context.globalCompositeOperation = "source-atop"; this.context.globalAlpha = 0.6; this.context.fillStyle = this.particles[i].color; this.context.fillRect(this.particles[i].position.x, this.particles[i].position.y, 7, 7); } this.context.restore(); } }, "update":function() { var _this = this; this.anim = window.requestAnimationFrame(function(time) { var flatTime = Math.floor(time); for (var i = 0; i < _this.particles.length; i++) { var p = _this.particles[i]; var resizeParticle = false; var randX = Math.random() > Math.random() * 2; var randY = Math.random() < Math.random() * 5; if (randX) { p.position.x += p.delta.x * _this.options.speed / 1500; } if (randY) { p.position.y -= p.delta.y * _this.options.speed / 800; } if (p.position.x > _this.canvas.width) { p.position.x = -_this.options.maxSize; resizeParticle = true; } else { if (p.position.x < -_this.options.maxSize) { p.position.x = _this.canvas.width; resizeParticle = true; } } if (p.position.y > _this.canvas.height) { p.position.y = -_this.options.maxSize; p.position.x = Math.floor(Math.random() * _this.canvas.width); resizeParticle = true; } else { if (p.position.y < -_this.options.maxSize) { p.position.y = _this.canvas.height; p.position.x = Math.floor(Math.random() * _this.canvas.width); resizeParticle = true; } } if (resizeParticle) { p.size = _this.randomParticleSize(); p.opacity = 0.4; } if (_this.fade) { p.opacity -= 0.035; } else { p.opacity -= 0.005; } if (p.opacity <= 0.15) { p.opacity = _this.fade ? 0 : 1.2; } if (flatTime % Math.floor(Math.random() * 7 + 1) === 0) { p.style = _this.spriteCoords[Math.floor(Math.random() * _this.spriteCoords.length)]; } } _this.draw(time); if (_this.fade) { _this.fadeCount -= 1; if (_this.fadeCount < 0) { window.cancelAnimationFrame(_this.anim); _this.$canvas.hide(); } else { _this.update(); } } else { _this.update(); } }); }, "over":function($parent) { this.canvas.width = $parent.outerWidth() + this.options.overlap * 2; this.canvas.height = $parent.outerHeight() + this.options.overlap * 2; if (this.isSingleton) { this.$canvas.css({top:$parent.position().top - this.options.overlap, left:$parent.position().left - this.options.overlap}); } this.$canvas.show(); window.cancelAnimationFrame(this.anim); for (var i = 0; i < this.options.count; i++) { this.particles[i].opacity = Math.random(); } this.fade = false; this.update(); }, "out":function() { this.fade = true; this.fadeCount = 100; }, "datauri":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAHCAYAAAD5wDa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDNFMzM5REEyMkUxMUUzOEE3NEI3Q0U1QUIzMTc4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDNFMzM5RUEyMkUxMUUzOEE3NEI3Q0U1QUIzMTc4NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0M0UzMzlCQTIyRTExRTM4QTc0QjdDRTVBQjMxNzg2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0M0UzMzlDQTIyRTExRTM4QTc0QjdDRTVBQjMxNzg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jzOsUQAAANhJREFUeNqsks0KhCAUhW/Sz6pFSc1AD9HL+OBFbdsVOKWLajH9EE7GFBEjOMxcUNHD8dxPBCEE/DKyLGMqraoqcd4j0ChpUmlBEGCFRBzH2dbj5JycJAn90CEpy1J2SK4apVSM4yiKonhePYwxMU2TaJrm8BpykpWmKQ3D8FbX9SOO4/tOhDEG0zRhGAZo2xaiKDLyPGeSyPM8sCxr868+WC/mvu9j13XBtm1ACME8z7AsC/R9r0fGOf+arOu6jUwS7l6tT/B+xo+aDFRo5BykHfav3/gSYAAtIdQ1IT0puAAAAABJRU5ErkJggg=="}; }); $(document).ready(function() { $("img").sparkle({color:["#2eafea", "#e56604"], speed:0.4}); }); </script> </head> <body> <span> <img src="https://i.servimg.com/u/f64/12/69/24/33/pp110.png" alt="lpp"> <div id ="clock"></div><br> <div id ="clock1"></div><br> </span> </body> </html>

Puis vous validez

c'est ce que j'ai fait :
https://i.servimg.com/u/f64/12/13/38/69/logo_f14.jpg

Adam_sfp a écrit:retournez à gestion des pages HTML pour récupérer le lien de votre page
qui doit ressembler à quelque chose comme ça
https://www.uspr33.com/h1-ban ou h2 ,h3 etc...

voici ce qui apparait :
https://i.servimg.com/u/f64/12/13/38/69/logo_f16.jpg

Adam_sfp a écrit:Vous pouvez ensuite insérer cette page en iframe
Code:
<iframe width=390 height=390 scrolling=no frameborder=0 src= METTRE LE LIEN DE VOTRE PAGE HTML></iframe>
en remplaçant METTRE LE LIEN DE VOTRE PAGE HTML par le lien de votre page

voici ce que cela me donne :

Code:: <iframe width=390 height=390 scrolling=no frameborder=0 src= http://www.uspr33.com/h28-banniere-logo></iframe>

Adam_sfp a écrit:Et pour finir vous pouvez mettre le code iframe dans description de site
Général -->forum-->configuration

et enregistrez.
Normalement cela doit fonctionner
Cdt.

j'ai fait un copier-coller de l'iframe et je l'ai mis comme ceci :
https://i.servimg.com/u/f64/12/13/38/69/logo_f17.jpg

Après bien des tentatives, le résultat sur la page d'accueil du forum est celui escompté ^^

Par contre, j'ai dû remettre le lien de l'exemple dans la gestion des images, sinon je n'avais rien.

Avec le lien de l'exemple
http://jsfiddle.net/adam_sfp/f1gx7jcd/1/embedded/result/
ca donne cela :
https://i.servimg.com/u/f64/12/13/38/69/logo_f20.jpg

En retirant le lien de l'exemple, cela me donne ceci :
https://i.servimg.com/u/f64/12/13/38/69/logo_f19.jpg

Par contre, le titre du forum est au format petit et en couleur bleu (un sourire pour revivre).
Comment peut-on le remettre comme au début ?
en caractères plus grand, de la même couleur que sur l'image ci-dessous et en caractères gras
https://i.servimg.com/u/f64/12/13/38/69/pas_de10.jpg

Pour le CSS, je vais voir après avec vous, je ne l'ai pas encore touché. Je préfère régler ce problème de titre du site avant de toucher au css (car je n'ai jamais modifié du css)

Merci à vous encore de m'aider

Très bonne fin de semaine à tous

Cordialement

par Adam_sfp Ven 14 Juin 2019 - 21:07

Bonsoir

Etes vous sur de bien avoir inserer le code iframe ?

Car sur votre screen ça n'a pas l 'air bon ça ne ressemble pas à votre code iframe

Code:: <iframe width=390 height=390 scrolling=no frameborder=0 src= http://www.uspr33.com/h28-banniere-logo></iframe>

il ne faut pas laisser
ce lien http://jsfiddle.net/adam_sfp/f1gx7jcd/1/embedded/result/
Que vous avez du mettre dans gestion des images logo du forum il faut l'enlever..

*on regardera ensuite pour l'écriture bleu ;-)
Cdt.

par **Chacha** Jeu 20 Juin 2019 - 9:42

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

par benabar Ven 21 Juin 2019 - 15:20

Adam_sfp a écrit:Bonsoir
Etes vous sur de bien avoir inserer le code iframe ?

Car sur votre screen ça n'a pas l 'air bon ça ne ressemble pas à votre code iframe
Code:
<iframe width=390 height=390 scrolling=no frameborder=0 src= http://www.uspr33.com/h28-banniere-logo></iframe>

bonjour,

oui, je suis sûr, car j'ai fait un copier coller du code iframe pour le mettre.
En fait, ce qui est visible, c'est la fin du code iframe.
voici en capture d'image le code :
https://i.servimg.com/u/f64/12/13/38/69/iframe11.jpg
https://i.servimg.com/u/f64/12/13/38/69/iframe12.jpg
https://i.servimg.com/u/f64/12/13/38/69/iframe13.jpg

Adam_sfp a écrit:il ne faut pas laisser
ce lien http://jsfiddle.net/adam_sfp/f1gx7jcd/1/embedded/result/
Que vous avez du mettre dans gestion des images logo du forum il faut l'enlever..

je l'avais laissé pour le moment, car si je l'enlève, car me met une grande image "erreur 404" comme ci-dessous (pas top du top ^^)
https://i.servimg.com/u/f64/12/13/38/69/logo_f19.jpg

Adam_sfp a écrit:*on regardera ensuite pour l'écriture bleu ;-)
Cdt.

ok
merci encore

cordialement

par Adam_sfp Ven 21 Juin 2019 - 16:41

Bonjour

C'est ok pour l'iframe apparemment ;-)
Dans gestion des images mettez plutôt

https://2img.net/i/fa/empty.gif
A la place de
http://jsfiddle.net/adam_sfp/f1gx7jcd/1/embedded/result/

Cdt.

par benabar Ven 21 Juin 2019 - 17:57

Adam_sfp a écrit:Bonjour

C'est ok pour l'iframe apparemment ;-)
Dans gestion des images mettez plutôt

https://2img.net/i/fa/empty.gif
A la place de
http://jsfiddle.net/adam_sfp/f1gx7jcd/1/embedded/result/

Cdt.

bonjour

merci

j'ai fait ce que vous m'avez dit
J'ai le logo, mais je n'ai plus le titre "UN SOURIRE POUR REVIVRE"
(voir image ci-dessous) :
https://i.servimg.com/u/f64/12/13/38/69/iframe10.jpg

cordialement

par Adam_sfp Ven 21 Juin 2019 - 19:44

Bonsoir

Pour que ce soit raccord avec l'horloge Wink

Vous pouvez mettre le code ci dessous dans
Général-->forum-->configuration
et coller le code dans description de site

Code:: <link href=https://fonts.googleapis.com/css?family=Indie+Flower&display=swap rel=stylesheet><div id=textfor>Un Sourire Pour Revivre</div>

et mettre ceci au CSS *vous pouvez bien sur modifier la taille couleur etc..

Code:: #textfor { text-shadow: 0 5px 5px #000000; font-size: 60px; font-family: 'Indie Flower'; width:700px; margin:auto; display:block; word-break: break-all; text-align: center; color:#ed5b2a; }

Cdt.

par benabar Ven 21 Juin 2019 - 20:47

Adam_sfp a écrit:Bonsoir

Pour que ce soit raccord avec l'horloge

Vous pouvez mettre le code ci dessous dans
Général-->forum-->configuration
et coller le code dans description de site
Code:
<link href=https://fonts.googleapis.com/css?family=Indie+Flower&display=swap rel=stylesheet><div id=textfor>Un Sourire Pour Revivre</div>

bonsoir

Merci encore pour votre aide

là je n'ai plus le logo

voici les captures du code mis dans configuration, description du site :
https://i.servimg.com/u/f64/12/13/38/69/fdf_0110.jpg
https://i.servimg.com/u/f64/12/13/38/69/fdf_0210.jpg
https://i.servimg.com/u/f64/12/13/38/69/fdf_0310.jpg

Et voici le résultat sur le haut de la page d'accueil :
https://i.servimg.com/u/f64/12/13/38/69/fdf_1010.jpg

Adam_sfp a écrit:et mettre ceci au CSS *vous pouvez bien sur modifier la taille couleur etc..
Code:
#textfor { text-shadow: 0 5px 5px #000000; font-size: 60px; font-family: 'Indie Flower'; width:700px; margin:auto; display:block; word-break: break-all; text-align: center; color:#ed5b2a; }

Cdt.

pour le moment, je n'ai rien changé sur le css, car je ne sais pas faire

cordialement

par Adam_sfp Ven 21 Juin 2019 - 21:34

Bonsoir

Vous avez enlevé l'iframe?

Vous aviez dejà l'iframe dans description de site ?
si oui on placera le logo horloge autrement..

Pour le CSS vous allez dans

Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS
vous collez ce code et vous validez * Si il y a déjà des codes vous collez a la suite..

Code:: /*DEBUT CODE TITRE*/ #textfor { text-shadow: 0 5px 5px #000000; font-size: 60px; font-family: 'Indie Flower'; width:700px; margin:auto; display:block; word-break: break-all; text-align: center; color:#ed5b2a; } /*FIN CODE TITRE*/

Cdt.

par benabar Ven 21 Juin 2019 - 22:33

Adam_sfp a écrit:Bonsoir

Vous avez enlevé l'iframe?

bonsoir

oui j'ai enlevé l'iframe

Adam_sfp a écrit:Vous aviez dejà l'iframe dans description de site ?
si oui on placera le logo horloge autrement..

oui l'iframe était dans "description du site"

Adam_sfp a écrit:Pour le CSS vous allez dans

Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS
vous collez ce code et vous validez * Si il y a déjà des codes vous collez a la suite..
Code:
/*DEBUT CODE TITRE*/ #textfor { text-shadow: 0 5px 5px #000000; font-size: 60px; font-family: 'Indie Flower'; width:700px; margin:auto; display:block; word-break: break-all; text-align: center; color:#ed5b2a; } /*FIN CODE TITRE*/

Cdt.

j'ai fait ce que vous m'avez dit
https://i.servimg.com/u/f64/12/13/38/69/css10.jpg

est-ce possible d'avoir un autre rendu ?
ce qui est maintenant :
https://i.servimg.com/u/f64/12/13/38/69/css_0210.jpg

J'aimerais l'avoir en couleur bleue, avec une police verdana, avec la même taille de police.
https://i.servimg.com/u/f64/12/13/38/69/pas_de10.jpg
(là, il était en couleur un peu rosé, c'était en adéquation avec le logo)

Par contre, remonter le titre en haut de la page, en laissant juste un ou deux interlignes en partant du haut de la page

Merci pour votre aide

Cordialement

par Adam_sfp Sam 22 Juin 2019 - 8:54

Bonjour

Ok on va y arriver ;-)

Mettez ce code dans description de site * on met le texte dans une div avec une id qu'on appelle textfor cela nous permettra de modifier le text via CSS et on met également le code de l'iframe.

Code:: <div id=textfor>Un Sourire Pour Revivre</div> <iframe width=390 height=390 scrolling=no frameborder=0 src= http://www.uspr33.com/h28-></iframe>

Ensuite
Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS

remplacez l'ancien code par celui ci

Code:: /*DEBUT CODE TITRE*/ #textfor { text-shadow: 0 5px 5px #000000; font-size: 50px; font-family: 'Verdana'; width:700px; position:relative; top:20px; margin:auto; display:block; word-break: break-all; text-align: center; color:#2ea7ef; } /*FIN CODE TITRE*/

Vous pouvez faire vos modifications si besoin

Cette ligne

Code:: text-shadow: 0 5px 5px #000000;

Correspond à l'ombre que l'on voit derrière la police d'écriture ici le code couleur est #000000 qui est le noir.

Code:: font-size: 50px;

Correspond à la taille de la police vous pouvez changer le chiffre si besoin.

Code:: font-family: 'Verdana';

Ici le nom de la police

Code:: top:20px;

La position de l'écriture par rapport au "haut de page" *cela vous permet d'ajuster la position de l'écriture
vous pouvez changez la valeur on peut aussi mettre une valeur négative si besoin par exemple

Code:: top:-25px;

Code:: color:#2ea7ef;

la couleur de l'écriture ici #2ea7ef qui est du bleu

si besoin vous trouverez les codes couleurs ici par exemple
https://htmlcolorcodes.com/fr/

Cdt

par **Chacha** Jeu 27 Juin 2019 - 9:55

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

par benabar Ven 28 Juin 2019 - 22:07

Bonjour, bonsoir,

Oups, je reviens juste pour deux petites heures.
Et pour prévenir que je m'absente pendant 5 semaines et je ne reviens que le 6 août.

Bonnes vacances à ceux qui partent et bon courage à ceux qui restent (avec la chaleur).

Cordialement

par **Chacha** Ven 28 Juin 2019 - 22:33

benabar a écrit:Et pour prévenir que je m'absente pendant 5 semaines et je ne reviens que le 5 août.

Bonsoir @benabar,

Votre sujet est donc déplacé dans les archives, comme expliqué par MP, il suffira d'envoyer un message privé à un membre du staff pour demander son replacement.

Bonnes vacances à vous.

Cordialement.

par benabar Sam 29 Juin 2019 - 16:16

Adam_sfp a écrit:Bonjour

Ok on va y arriver ;-)

Mettez ce code dans description de site * on met le texte dans une div avec une id qu'on appelle textfor cela nous permettra de modifier le text via CSS et on met également le code de l'iframe.

Code:
<div id=textfor>Un Sourire Pour Revivre</div> <iframe width=390 height=390 scrolling=no frameborder=0 src= http://www.uspr33.com/h28-></iframe>

bonjour

merci encore pour tout le travail réalisé (pour moi, c'est pire que du chinois !!!)

j'ai mis comme vous me l'avez demandé

Adam_sfp a écrit:Ensuite
Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS

remplacez l'ancien code par celui ci
Code:
/*DEBUT CODE TITRE*/ #textfor { text-shadow: 0 5px 5px #000000; font-size: 50px; font-family: 'Verdana'; width:700px; position:relative; top:20px; margin:auto; display:block; word-break: break-all; text-align: center; color:#2ea7ef; } /*FIN CODE TITRE*/

Vous pouvez faire vos modifications si besoin

Cette ligne
Code:
text-shadow: 0 5px 5px #000000;
Correspond à l'ombre que l'on voit derrière la police d'écriture ici le code couleur est #000000 qui est le noir.

Code:
font-size: 50px;
Correspond à la taille de la police vous pouvez changer le chiffre si besoin.

Code:
font-family: 'Verdana';
Ici le nom de la police

je n'ai pas touché à ces trois codes
pour le code "text-shadow" : j'ai du mal à voir de l'ombre derrière la police d'écriture ^^

Adam_sfp a écrit:
Code:
top:20px;

La position de l'écriture par rapport au "haut de page" *cela vous permet d'ajuster la position de l'écriture
vous pouvez changez la valeur on peut aussi mettre une valeur négative si besoin par exemple
Code:
top:-25px;

après plusieurs essais, j'ai mis le "top:-35px"
en fait, je voulais que le titre apparaisse juste au dessus de mon image "lignes aériennes
latécoère"

Adam_sfp a écrit:
Code:
color:#2ea7ef;
la couleur de l'écriture ici #2ea7ef qui est du bleu

la couleur me plait, car elle est la même que mes petits avions (images des messages)

Adam_sfp a écrit:si besoin vous trouverez les codes couleurs ici par exemple
https://htmlcolorcodes.com/fr/
Cdt

merci pour ce lien

pour le css, voici ce que cela donne avec les modifications réalisées ci-dessus :

Code:: /*DEBUT CODE TITRE*/ #textfor { text-shadow: 0 5px 5px #000000; font-size: 50px; font-family: 'Verdana'; width:700px; position:relative; top:-35px; margin:auto; display:block; word-break: break-all; text-align: center; color:#2ea7ef; } /*FIN CODE TITRE*/

Voici le rendu final
https://i.servimg.com/u/f64/12/13/38/69/forum_10.jpg

Pour le logo, est-ce possible de le remonter un peu dans la hauteur de la page, afin de réduire l'espacement entre le titre du forum et le haut du logo ? Et augmenter l'espacement entre le bas du logo et la barre de navigation ?
https://i.servimg.com/u/f64/12/13/38/69/forum_11.jpg

Merci à vous pour tout le travail réalisé

Comme dit dans mon message précédent, je m'absente et je reviens vers le 6 aout.

Bonnes vacances à vous et bon courage si vous ne prenez pas de congés

NOTA : pour le logo, je suis en attente de la validation, auprès de la succession de Saint Exupéry - d'Agay, pour le droit aux images que je mets sur mon forum

Cordialement

Le logo du forum a disparu