i put file in assets image directory. The file path is correct for sure. favicon is generated by favicon software. the file should also be right. My gitbook server also say install plugin favicon success. after i visit website, i realize my favicon is not changed as favicon.ico". It is still old gitbook favicon. I clear the cache and i even use different brower. there is nothing changed..
Everything looks correct but just not working.
{
"plugins": ["favicon"]
}
"pluginsConfig": {
"favicon":{
"shortcut": "assets/images/favicon.ico",
"bookmark": "assets/images/favicon.ico",
"appleTouch": "assets/images/apple-touch-icon.png",
"appleTouchMore": {
"120x120": "assets/images/apple-touch-icon-120x120.png",
"180x180": "assets/images/apple-touch-icon-180x180.png",
}
}
}
i even use another gitbook favicon plugin
{
"plugins" : ["custom-favicon"],
"pluginsConfig" : {
"favicon": "path/to/favicon.ico"
}
}
Try to write <link rel="shortcut icon" type="image/png" href="images/favicon.ico">
inside your head tag
Related
I installed the codesnippet plugin by copying the files in the plugins folder
I added codesnippet to the extra plugins line in include.php:
$ckeditor->config['extraPlugins'] = 'codesnippet,droplets,pagelink,shybutton,justify,colorbutton';
The plugin icon shows up in the editor, but when I click it the darkened background of the plugins dialogue appears only for a blink, than nothing happens.
As supposed in the ckeditor forum I even added the lines
<link rel="stylesheet" type="text/css" href="/modules/ckeditor/ckeditor/plugins/codesnippet/lib/highlight/styles/googlecode.css" />
<script src="/modules/ckeditor/ckeditor/ckeditor.js"></script>
<script src="/modules/ckeditor/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
to the header of my theme and checked the paths, which are ok, but nothing helps.
Does anynone have an idea what could be missing?
Just found out the folder /dialogs/ in my plugins/codesnippet folder was missing. Now everything works fine.
I'm trying to use GitHub as required of my class to launch a website. Unfortunately, I have to be doing something wrong. My filepaths in the index.html file are as follows:
link href="/css/style.css" rel="stylesheet"
for the style sheet
Now for the image I'm wanting to use I'm using:
img src="/images/TomEdwards.jpg" alt="Tom Edwards"
and I'm getting this instead at this location:
https://ladywebdevelop.github.io/bioSite/index.html
my file tree looks like this:
css (Folder)
images (Folder)
README.md
index.html
What are my possible solutions, please?
I've tried several different ways in the file path names to access both the stylesheet and the images.
I'm expecting the stylesheet to render correctly with a colored background and the image to appear on the right-hand side under the horizontal navigation list.
I was able to load the stylesheet by changing this:
<link rel="stylesheet" href="/css/style.css">
To this:
<link rel="stylesheet" href="css/style.css">
The stylesheet must be referenced correctly relative to the index file.
As for the image, I don't see it in the application's sources. Are you sure that it's committed to the repository, and located in the right place? The current codes has it here, which looks like a typo:
<img src="TomEdwards/TomEdwards.jpg" alt="Tom Edwards">
Alright, so I set up a website using Github a while ago. I use it as a showcase for programming projects I'm working on, but that's beside the point. For a while now I've been trying to add an icon to my website, and for the life of me I can't figure out how. Help please.
If by icon you mean the image you see on the browser tab 32x32 pixels, that is usually in a format called Favicon.
You just need the image of your icon in favicon format (google how to convert an image to favicon and you will find websites that do this for you easily.), add it to your project and then add a tag on your hmtl head:
<head>
/* some style tags */
/* THE FOLLOWING IS YOUR 'ICON' */
<link rel="icon"
type="image/png"
href="./style/images/logo.favicon">
</head>
But this question should definitely not be under git tags. You did not mention why one should keep in mind that you are using github.
How to get an icon from address bar of Opera, I.E. and other browsers?
The question us not specific
if you want to download that icon
then you can try
domainname.com/favicon.ico, if that
doesnot work then view the source
code of the page on the
<html><head> section search for
link rel="shortcut icon".
following is the favicon for
stackoverflow
<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
If you want to put such icon for
your website then put a ico file in
root folder of you document root or
link each page above code in
section with href to
your icon file, preferably (16X16)
or (32X32)
The icon is called favicon.ico.
Put a .ico file in the root web directory.
I am already using the standard way of adding a favicon:
<link rel="icon" type="image/gif" href="/graphics_card/favicon.gif">
<link rel="shortcut icon" href="/graphics_card/favicon.ico">
so the favicon.gif and .ico are both supposed to reside on
/graphics_card
However, I found that IE 8 (or maybe other IE) cannot show it, (update: no matter how many times I pressed CTRL-F5, or clear the browser cache), but as soon as the .ico file is present in that directory where the index.html is, then it will show.
So if it is
http://www.example.com/graphics_card/nvidia/index.html
there needs to be a favicon.ico in
/graphics_card/nvidia/
too. I ended up specifying it as
<link rel="icon" type="image/gif" href="/graphics_card/favicon.gif">
<link rel="shortcut icon" href="favicon.ico">
and just put a favicon.ico in that directory. Is this the standard way?
No, you can put it anywhere if you specify it in the tag. However, for IE, you need to give a fully qualified URL (i.e. not a relative url).
You can put it anywhere else and use the <link> tag to refer to it. e.g.
<link rel='shortcut icon' href='/images/favicon.ico' type='image/x-icon' />
However it is good practice to put it on the domain root e.g. http://example.com/favicon.ico, because modern browsers will actually do a call to that file when loading pages to load the icon first.