First website (help)

[CoreyB]

What do you guys think of my first website? The Force Awakens theme, Rogue one Music and Clone Wars ships (Broken part)

Also, I'm having some trouble getting a certain aspect of my website to work online. It works fine locally and on Dreamweaver. But viewing it from a server it doesn't?

Specifically it's the JQuery script for parallaxing. It just shows up as a red div online..?

10156972.cgosh.co.uk

That's the website.

Check it out

 

[CMO Marc Smith]

Good for a first site. It's good having user interaction change the page like that, I always enjoy those designs.

The problem you're having with the parallaxing isn't the script itself, it's your css. parallax.css should have changes.

.parallax1 {
    background-image: url(../../Starwars_Website/images/PShip3.png);
    width:1200px;
    height:600px;
}
.parallax2 {
    background-image:url(../../Starwars_Website/images/PShip2.png);
    width:1200px;
    height:600px;
}
.parallax3 {
    background-image: url(../../Starwars_Website/images/PShip1.png);
    width:1200px;
    height:600px;
}




Your background image url's are incorrect. They should simply be ../images/image.png

Final css:

.parallax1 {
    background-image: url(../images/PShip3.png);
    width:1200px;
    height:600px;
}
.parallax2 {
    background-image:url(../images/PShip2.png);
    width:1200px;
    height:600px;
}
.parallax3 {
    background-image: url(../images/PShip1.png);
    width:1200px;
    height:600px;
}





- Marc

 

[CoreyB]

Good for a first site. It's good having user interaction change the page like that, I always enjoy those designs.

The problem you're having with the parallaxing isn't the script itself, it's your css. parallax.css should have changes.

.parallax1 {
    background-image: url(../../Starwars_Website/images/PShip3.png);
    width:1200px;
    height:600px;
}
.parallax2 {
    background-image:url(../../Starwars_Website/images/PShip2.png);
    width:1200px;
    height:600px;
}
.parallax3 {
    background-image: url(../../Starwars_Website/images/PShip1.png);
    width:1200px;
    height:600px;
}




Your background image url's are incorrect. They should simply be ../images/image.png

Final css:

.parallax1 {
    background-image: url(../images/PShip3.png);
    width:1200px;
    height:600px;
}
.parallax2 {
    background-image:url(../images/PShip2.png);
    width:1200px;
    height:600px;
}
.parallax3 {
    background-image: url(../images/PShip1.png);
    width:1200px;
    height:600px;
}





- Marc

Cheers Marc! 

 

[K E V I N]

That is fkin cool so far

 

[CoreyB]

Cheers @Kev!

@CMO Marc Smith, spot on, thanks for that!

The website is now complete, only works on PC though as it's not responsive!

Quite proud for a first one