Use a website template in my web application project in VS12 - javascript

I am creating a web site and I was given a website template that has various html pages and javascript that my website will reference. I wanted to know if this is possible to add those files and reference them in my project or if I am going about this the wrong way.
First time building a website but I have experience building applications, just confused on the right way to go about this.

Add a master page to your website and replace it's html by the html of your template. add a content place holder in it so that controls can be placed in content pages. copy image, css , and jquery(if any) folders in website. if your css and images are not shown in design of master page then replace Image to ../Image in its html and source of css ../(your file name)

Related

How do i make a wordpress plugin to work on static websites

I have a wordpress plugin that i want to make work on a simple static website, the plugin is a cloaker so im sure its not wordpress specific and can work anywhere, it contains a php file for the cloaker and a folder with files as seen in the picture picture of the files
Simple way would be to use the plugin on a wordpress page (embed the shortcode in your editor, or more likely create custom page template without footer and header to have a clean page), and use an iframe on your html page to view the content of this page. I would recommend to use the page template because you probably won't need the header and footer of your page.
There are other ways, but you would need to use a php file, not a static html file to make things work.

How do I preview my web page on my dashboard?

I am creating a dashboard with the AdminLTE template, and I have a list section in which I can change the colors of the different sections of my web page.
What I would like to know is if there is a way to generate a preview of my web so that the administrator user of the dashboard can see the changes there.
I think it should not be easy, but I would like to know if there are different ways to achieve that, or if there is a plugin that is helpful.
Currently my project is done in HTML, Javascript and PHP
You can use an iframe to show the preview of your website in the admin dashboard.
Just add an iframe tag inside the dashboard panel like this,
<iframe src="https://www.your_website.com"></iframe>
Tip: To deal with browsers that do not support , add a text between the opening tag and the closing tag.
Tip: Use CSS to style the (even to include scrollbars).

How to create a chrome extension code to extract ads from a webpage and save it as an html file?

I am developing a chrome extension for fetching ads from a web page. What I am trying to do is that:
My extension should look for HTML5 banner ads from the opened web page.
It should detach the ad code and save it to my computer as an html file.
The html file created should not depend on an external JS or CSS file. It means when it gets detached, the CSS or JS code attached to it should be detached and saved as a part of the html page (not a hyper link).
I was wondering if there are any existing libraries or open source plugins that do that. If not, can anyone point me in the right direction where to begin?
This won't directly pick out banner ads for you, you'll need to do that yourself, but all the functionality you're hoping for is available using content scripts.

How to embed HTML5/CSS + js music player on single wordpress page?

I have an html 5, css, and javascript audio player that I'm trying to add to one page on my wordpress site.
I tried to paste the html into my page's text editor, while installing the JS and CSS folders for the player in my child theme's folder, which didn't work.
I tried placing the CSS for the player styling in my child themes CSS file, and that didn't work. I also tried linking to the style sheets and js scripts from the header.php file, which wasn't working for me.
My first thoughts are that because the html is showing up as it should, the css and JS files aren't being called. So I just need to figure out the path structure of how wordpress creates pages? Yet I know wordpress does something with a database to display the pages?
I saw some documentation about using I think it was either php or JS functions to call scripts or something and I don't understand enough of those languages to be able to make sense of it yet.
I'm still working with my developer, but he's 7 hours ahead of me and asleep. I just want to put the hardcoded version of the player and a few songs on my site for now so I can do some testing/see how it looks.
I hope that this question meets the SO req's. I tried to search on my own and I know the answer is out there, I just don't know enough to understand it yet. Trying to get a head start
The path to your Child theme's folder should be '/wp-content/themes/name-of-theme/'. You can use that in your header to call the files from wherever you might have placed them in your Child theme's folder.
To hard code the HTML, pasting it in the WordPress page editor should work fine unless there is another JS call or some weird iFraming going on.. if that's the case, you can simply create a Page Template (https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/#creating-custom-page-templates-for-global-use) and paste the code there. You'll likely want to just copy an existing page template from your Theme, take out the inner loop, and replace it with your video code.
Adding the links to your 'header.php' file would be considered bad practice. You would want to create a 'functions.php' file inside your Child theme and call the JS/CSS from there. You can also find this within the WordPress codex (they literally give examples you can copy/paste and change your file names).

How to direct main page (index) from sub-folder page (image out)

My photo gallery site has thousands of html pages, most of them are only with large photos. That is when clicking small thumb, opens a new window with large photos.
This large view html pages has no navigations. I want to add 'home' and 'back to artist' navigation in these html pages.
www.mysite.tld/gallery/artist/name/event/(here stored large images and its html pages)
this same structure goes for other artist names too.
I am using dreamweaver templates. In template, to go back folder, I added..
Back to Main
..(here artist main folder)/(artist index).html
but when saving this template as html to different folder, this "../index.html" changes to "../../../index.html" which goes to main website index page :/
I can simply type ../index.html in one page but the site has many artist folders with same structure.
so how to direct/link to artist page from its sub-folder html pages. Using javascript or any scripts?
Really sorry for this big message. Please dont down-vote because of my stupid question. Thank You.
EDIT :
I tried History back() Method but that's not working because if users come from search engine, there's no history to go back to main artist page.
In simple. You click a page from google and in that landed page (large image here), you need a navigation to visit the main gallery page with other images in small thumbs or to say event gallery page (which present in up-directory in my site). So to navigate to main gallery page, I am stuck here for "how to". May be I need to do in php or something :/
One way of resolving this is to use absolute paths instead of relative paths. Absolute paths start with /.
I'd suggest adding Dreamweaver as a tag to your question, to get the attention of Dreamweaver users who may recognise your situation and can help.

Categories

Resources