Anchor on single page website - html

This is an issue regarding, http://www.mccaffreyhautecouture.com/
I am unable to create an external link where the viewer is brought to a specific page within the website. On landing, the viewer must always enter by the landing/main slide page.
This was a purchased template and the entire website is coded in a single index.html file.
My client would like their Pinterest images to link directly to the source or gallery.
Is this at all possible?
I greatly appreciate any assistance.
Thank you,
Stanley Ounarom

It looks like this was written using AJAX to pull in content. The URL doesn't change when nav is clicked, which makes it impossible to link to a specific page w/in the site. The site will need to be further developed to allow for this functionality.
This may help:
jquery ajax history and bookmarking plugin

Related

HTML How to Transition Between Pages

I am currently trying to make a transition between pages on a website.
Eg: If a user were on www.example.com/About and they clicked on a link to go to www.example.com/Contact, the about page would fly out to the left, whilst the contact page would fly in from the right.
So far all I could find online was how to do this on the same page with hashtags. But I want to do this with separate pages.
is it possible?
if not is there an alternative and how to do it?
UPDATE
Ok so I did a bit more research and I found this thing called barba.js(http://barbajs.org) that seemed to do what I'm looking for. So I installed the js script file followed the instructions on the site...and it didn't work! All it did was not load my pages correctly and didn't do what it was supposed to do. Anyone know how I can use this(or if there is a better option than barba.js).
-Thanks!
I don't think you can do that with pure html & js, as you load the entire page each time you click on a link if it's not an anchor.
However you can load just a part of the page, and so apply a transition of your choice with Ajax and js
But in the end, you won't really switch from page to page, but only load the parts that you want to update. This is approximately how modern front end frameworks like Angular, React,... are working
Here is a pure js example http://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first
Here is a jQuery example http://www.w3schools.com/jquery/ajax_ajax.asp
You are talking about is page transition and it normally happens in SPA (Single Page Application) where there is no hard refresh.
If you are not working in a SPA application I don't think you can do that where you are moving from one page to another by link/button click and a hard refresh happens.
You can choose angularjs one of the famous spa/mvc framework in jvascript and us ui-router to move from one page to another. there are many other you can explore.

How do I get the entire html code from a Weebly website?

I was thinking about getting started creating my own website with weebly.com. If I eventually want to move my website to a different host is there a way to do that? When I edit the html code it seems like weebly doesn't show you the whole code that's being used.
For example I just see:
<div id="main"><div class="container">{content}</div></div>
Instead of the <img src> or <p> that are actually on my page?
Is there any way I can see the full code or should I choose a different editor?
In your site editor, make sure you're on the SETTINGS tab, select GENERAL, scroll down, select ARCHIVE. Enter your email address and click EMAIL ARCHIVE. A link to download your zipped archive file will be mailed to you.

Link from external to specific part on a one page site

I have built my site based on a bootstrap template. It's a one page site with scrolling but I am currently redeveloping it so that my portfolio pages are separate pages and link back to the homepage. I want to link back to the gallery on the one page part of the site and therefore need to link to the homepage and get it to scroll instantly to the gallery. Any ideas on how I would do this. Site as it was is at www.js-gd.co.uk
Thanks
Jon
You could add an id to the section you are wanting and then have url.com/page#id
If you post the code I will be sure to help you

Index page in Joomla

I have made a homepage in Joomla 2.5, and I need my front page to be different then the page made in Joomla.
My best solution then, is to make the front page in pure HMTL, and then redirect to the site made in Joomla. Is this possible? or is there an easier way to do it? for example with a plugin or something?
Create a custom html page and create it an article and then assign this article to front page. In this way you can display your custom html page to hope page of joomla.
Further if you want to remove even the headers and footers of the joomla page for home page this can be done in various ways
Make module positions and display the header and footer in it an
then in admin do not publish these modules for home page
We have
variable in template index.php which give us flags weather this is
home page you can use this flag and put a condition like if this is
home page dont display the header and footer.
Hope it will help you.
I can't really understand your question. If you want to load HTML only use custom HTML module rendered in your homepage
What are you trying to achieve? Without knowing more, I have two thoughts.
a. Joomla uses index.php. A lot of the time web servers look for index.html first. So if you create an index.html file and upload it to your root folder, it will display that first and not read your Joomla! site. If that doesn't work, check your web server to see the order that it looks for your start page. That is a setting that can be changed. (Depending on your hosting situation)
or b. You can set different templates for a single Joomla! site. you could set a different template for the homepage compared to the rest of the site. (I just need to know more on what you are trying to accomplish)
Have a great one.

Dynamically updating Images to Facebook Page

I want to dynamically update the three images from "Trend Alert" in the EDM below:
http://sophiehart.createsend4.com/t/ViewEmail/r/D3501506593F4120/5AA0D88279FE59B738A555EB6E97B45B
To this Facebook iFrame.
http://www.facebook.com/apps/application.php?id=198582036826535&sk=app_198582036826535
I'm hoping someone knows a way to update these automagically - I don't want to have to manually change them every week.
The problem as you can see is that the EDM above spits out a different dynamic link every week.
Any one worked on something similar to this before?
This Facebook page currently features the same technique (The Latest section) - so if anyone can shed some light on it that would be great!
http://www.facebook.com/rachelzoe
EDIT: I've created the html email template and have got the iframe working - but i'm unsure how to link the images to the Facebook as the link to the html email (campaign monitor) will change weekly?
LINK to EDM: http://sophiehart.createsend4.com/t/ViewEmail/r/D3501506593F4120/5AA0D88279FE59B738A555EB6E97B45B
LINK TO FB: http://www.facebook.com/apps/application.php?id=198582036826535&sk=app_198582036826535
You can create a Facebook Application and install it as a tab in your client's Facebook Page. This tab will render an iframe with content from any URL that you specify. This way, you can do anything you want with your webpage (e.g. display 3 dynamic images), and it will be embedded in your client's Facebook Page.