Recently I have been trying to achieve a navigation for my website that can view files and folders and go up one directory etc...
I have realised that if I make a folder on my website FTP server and then within that folder I put a whole lot of other folders or files it will list them all in an "Index of/ " (as long as there is no "index.html" or similar named file)
Please use this as an example:
http://ysk.co.za/test/
So now I would like to change the CSS of that page that indexes the files and folders, and possibly edit it in other ways.
Is it possible to do so? If not is there an alternative to achieve similar results.
Answers would be much appreciated, thanks in advance
What you're seeing there is just a directory listing on the web server. Since you haven't written a page (using some sort of server-side technology like PHP, JSP, etc.) that actually lists the directory structure, you aren't going to be able to extend the functionality of the page or change the appearance using only CSS.
Related
I'm building a website hosted on Github Pages that has a gallery that sources a lot of images from a folder. I keep running into two problems:
1) I upload a picture and Github automatically rotates it?
2) HTML wont find the image if I reference it as say "example.jpg" when it is saved as "example.JPG". Less of a question, just looking for insight into why theres a distinction when capitalized.
Your best bet is to probably just manually edit (rotate/align) the photos in your computers builtin photo software.
As for the image extension, if you're running into problems with file extension capitalization then just go with what works. Change all extensions to either one uppercase or lower case would make the most sense to me.
Linux's file system is case sensitive; but in general, a best practice I follow is to point to what the URL is vs. what I want/like it to be.
Reference to another similar answer here
Here are the instructions to edit/add images to GitHub Pages
I have been generating HTML documentation for my C++ code using Doxygen. Where I work, we have a MediaWiki page where we write documentation for a lot of our applications. Since this documentation is auto-generated and is already in a nice clean HTML format, it doesn't make sense to rewrite it to put it on the wiki. All I really need is to be able to put a link on the wiki to the auto-generated HTML.
I have been having a lot of trouble figuring out how to simply put a link to an HTML file in the wiki. It seems like it should be such a simple thing to do, but after doing some digging it really is not very straightforward. I don't even know where to put the file for it to be visible to the wiki server... I'm completely lost.
Does anyone know how to do this?
It turns out UNC links will work to access HTML files from the Wiki. The files just need to be stored in a location that the Wiki server can see such as a shared drive.
On a side note, in our Wiki, the links only work on internet explorer for some reason. I figured I would at least mention this in case someone else is trying to get this to work on a different browser and running into issues.
I have been tinkering with joomla recently.I was able to change css style using chrome dev tool, which helped me locate the css code that is responsible for the style I inspect. Now I want the same for html codes. The template that I'm using has an offcanvas menu, and when I inspect it, I can see the codes that form the menu, and I want to modify them, as I did with many css codes, however there is no locate or open containing file for html elements. Is there a way to do this? Since I did not write this template, I don't know which is which and where. Many thanks.
You could use Joomla layout overrides to achieve what you describe, check out this link for full details:
https://docs.joomla.org/Understanding_Output_Overrides#Module_Layout_Overrides
The idea is that you move a copy of the module file you want to modify to
/templates/your_template/html/ and Joomla will override the original output with the output from your custom file. You can do the same with components and plugins, it's really powerful.
Another reason that overrides are the way to go is that there's no risk that you'll loose your changes when you update the extension you are customising.
If you Google Joomla overrides you'll find other resources and once you get started you'll find it's surprisingly easy :)
Good luck!
I don't recommend editing css or html in Joomla via the dev tools, because of the problem you're having - sometimes it's hard to know what(and where) exactly you're changing something.
If you have access to the file for the template it should have a pretty straightforward file structure, i.e. all the html is in a html folder, the css in a css folder etc. Learn more here.
I recommend locating those files and editing them with a text editor.
To make a file depends on the framework you add one to Joomla template is not used.
But in all cases you index.php is a file that can address the heads of a css your new address
I'm building a website using Wordpress on Localhost. I'm learning the structure of the webpage by editing the HTML and CSS using Google Developer Tools. I want to know which file I'm editing and where on the hard drive it is located.
I have edited the height and width of an element inside the circle marked but when I try to save the file, it asks me for a location to save which I'm unaware of. One the left is the HTML code, how can I locate the file with that HTML code?
how can I locate the file with that HTML code?
You can’t – not really, not from within your browser, because your browser doesn’t see individual “files”, it only sees the complete HTML source code of the one resource it requested, that might have been composed of lots of different files, plus functions that generate HTML code dynamically – so that actual piece of HTML code might not even be written as such within a file.
You might be able to identify different sections of the HTML document though – and with a little knowledge of the template structure and output logic of WordPress, you should be able to find out what the relevant file to look in might most likely be.
Another thing I’d suggest, is that you get yourself an IDE that allows you to search across all files in the whole project folder – and than look for certain class names, IDs etc. on the HTML element in question or near/above it. If you search for those, you might get lucky as well. (Although a lot of times those classes/IDs might be output dynamically as well, so you won’t find them inside of a template file as such.)
Especially with little knowledge of WP template structures, it might take some trial and error to find the piece of code and file you are actually looking for.
The Google Developer Tools is not a code editor, so whilst you can try out different options I'm not aware that you can save it, and if you can, I wouldn't say it's a good idea.
Wordpress uses PHP, a language which HTML code is embedded with PHP code. For example the code <a href='<?php echo(link1);?>'>Home</a> has had the href attribute embedded with a PHP variable. If you want to find the HTML code, look at the PHP files in your Wordpress directory, index.php is the landing page code.
One thing to bear in mind is that not all the HTML code will be included in one PHP file, it is usually included from several files, and much of the content will be in the wp-content directory, keep an eye out for the PHP include or require commands.
Google developer tool is just to check, once you are done with the editing, You have to copy your css code- and paste in your css file.
To get the css file look at the below image.
Hope your question got clarified!!
I ran into a site structure that I found interesting. It went something like the following:
All pages on the site were index.html, however all the pages(index.html) on the site resided in their own folder and even within some folders there were other folders where an index.html file resided. Does this type of site structure make good sense.
http://www.stpaulsschool.org.uk/ follows this type of structure.
Thanks
Not sure, but it looks like the site is rewriting URLS.
So they are changing
something/php?id=1
to
normal_folder/
The site is probably using a content management system to do this.
If you don't need a CMS, then I would stay away from this.
EDIT
As per the comment below...
Some Web site building systems (Wordpress, etc.) will automatically generate URLs when they create new pages. Often, those URLs are ugly and don't work well for link sharing or for Search Engine Optimization. So, you can rewrite the URL paths so that the URLs are prettier, like what you showed above.
If you are not using a system like that and you are not generating your URLs from a database (where that could also happen), then you should stay away from creating a site with one page in each folder. It is difficult to maintain and not great for user navigation.
It just looks like normal URL rewriting to me. I highly doubt those apparent folder structures exist in their web root.
The site isn't using this at all. Its probably using a rewrite system which lets you decide which page to fetch for which url. the directory structure you think its using is very bad and should not be used.