Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

code positioning #19

Closed
lucammello opened this issue Sep 3, 2021 · 2 comments
Closed

code positioning #19

lucammello opened this issue Sep 3, 2021 · 2 comments

Comments

@lucammello
Copy link

Hello. i followed the installation guide on html but the MagicMouse doesn't work. Where should the code with the options be placed? TANKS !!!

<script type="text/javascript"> options = { "cursorOuter": "circle-basic", "hoverEffect": "circle-move", "hoverItemMove": false, "defaultCursor": false, "outerWidth": 30, "outerHeight": 30 }; magicMouse(options); </script>
<title> Web graphic designer, disc jockey, purchasing manager: Lucammello</title>
Collins Street West, Victoria 8007 Australia
Monday - Friday 08:00-16:00
1800.899.900
class="fa fa-facebook"></i></a> <a href="https://twitter.com/lucaweb"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-rss"></i></a> <a href="https://www.linkedin.com/in/santucciluca/"><i class="fa fa-linkedin"></i></a> <a href="https://www.instagram.com/lucammello/"><i class="fa fa-instagram"></i></a> </div> <!-- social icons close --> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <!-- logo begin --> <div id="logo"> <a href="index.html"> <img class="logo" src="images/logo.png" alt=""> </a> </div> <!-- logo close --> <!-- small button begin --> <span id="menu-btn"></span> <!-- small button close --> <!-- mainmenu begin --> <nav> <ul id="mainmenu"> <li><a href="../../lucammello/index.html">Start</a> <ul> <li><a href="index.html">Home</a></li> <li><a href="webdesign.html">Web Designer</a> <ul> <li><a href="project.html">Project</a></li> </ul> <li><a href="discjockey.html">Disc Jockey</a> <ul> <li><iframe width="560" height="315" src="https://www.youtube.com/embed/o9PCfPXWBFg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Video</a></li> </ul> <li><a href="purchasing.html">My Job</a> <ul> <li><a href="publications.html">Publications</a></li> </ul> </ul> </li> <li><a href="services.html">Services</a> </li> <li><a href="#">Projects</a> <ul> <li><a href="project.html">Project Pag.1/6</a></li> <li><a href="project_2.html">Project Pag.2/6</a></li> <li><a href="project_3.html">Project Pag.3/6</a></li> <li><a href="project_4.html">Project Pag.4/6</a></li> <li><a href="project_5.html">Project Pag.5/6</a></li> <li><a href="project_6.html">Project Pag.6/6</a></li> </ul> </li> <li><a href="about.html">About Us</a></li> <li><a href="#">Support</a> <ul> <li><a href="faq.html">F.a.q.</a></li> <li><a href="sitemap.html">Sitemap</a></li> <li><a href="utility.html">Utility</a></li> <li><a href="pricing.html">Pricing</a></li> <li><a href="privacy.html">Privacy</a></li> <li><a href="404/404.html">404</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </div> <!-- mainmenu close --> </div> </div> </header> <!-- header close --> <!-- content begin --> <div id="content" class="no-bottom no-top"> <!-- section begin --> <section id="section-hero-1" class="full-height relative" data-stellar-background-ratio=".2"> <div class="center-y fadeScroll relative" data-scroll-speed="2"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="spacer-double"></div> <img class="logo" src="images/logobig.png" alt=""> <div class="spacer-double"></div> <a href="contact.html" class="btn btn-custom">Contact me</a> </div> </div> </div> </div> <a href="#section-services" class="scroll-to"> <span class="arrow-anim bounce fadeScroll relative" data-scroll-speed="2"></span> </a> </section> <!-- section close --> <!-- section begin --> <section id="section-services"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-center"> <h3 class="wow fadeInUp">Graphic, technology and music</h3> <div class="small-border"></div> <p class="lead">Our commitment to quality and services ensure the satisfaction of our customers. With years of experience our team is ready to satisfy all your graphic and musical needs.</p> <div class="spacer-single"></div> </div> <!-- feature box begin --> <div class="col-md-4"> <div class="text"> <i class="icon_camera_alt id-color mb20 size40"></i> <h4>Photographic services</h4> Each photo shoot is designed and created to highlight the services and solutions offered by your business. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4"> <div class="text"> <i class="icon_lightbulb_alt id-color mb20 size40"></i> <h4>Custom graphics</h4> From logo to business card, from website to search engine positioning. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4"> <div class="text"> <i class="icon_like id-color mb20 size40"></i> <h4>Strong impact music</h4> We offer you a sound list of over 50,000 songs for your customers to listen to with personalized jingles. We also produce CDs and pendrives with customized compilations for bars, restaurants, museums and other places of interest <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> <!-- feature box close --> </div> </div> </section> <!-- section close --> <!-- section service begin --> <section id="section-est" class="side-bg no-padding bg-color text-white"> <div class="image-container col-md-6 pull-left" data-delay="0"> <div class="background-image"></div> </div> <div class="container"> <div class="row"> <div class="inner-padding"> <div class="col-md-5 col-md-offset-7 wow fadeInRight" data-wow-delay=".5s"> <h3>On the web for over 30 years</h3> I've always wanted to create products with a strong attraction. This was possible by combining the graphics with a sort of soundtrack that enriched the website. This personal site of mine, now in its 10th edition, is intended to be a practical example.. <div class="spacer-single"></div> <a href="contact.thml" class="btn btn-border light">Contact me</a> </div> <div class="clearfix"></div> </div> </div> </div> </section> <!-- section service close --> <!-- section begin --> <section id="section-experiences" class="text-light" data-bgcolor="#222324"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="text-center"> <h3 class="style-1">Experiences</h3> </div> <div class="spacer-single"></div> <div class="timeline exp"> <div class="tl-block wow fadeInUp" data-wow-delay="0"> <div class="tl-time"> <h4>1994 - now</h4> </div> <div class="tl-bar"> <div class="tl-line"></div> </div> <div class="tl-message"> <div class="tl-icon">&nbsp;</div> <div class="tl-main"> <h4>Web Designer </h4> I spend my free time with the hobby of digital graphics. From here a continuous self-taught work has allowed me to create many websites, some of which are still online. </div> </div> </div> <div class="tl-block wow fadeInUp" data-wow-delay=".3s"> <div class="tl-time"> <h4>1990 - now</h4> </div> <div class="tl-bar"> <div class="tl-line"></div> </div> <div class="tl-message"> <div class="tl-icon">&nbsp;</div> <div class="tl-main"> <h4>Purchasing manager </h4> I have many years of experience in the world of purchasing for the industrial automation sector. </div> </div> </div> <div class="tl-block wow fadeInUp" data-wow-delay=".6s"> <div class="tl-time"> <h4>1977 - 1986</h4> </div> <div class="tl-bar"> <div class="tl-line"></div> </div> <div class="tl-message"> <div class="tl-icon">&nbsp;</div> <div class="tl-main"> <h4>Radio entertainer </h4> At the age of 12, I conducted my first live radio broadcast. I have not yet hung up my headphones and I enjoy listening to music for many hours a day. </div> </div> </div> </div> </div> </div> </div> </section> <!-- section close --> <!-- section begin --> <section id="section-portfolio" aria-label="section-portfolio" class="no-bottom"> <div class="container"> <!-- portfolio filter begin --> <!-- close gallery carousel-item --> </div> </section> <!-- section close --> <!-- section begin --> <section id="section-features-no-bg" data-bgcolor="#f8f8f8"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-center"> <h3 class="wow fadeInUp">Why choose us</h3> <div class="small-border"></div> <p class="lead">Our commitment to quality and services ensure our clients happy. With years of experiences our team is ready to serve all your graphics needs.</p> <div class="spacer-single"></div> </div> <div id="carousel-3" class="features-carousel"> <!-- feature box begin --> <div class="col-md-4 carousel-item"> <div class="padding40 rounded"> <div class="text"> <i class="icon_like id-color mb20 size40"></i> <h4>Professional Staff</h4> All the work is done by myself, avoiding hidden costs and ensuring a fluidity in the work. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4 carousel-item"> <div class="padding40 rounded"> <div class="text"> <i class="icon_clock_alt id-color mb20 size40"></i> <h4>On Time Completion</h4> Production times are usually limited. In about a month we are able to publish the finished work, turnkey.. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4 carousel-item"> <div class="padding40 rounded"> <div class="text"> <i class="icon_document_alt id-color mb20 size40"></i> <h4>Detailed Estimated</h4> A detailed feasibility study will make it easy to understand and distinguish the necessary from the superfluous, guaranteeing a further reduction in costs compared to the competition.. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4 carousel-item"> <div class="padding40 rounded"> <div class="text"> <i class="icon_currency id-color mb20 size40"></i> <h4>Save Time and Money</h4> At your disposal hundreds of templates that you can specifically choose from a multimedia catalog. Hence the programming and customization with a considerable reduction in time and costs. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4 carousel-item"> <div class="padding40 rounded"> <div class="text"> <i class="icon_tag_alt id-color mb20 size40"></i> <h4>No Hidden Cost</h4> A detailed quote will allow you to customize your website without hidden costs. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> </div> <!-- feature box close --> <!-- feature box begin --> <div class="col-md-4 carousel-item"> <div class="padding40 rounded"> <div class="text"> <i class="icon_cloud-upload_alt id-color mb20 size40"></i> <h4>Guaranteed Works</h4> We guarantee the security of an Italian hosting with weekly and daily back-up for less than 30 euros a year, including the domain name (www.yoursite.com, it, etc., etc.) 5 customizable mailboxes. There is no delivery of source files.. <div class="spacer-single"></div> <a href="contact.html" class="btn-text">Contact me</a> </div> </div> </div> <!-- feature box close --> </div> </div> </div> </section> </section> </div> </section> <!-- section close --> <!-- section begin --> <section class="cta pt40 pb40 text-light" data-bgcolor="#222424"> <div class="container"> <div class="row"> <div class="col-md-8"> <script src="https://apps.elfsight.com/p/platform.js" defer="defer"></script> <div class="elfsight-app-697a0e91-cc32-4113-bf1f-79466386e1f1"></div> </div> <div class="col-md-4 text-right"> </div> <script src="https://apps.elfsight.com/p/platform.js" defer="defer"></script> <div class="elfsight-app-87f88eb8-9cf2-4632-8b8d-525376b02abe"></div> <script src="https://apps.elfsight.com/p/platform.js" defer></script>
<script src="https://apps.elfsight.com/p/platform.js" defer></script>

