Jump to content

Nic727

Members
 View Profile  See their activity

  • Posts

    269

  • Joined

  • Last visited

 Content Type 

Everything posted by Nic727

  1. Nic727
    Hi, I found this website as an inspiration to make my own portfolio http://www.denisechandler.com/ I have two questions if it's possible for you to answer : 1. How to make a fixed navigation only when you scroll up? Is it possible with CSS only or what's the Javascript code? 2. How to make stuffs appear when it show on screen? A bit like http://pixelarity.com/hyperspace Thank you
  2. Nic727
    Hi, I'm currently working on a temporary website (to replace my old one), but for the next version after, I would like to make my own WordPress template to work on easily (instead of modifying codes) if I learn how to make a template... Whatever, I would like to know if it's better to have "Portfolio" as a link or "Works"? Also, is it easier to have each categories seperate on his own page or make something dynamic where everything is on one page, but if you choose a category, it will only show work of this category? I'm trying to find a way where there is not too much stuffs on screen. Thank you
  3. Nic727
    It's my teacher to have a HD video for desktop and low definition for mobile. I know that in real situation to create website, you just use one video or a YouTube/vimeo one.
  4. Nic727
    But how to change if the width of the screen is bellow 600px and change back after it's more than 600px? Whatever, I did my work with some buttons and it work, but I would like to know if it's possible to change with screen width... Hate that at school they say us to do that without explanation even if no website are doing that lol.
  5. Nic727
    I was going to say that. Now my two videos are running at the same time.
  6. Nic727
    ok I understand what you mean!
  7. Nic727
    But media queries for videos are not working. I tried to put src="../medias/grece_2.mp4" type="video/mp4" media="all and (max-width:600px)
  8. Nic727

    changing page

    Nic727 posted a topic in JavaScript

    Hi, On my website, I have _f.html for french and _e.html for english. So I put a button and I would like that if the URL contain _f.html, it change it for _e.html. I need to know what I should put in my if () and after. Now I just put that if (){document.location="../anglais/"+the URL without _f.html+"_e.html"} Thank you to help!
  9. Nic727
    Hi, I would like to change my video sources : <source src="../medias/grece_1.mp4" type="video/mp4"> <source src="../medias/grece_1.ogg" type="video/ogg"> <source src="../medias/grece_1.webm" type="video/webm"> with : <source src="../medias/grece_2.mp4" type="video/mp4"> <source src="../medias/grece_2.ogg" type="video/ogg"> <source src="../medias/grece_2.webm" type="video/webm"> if the screen width is less than 600px. Is it possible and what's the code?
  10. Nic727
    Nevermind, I just put <script src="../js/lightbox-plus-jquery.min.js"></script> at the bottom of the page. Don't know why the JQuery need to be at the bottom of the page instead of in the head.
  11. Nic727
    Hi, I don't know why, but I never had problems with lightbox before, but now it doesn't seem to work. Maybe I'm doing something wrong, but I don't know what. So I put that in my <head> <!-- LIGHTBOX --> <link href="../styles/lightbox.css" rel="stylesheet" /> <script src="../js/jquery-1.11.0.min.js"></script> <script src="../js/lightbox.min.js"></script> <script src="../js/lightbox-plus-jquery.min.js"></script> and in my body <a href="../images/brauronTemple_04.jpg" data-lightbox="image-1"> <img class="imgarch" src="../images/image02.jpg" alt="colonnes" > </a> The only thing it does is that it change page when I click on the image. Thank you
  12. Nic727
    Hi, On my website I added an active class to my main navigation for the page we are currently viewing (change css styles). The thing is that I change the class position to another link (ul > li) manually for each page. But is it possible to do that with javascript? I know that active class are not really used, but I would like to know. I saw an example using Jquery, but they put active class on "home" first and it change when you click on another section. The thing is does it change if your first page you are viewing is not the home page? Thank you
  13. Nic727
    Is it working on a normal website without bootstrap theme? Thank you for the link, look easy to do.
  14. Nic727
    Hi, Is it possible (with an easy code) to make a navigation bar position at 30px from the top to be fixed at top:0px after scrolling 30px? A lot of websites have that, but I don't know the code. Thank you
  15. Nic727
    But I have this problem :
  16. Nic727
    Where do I put that?
  17. Nic727
    Hi, I inserted a Google map inside a div, but the height is not responsive. I'm able to make the width matching the div width (100%), but the height is not matching the div height. My code : <div class="sommaire"> <h3>Le temple d'Artémis</h3> <p>Le sanctuaire d'Artémis est l'un des sites les plus anciens de l'Attique, une région entourant Athènes. Le temple est situé sur la côte orientale, à Vravrona, près de la mer d'Égée. Avec le temps, la mer a reculé, ce qui positionne maintenant le site dans les terres. Cet endroit est aussi associé à de nombreux mythes et légendes.</p> <div class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2382.3755843812924!2d23.9930936014985!3d37.925823530744815!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x1d429f331dba45bb!2sVravron+Archaeological+Site!5e0!3m2!1sfr!2sca!4v1448993808154" allowfullscreen></iframe> </div> </div> .sommaire{ background: rgba(2, 15, 47, 0.5); color: #fff; display: block; width: 50%; height: 50%; padding: 3em; text-align: center; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; } .map{ position: relative; overflow:hidden; height:100%; } .map iframe{ position: absolute; top:0; left:0; width: 100%; height:100%; } Thank you
  18. Nic727
    Updated!
  19. Nic727
    Thank you
  20. Nic727
    Hi, I'm trying to make a text box over an image with a section, but my background-image is annoying. 1. I would like my background image fit the screen without blank space at bottom or on the right. I don't want scrolling bar. 2. Now it work with padding, but if someone has a solution to make that better? Here you can download the file I used to make that... Instead of sharing my code here, I think it will be better if you see by yourself. http://gavitex.com/share/1elabzkbl EDIT : I changed the way I do that. I removed the section with the background image and did something else working a bit better. Thank you
  21. Nic727
    Hi, Is it possible to add styles to titles like h1, h2, etc. to have something like : - TITLE - or =Title= Thank you
  22. Nic727
    REMOVED
  23. Nic727
    Oh yeah... lol
  24. Nic727
    Hi, I don't know why, but I'm unable to center my body background image. If I put my background image and add a size like "cover" or "100%" and add a position: center center, it doesn't work. The only thing I see is that the bottom of the image is centered in the middle of the screen. Thank you
  25. Nic727
    Hi, When I submit my form and everything work, I add a text that will appear saying "success" or something like that, but it's only appearing for 1 sec. What I mean is that when my form is submitted, it reset the form, so my text disappear. Do you know if it's possible to keep the success text after the form reset? Some website are doing that or even make the form disappear completely! Thank you
×
×
  • Create New...