Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

V

victor789

@victor789
About
Posts
8
Topics
2
Shares
0
Groups
0
Followers
0
Following
0

Posts

Recent Best Controversial

  • How to script execution on all project pages
    V victor789

    Update :
    I've changed the script so that the GIF image only changes position each time the site is reloaded (and not each time the page is changed).

    Here's the updated script :

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
      window.onload = function() {
        move();  // Déplace l'image dès que la page est chargée
      }
    
      function move() {
        let img = document.getElementById('logo');
        let imgWidth = img.width; // Récupère la largeur actuelle de l'image
        let imgHeight = img.height; // Récupère la hauteur actuelle de l'image
    
        // Calcule les positions aléatoires en tenant compte des dimensions de l'image
        let maxX = window.innerWidth - imgWidth; // Position horizontale maximale
        let maxY = window.innerHeight - imgHeight; // Position verticale maximale
    
        // Déplace l'image dans un emplacement aléatoire mais dans les limites de la fenêtre
        img.style.left = Math.floor(Math.random() * maxX) + "px";
        img.style.top = Math.floor(Math.random() * maxY) + "px";
      }
    </script>
    

    HTML :

    <div>
      <img onclick='move()' id='logo' src='http://www.voto-xo.com/wp-content/uploads/2025/01/250122-VOTOXO-Anim-Holding_page-1-LONG_1.gif' />
    </div>
    

    That said, I still haven't found a way to prevent it from being displayed on project pages, so f anyone has an idea for this, it would be really helpful for me :)

    General Discussion

  • How to script execution on all project pages
    V victor789

    Hey Armin,

    I am finalising the construction of the following website: https://www.voto-xo.com/home/

    I've set up the display of a GIF image on top of all the site content (a sort of ‘double star’ that appears and disappears), in a new random position each time you change page.

    However, I'd like to avoid this image being displayed on all my Projects pages (like this one, for example : https://www.voto-xo.com/melitosfex/)
    (or, to take the problem in reverse, to display it only for the pages 'home' , 'projects' , 'about' , 'contact' and 'press' )

    Do you have any ideas on how to fix my script to do this?

    Thanks :)

    Here is the script I put in 'Custom <head> content' :

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
      $(document).ajaxComplete(function() {
        move();  
      });
    
      function move() {
        let img = document.getElementById('logo');
        let imgWidth = img.width;
        let imgHeight = img.height;
    
        let maxX = window.innerWidth - imgWidth;
        let maxY = window.innerHeight - imgHeight;
    
        img.style.left = Math.floor(Math.random() * maxX) + "px";
        img.style.top = Math.floor(Math.random() * maxY) + "px";
      }
    
      $(document).ready(function() {
        move();
      });
    </script>
    

    And here is the code I put in 'Custom HTML at top' :

    <div>
      <img onclick='move()' id='logo' src='https://www.voto-xo.com/wp-content/uploads/2024/02/240226-VOTOXO-Anim-Holding_page-1.gif' />
    </div>
    
    General Discussion

  • adding Extra columns in project index
    V victor789

    @arminunruh I just sent you a mail with all the informations. Thank you!!

    General Discussion

  • adding Extra columns in project index
    V victor789

    @arminunruh

    As I said in my last post, I'm building a project index line by line, using the Imagehover feature in each HTML block.

    I managed to get the design I wanted on Chrome, but the image appears on the wrong side on Safari : it's inside the list, when I want it outside (on the left), aligned on the middle of the page.

    Is there a way to fix this bug?

    Capture d’écran 2023-04-11 à 12.22.58.png

    Here is the link to the page : https://tonale-architecture.fr/index/

    The Image Position in Imagehover addon settings is set on "Stick to Link" and "Left outside".

    Here is the HTML for one of the lines of the index :

    <a  href="https://tonale-architecture.fr/cave-a-vin-et-epicerie/"
        data-id="148"
        data-title="Cave à vin et épicerie"
        data-catid="[31]"
        data-type="project"
        data-hoverimageid="144"
        data-hoverimagesmallsrc="http://tonale-architecture.fr/wp-content/uploads/2023/04/ANIMA_PKA_JBT-7-Web_2500p-265x397.jpg"
    >
        <div class="tonaleindexline" width="100%">
                        <div id="tonaleindex-1">
                        Cave à vin et épicerie
                        </div>
                        <div id="tonaleindex-2">
                         Paris 10
                        </div>
                        <div id="tonaleindex-3">
                        35 m²
                        </div>
                        <div id="tonaleindex-4">
                        Retail
                        </div>
                        <div id="tonaleindex-5">
                        Livré en 2022
                        </div>
        </div>
    </a>
    

    And here is the custom CSS I added :

    .navbar {
    	z-index:0;
    }
    .lay-imagehover-region img {
    	position: fixed;
    	top: auto;
    	right: auto;
    	bottom: auto;
    	left: auto;
    	margin-top: 3px;
    	margin-right: auto;
    	margin-bottom: auto;
    	margin-left: auto;	
    	padding-top:auto;
    	padding-right: 50%;
    	padding-bottom:auto;
    	padding-left:auto;
    }
    #tonaleindex-1 {
    	display: inline;
    	float: left;
    	width: 37%;
    	font-size: 15px;
    	text-align: left;
    }
    #tonaleindex-2 {
    	display: inline;
    	float: left;
    	width: 20%;
    	font-size: 15px;
    	text-align: left;
    }
    #tonaleindex-3 {
    	display: inline;
    	float: left;
    	width: 10%;
    	font-size: 15px;
    	text-align: left;
    }
    #tonaleindex-4 {
    	display: inline;
    	float: left;
    	width: 15%;
    	font-size: 15px;
    	text-align: left;
    }
    #tonaleindex-5 {
    	display: inline;
    	float: left;
    	width: 18%;
    	font-size: 15px;
    	text-align: left;
    }
    .tonaleindexline {
    	display: inline;	  
    	float: left;  
    	width: 100%;
    	font-family: ABCWalterNeue-Fett;
    	font-size: 15px;
    	text-align: left;
    	color: #000000;
    }
    .tonaleindexline:hover {
    	color: #b1bebe;
    	background-color: none;
    	text-decoration: none;
    	z-index: 50;
    }
    
    General Discussion

  • adding Extra columns in project index
    V victor789

    @arminunruh
    Yes, that's exactly it!
    In theory, this would mean being able to assign other kinds of 'tags' to a project and being able to display the corresponding columns in the project index element.
    Great that you're interested in coding this feature :)
    For now, I'll try to find another way :)
    Thanks!

    General Discussion

  • adding Extra columns in project index
    V victor789

    Re: Project Index – adding extra header and columns?

    Hi Armin,

    Thank you for the project index feature, which is working great!

    I have the same issue that joehales was talking about in the topic I quote above:
    I would like to add more categories to the project index, like in the example below.

    Is there a way to achieve this?

    Here is the website I'm working on (in progress) if you want to have a look: https://tonale-architecture.fr/index/
    For the moment the "Tags" column contains the columns I would like to add.

    Thanks!

    Capture d’écran 2023-04-03 à 16.24.18.png

    General Discussion

  • Carousel content hidden
    V victor789

    Thank you very much Armin! It works perfectly now! :)
    I hope it's also working for XLD!

    Bug Reports

  • Carousel content hidden
    V victor789

    Hi Armin, Hi XLD,

    I've got the same problem on my website, with the same set up, except for "Fill slides" which is off.

    I also have fullscreen slider enabled on this page, with 5 different carousels on top of each other (5 rows).

    Everything worked fine until I did the last update.

    I did the same tests as XLD :
    Content appears with "Transition: 'slide' or 'fade' ".
    And it is missing with "Transition: none".

    I also noticed that it finally appears when I resize my window, going from the width of a smartphone to the desktop width.

    I updated my PHP version to 8.0 but nothing changed.

    Here is the link to the page : http://www.classico.studio/xyz_test_abcd/

    Do you have any tips to fix this?

    Thank you :)

    Bug Reports
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search