What people says

  • We have completely relied on, from the logo to the website, from the domain to the social networks. A really great job.

    Antonio - Italiy
  • After the creation of our website, our structure was visited by hundreds of people. Great satisfaction.

    Manuela - Italy
  • What interested and struck me most was the imagination in the realization of the project. Competence, friendliness and speed of execution.

    Luciano - Italy

0

Photos Taken

0

Projects Done

0

Satisfied Customers

0

Online websites
</script>
<!-- section begin -->
<section id="section-quick-contact-2" class="bordertop">
  <div class="container">
    <div class="row text-center">
      <div class="col-md-4 wow fadeInLeft">
        <div class="wm-1"></div>
        <i class="icon_mobile id-color size40 mb20"></i>
        <h6 class="id-color">Call Us</h6>
        <h4>(+39) 338 9688617</h4>
      </div>
      <div class="col-md-4 wow fadeInUp">
        <div class="wm-1"></div>
        <i class="icon_house_alt id-color size40 mb20"></i>
        <h6 class="id-color">Address</h6>
        <h4>2nd star on the right,<br>
          Arezzo 52100 Italy</h4>
      </div>
      <div class="col-md-4 wow fadeInRight">
        <div class="wm-1"></div>
        <i class="icon_mail_alt id-color size40 mb20"></i>
        <h6 class="id-color">Email Us</h6>
        <h4>info@lucammello.com</h4>
      </div>
    </div>
  </div>
