Changing the a HTML file Icon - google-chrome

enter image description here
I wrote a program with HTML and Javascript and I want to change the index file Icon from my default browser as shown in the image attached to a custom jpeg, I was wondering if that is possible?

Windows shows your default file opener as the icon (in this case, Chrome is the default file opener for .html files). Since this isn't a packaged application (e.g. .exe), you can't specify an icon for it.
You could create a shortcut for it and change the icon by right clicking on it, selecting properties and 'change icon', but that would only reflect the new icon on the shortcut, not the original file.

Related

How to change wordpress theme menu search .svg icon to custom png

I have an issue with a wordpress theme top menu search icon, I want to change it to a custom .png file saying "book now", and change it's function from an search form that is currently opening, to a simple url to open the store page in the website.
The theme is the following https://themes.waituk.com/entrada-default/
I've managed to figure the search icon is an svg file while fiddling with chrome's network tools and the theme styles.css file, but found the search icon being mentioned several times throughout the file and wasn't sure which one references it, or if I need to change something in another file in the theme structure.
Any help would be appreciated.
From what I could see from the link you shared, there are basically 2 things that need to be understood here:
1- The Icon.
I couldn't find any reference to a svg file, may be the downloadable theme is different from the demo page you have shared. In this case, the search icon is being generated by a plugin called "icomoon" (https://icomoon.io/), so I suggest to change the span class "icon icon-search" to a new class with a custom css for your new png icon.
2- The search function
The search function is also being called by what appears to be a plugin, in a function at jquery.main.js:
// apply search plugin
$body.search({
hideOnClickOutside: false,
menuActiveClass: 'search-active',
menuOpener: '.search-opener',
menuDrop: '.form-group'
});
Here you will need to change the a class "search-opener" to something else or comment out this function before modifying the link as you want. I hope this helps.

How to add the images folder in ckeditor in html file

how to add the 'images' folder that appears by default in CK Editor when you try and upload an image. I want the images with main-folder and sub-folder to appear in the folder tree. Im using normal Ckeditor in html file.
CKEDITOR.replace('editor1', {
fullPage: true,
extraPlugins: 'mention,imageuploader',
allowedContent: true,
autoGrow_onStartup: true,
filebrowserImageBrowseUrl: 'ckeditor/plugins/imageuploader/imgbrowser.php?type=Images',
filebrowserImageUploadUrl: 'ckeditor/plugins/imageuploader/imgupload.php?type=Images'
});
I have added the image uploader plugins in the plugin folder and add the above code in my html file. then i clicked on imgae icon and popup will be opened. There im able to see the "browse" button. Once i clicked the browse button, im able to see the images where i have saved in the folder.
But im facing issue that if i click upload button, images are not attaching. page got stucked after clicked upload button.
http://localhost/admin_29/ckeditor/plugins/imageuploader/imgupload.php
Actually im looking that, once we clicked on the browse-server button.popup should open. In that popup,
List item
left side,folder should be there. If i click any image on the folder
List item
Right side, Image should display
List item
If i click upload button in the popup, new image should upload and image should save in the folder itself
Any help appreciated.
Thanks in advance
In my past experience if using localhost and especially chrome, you will get errors. Check out your dev console and most likely see some kind of error like:
Not allowed to load local resource: file:///F:/.../images/logo.png
Since you can browse the image folder might just be localhost issue. Why not try in on web server and see if works ok?

How to show the full file path in PHPStorm?

I'm new to PhpStorm and wondered if it's possible to show the full file path for an open file without hovering the mouse over the file tab?
I can only find this; http://www.jetbrains.com/phpstorm/webhelp/navigating-to-file-path.html
In Eclipse based IDEs the current open file path appears in the title bar.
The top bar should show you where your file is located:
Solution
There is now an option to do this in the editor settings labeled "Always show full path in window header"
Settings/Preferences | Appearance and Behavior | Appearance | UI Options
Documentation
Always show full path in window header
Show the full path to the project and to the current file in the main
window header. When disabled, the header will show only the name of
the project and file.
Reference: https://www.jetbrains.com/help/idea/settings-appearance.html#ui
Note: Another useful setting for those looking for visibility of file paths is "Show full path on mouse hover". This is found under ( Settings/Preferences | Editor | General | Editor Tabs )
Unfortunatly the only option you have is for it to show the path for non-unique filenames.
View > Appearance > check 'Navigation Bar'
You can also see the path and navigate the files using the Project tab (ALT + 1).
At least from the current version of any JetBrains product:
For MacOS you can do shift+option+cmd+C - this will copy full path+line.
A plugin called Tabdir seems to do this reasonably well. From the plugin page:
... this plugin will allow you to have directory names added to tab labels. It only shows path differences so if you have "blog/controllers/index" and "news/controllers/index" it will add either [blog] or [news].
The plugin doesn't appear to have been updated since 2012, but is working on my Webstorm 2021.1.2 (screenshot below). When you have a large number of tabs open, an albeit unique index tab isn't particularly helpful...

open pdf in internet-explorer-8

I have a file Life.pdf in the directory
\10.230.193.131\dev\Reports
From my window explorer I am able to browse the folder and I can open the file\10.230.193.131\dev\Reports\Life.pdf , manually.
Now in my html page I am having a link to open the file
"open
file"
When I point mouse on the link in the left bottom corner of the browser it is also written like
file://10.230.193.131/dev/Reports/Life.pdf
But on clicking on the link , the pdf file is not opening.
No warning is also displayed.
But when my click on the link from my friend's system, he is able to open the file.
What can I do to make it openable form my system ?
Note we both are in same network and both can access the file
\10.230.193.131\dev\Reports\Life.pdf using file browser/window explorer.
I just need to make it openable from ie 8 and above.
Please try: <a href="http://10.230.193.131/dev/reports/Life.xls" target="_blank">open file<a>
Thanks.

Opening a pdf file

I have a link with my help file in pdf. To open the
pdf file i use the
help
The pdf file is opened to a new window, however the path
is shown in the title bar.
Do you guys know how to change the title bar? In
window.open the title bar can be changed.
I tried to use window.open for the onClick() but because
my Help is a label and not a button, I have to use the
link anchor and it still shows the path in the title bar.
Do you have any idea for a workaround?
Im thinking of putting the pdf in a dialog, do you have suggestions on how to go about it?
Thanks a lot.
Whatever displays the PDF, such as the Acrobat Reader plugin, will set the browser's title-bar, and you can only change it from the PDF, using a PDF editor like Adobe Creator.
One trick could be to open a new window, and inside it, open the PDF in an iframe...