If you want to customize or draw the favicon.ico
Go to this free website to create your own
http://www.favicon.cc/?
1. Draw the Fabicon by clicking the square box to your desired design.
2. Find the text "download the favicon" below and click it. It will automatically go to
your download folder. And upload this favicon.ico file to your website CPanel.
Tuesday, January 20, 2015
How to show favicon image to website?
How to show the favicon image to website?
1.) Create a folder named "Icon" at;
file manager/public_html/templates/your_template.
2.) Navigate the file at your Cpanel:
file manager/public_html/templates/your_template and find index.php
3.) Edit index.php, find the <head>
4.) Insert this code under <head>
<link rel="shortcut icon"
href="http://www.your_full_website.com/templates/your_template/icon/favicon.ico" />
5.) Purge the cache, clear the cache at your Joomla Panel.
6.) Refresh the browser
7.) Try to type the website again.
1.) Create a folder named "Icon" at;
file manager/public_html/templates/your_template.
2.) Navigate the file at your Cpanel:
file manager/public_html/templates/your_template and find index.php
3.) Edit index.php, find the <head>
4.) Insert this code under <head>
<link rel="shortcut icon"
href="http://www.your_full_website.com/templates/your_template/icon/favicon.ico" />
5.) Purge the cache, clear the cache at your Joomla Panel.
6.) Refresh the browser
7.) Try to type the website again.
Monday, January 19, 2015
How To Create Favicon Image to Website?
How to create favicon.ico?
First find an image to use. If the image is larger make it small. Either you can screenshot the
image from your desktop. Be sure to make it small down to 1 square inch before screening shot.
1.) Then go to this website;
http://favicon-generator.org
2.) Click "Choose File", and upload the file.
3.) Click "Create Favicon"
4.) Click the "Download the generated favicon"
5.) Then put the image file you created to your Website's CPanel where you put your index.html. Just put the favicon file in there. Do not forget to name the file favicon.ico
That's All!
First find an image to use. If the image is larger make it small. Either you can screenshot the
image from your desktop. Be sure to make it small down to 1 square inch before screening shot.
1.) Then go to this website;
http://favicon-generator.org
2.) Click "Choose File", and upload the file.
3.) Click "Create Favicon"
4.) Click the "Download the generated favicon"
5.) Then put the image file you created to your Website's CPanel where you put your index.html. Just put the favicon file in there. Do not forget to name the file favicon.ico
That's All!
Wednesday, January 14, 2015
How to change the Joomla Banner?
1.) To change the banner is to go to the template and edit it;
/home/your website folder /public_html/templates/beez3/css/personal.css
Open the personal.css file
Then edit this code;
.logoheader {
background: url(../images/personal/joomla_black.png) no-repeat right
bottom #0C1A3E;
color: #FFFFFF;
min-height: 239px;
Change the "blue" texts to whatever name you like.
2.) The first item will not work if you do not upload the image file to this folder. This folder is located at your hosting server Cpanel or at your FTP;
public_html/templates/beez3/images/personal
The file you uploaded( item_2) should have the name the same at the code you inputted above(item_1).
If you can't see the changes try to "REFRESH OR RELOAD" your browser!
/home/your website folder /public_html/templates/beez3/css/personal.css
Open the personal.css file
Then edit this code;
.logoheader {
background: url(../images/personal/joomla_black.png) no-repeat right
bottom #0C1A3E;
color: #FFFFFF;
min-height: 239px;
Change the "blue" texts to whatever name you like.
2.) The first item will not work if you do not upload the image file to this folder. This folder is located at your hosting server Cpanel or at your FTP;
public_html/templates/beez3/images/personal
The file you uploaded( item_2) should have the name the same at the code you inputted above(item_1).
If you can't see the changes try to "REFRESH OR RELOAD" your browser!
How to adjust the Joomla Article page width to wider or narrower?
Go to /home/your website folder /public_html/templates/beez3/css/position.css
At position.css, edit this code.
----------------------------------------------
#wrapper2 .item-page {
max-width: 860px
----------------------------------------------
Change the value at max-width: to your desired Article width.
Is it easy right?
At position.css, edit this code.
----------------------------------------------
#wrapper2 .item-page {
max-width: 860px
----------------------------------------------
Change the value at max-width: to your desired Article width.
Is it easy right?
How to narrow or widen the Joomla Banner or Joomla Heading?
Go to your main file at;
/home/your foldername /public_html/templates/beez3/css/position.css
Open the position.css and edit it. Find these code;
#all {
margin: 0 auto;
max-width: 1050px;
padding: 0;
text-align: left;
font-size: 0.8em
Adjust the max-width to your desired size. Takenote that the ideal size is 1050. If you change it too wide it will cut off the image shown at your laptop, your ipad and your smartphones. If you adjusted it to small it need the visitor of your website to zoom it in to see the contents. Just choose the ideal size something like from 1045 to 1050px.
/home/your foldername /public_html/templates/beez3/css/position.css
Open the position.css and edit it. Find these code;
#all {
margin: 0 auto;
max-width: 1050px;
padding: 0;
text-align: left;
font-size: 0.8em
Adjust the max-width to your desired size. Takenote that the ideal size is 1050. If you change it too wide it will cut off the image shown at your laptop, your ipad and your smartphones. If you adjusted it to small it need the visitor of your website to zoom it in to see the contents. Just choose the ideal size something like from 1045 to 1050px.
How to hide the Joomla Fonts (small, bigger) at header?
To hide it is to disable the code. First go to the folder;
/home/your website folder /public_html/templates/beez3/index.php
Open index.php and find this code;
<div id="fontsize"></div>
and change it to;
/* <div id="fontsize"></div> */
Done? :)
If you see the space after you hide it. You can move it up by doing steps below;
Inorder for you to conceal the space, is to move up the whole page above. Like adding the code at your layout.css. If you do not know where is the layout .css located, go to;
/home/your website folder /public_html/templates/beez3/index.php
Open index.php and find this code;
<div id="fontsize"></div>
and change it to;
/* <div id="fontsize"></div> */
Done? :)
If you see the space after you hide it. You can move it up by doing steps below;
Inorder for you to conceal the space, is to move up the whole page above. Like adding the code at your layout.css. If you do not know where is the layout .css located, go to;
/home/your website folder/public_html/templates/beez3/css/layout.css
Open the layout.css, the add this code at the very top of the page;
#header {margin-top: -48px;}
Increase or decrease the numbers depends on how it look like and how it hides the
Font (Small, Big).
If you succeeded, Good Job!
If you succeeded, Good Job!
Subscribe to:
Comments (Atom)