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

soyfranasensioS

soyfranasensio

@soyfranasensio
About
Posts
4
Topics
2
Shares
0
Groups
0
Followers
0
Following
1

Posts

Recent Best Controversial

  • Images appear on link hover
    soyfranasensioS soyfranasensio

    Hi, is it possible to retake this thread with this project? I am very interested to know how I can make this menu for my website!
    Thank you very much!

    General Discussion

  • List of links, showing background image, when doing rollover, js+css
    soyfranasensioS soyfranasensio

    Thanks DMB, but I have not managed well to put the code that indicates the tutorial of Lay Theme. :(

    General Discussion

  • List of links, showing background image, when doing rollover, js+css
    soyfranasensioS soyfranasensio

    Hi. I am trying to create a list of links to my works, in which when doing rollover on each one of my links, an image appears in the background of the centered page. I give you an example of what I want.

    http://chrissutevski.com/

    I have tried to recreate it with css, with css and js, but I can not. Could you help me?
    I am very grateful!

    I have included this code in my custom css & html:

    <script>

    window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    if(type == "page" && obj.id == starwarscards){
    	$(document).ready(function() {
      $('body').css({
    'background-repeat': 'no-repeat', 'background-position' : '50% 50%', 'background-size' : '60%', 'background-attachment' : 'fixed'
    

    });

    window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    

    var $body = $('body');

     $('.starwarscards').hover(function(){
        $body.css('background-image', 'url(http://soyfrancis.co/img/6.jpg)')
    }, function() {
        $body.css('background-image', '')
    })
    }
    

    });

    </script>

    General Discussion
  • Login

  • Don't have an account? Register

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