</section>
 <!-- footer begin -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <a href="index.html">
				
                    <img class="logo" src="images/logo-2.png" alt="">
                </a><img border="0" src="images/misc/ssliy.png" width="116" height="75">
								<!-- Inizio Codice ShinyStat -->
<script type="text/javascript" src="//codice.shinystat.com/cgi-bin/getcod.cgi?USER=lucammello"></script>
Statistiche
alt="Licenza Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png"></a><br> Quest'opera è distribuita con Licenza <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribuzione - Non commerciale - Non opere derivate 4.0 Internazionale.</a> <div class="social-icons"> <a target="_blank " href="https://www.facebook.com/Lucammello-171160222942538"><i class="fa fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/lucaweb"><i class="fa fa-twitter"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UC21FTtskEz2sdwHgHNTkpFQ"><i class="fa fa-youtube"></i></a> <a target="_blank" href="https://www.linkedin.com/in/santucciluca/"><i class="fa fa-linkedin"></i></a> <a target="_blank" href="https://www.instagram.com/lucammello/"><i class="fa fa-instagram"></i></a> <a target="_blank" href="https://www.flickr.com/photos/lucammello/"><i class="fa fa-flickr fa-lg"></i></a> </div> </div> <div class="col-md-4 text-right"> © 2021 Lucammello. Made with love by <a href="javascript:void(0)">LucaWeb</a> <a href="https://info.flagcounter.com/JERB"><img src="https://s01.flagcounter.com/count2/JERB/bg_222324/txt_FFFFFF/border_222324/columns_5/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0"></a> &nbsp;<p>&nbsp;</p> <p></p> </div> </div> </footer> <!-- footer close --> <div id="preloader"> <div class="preloader1"></div> </div> <!-- Javascript Files ================================================== --> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/easing.js"></script> <script src="js/owl.carousel.js"></script> <script src="js/jquery.countTo.js"></script> <script src="js/validation.js"></script> <script src="js/wow.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/enquire.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/designesia.js"></script> <script type="text/javascript" src="dist/magic_mouse.js"></script>
@dshongphuc
Copy link
Owner

Hello @lucammello , you need to correct:

  1. The Magicmouse's options should be placed AFTER Magicmouse script
  2. It seems like you missed the Magicmouse CSS

@lucammello
Copy link
Author

lucammello commented Sep 6, 2021 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants