Jump to content

Nic727

Members
 View Profile  See their activity

  • Posts

    269

  • Joined

  • Last visited

 Content Type 

Posts posted by Nic727

    How to organize a porfolio website?

    in HTML/XHTML

    Posted

    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

    Changing video source depending of screen size

    in JavaScript

    Posted · Edited by 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.

    changing page

    in JavaScript

    Posted

    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!

    Changing video source depending of screen size

    in JavaScript

    Posted

    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?

    lightbox not working

    in HTML/XHTML

    Posted

    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

    navigation active class

    in JavaScript

    Posted

    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

    Map height not responsive

    in CSS

    Posted

    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

    Text box over background-div

    in CSS

    Posted · Edited by 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

    Background-image (body) centered

    in CSS

    Posted

    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

    Form "success" message

    in JavaScript

    Posted

    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...