Make XAMPP Control Panel Start Automatically on Windows Boot

If you want to start your xampp automatically when your system starts to avoid the start xampp control panel manually for PHP project. then you have an idea about how the other system software gets start in background i.e by your window startup folder application setting. where we have to just put our required software .exe shortcut file in that folder and when you click to switch on the computer it goes and check that which software has to start automatically from the startup folder setting.

Here just take a look to how to setup application shortcut to run on window startup:  

Step 1 

Open xampp control panel  from start menu

 

xampp_control_panel

 

Step 2

In the XAMPP Control Panel, click in the  Config button on top right corner above the Netstat button.
 
click_config_button


Step 3


Wait for a separate window to open. Review the Autostart of the modules section. Check the checkboxes for Apache and MySQL. Click Save and close the XAMPP Control Panel.
 
config_panel
 

After saving the setting if you start xampp control panel manually after the system start you need not click the start button to start the apache and MySQL service by this setting your autostart module service automatically starts on manual xampp control panel start. 

But we are seeking an idea for automatic start of xampp on windows start so follow further steps :

Step 4


Open the Windows Start Menu. Click on All Programs. Locate the Startup folder. Right Click on the Startup folder and click Open. 
But in some cases, its quit difficult to locate startup folder in windows so you go for the manual option to locate startup folder in windows
C:\Users\\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup  

startup_folder


Step 5


After locating the startup folder just drag and drop your software shortcut file in the startup folder or copy shortcut file and paste in the startup folder.
To locate your xampp shortcut file you have to make shortcut file by right click on xampp-control.exe 

open xampp folder by locating this path C:\xampp then right click and make shortcut file of application file
 
 shortcut making

after creating shortcut file you will get this type of file
 shirtcut_created

And at the end copy this file or drag file to drop in your startup folder and for checking its working or not shut down your pc and after a while switch on the pc check on bottom right corner your xampp start automatically.
 
paste_shortcut 
 
After all set, you can directly run your PHP project on the browser after pc starts.

For more details or queries you can ask in the comments  Thank You.
  
 
 

 

Posted on 2 comments:
Labels: , , , ,

Create social media icon using HTML & CSS

For creating social media icon we need to write html code with implementation of font-awesome library on html page:

 Html Code:

<html>
<head>
<title>Social Media Icon Example</title>
<!-- Adding font awesome icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
<a href="#" class="fa fa-linkedin"></a>
<a href="#" class="fa fa-youtube"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-whatsapp"></a>
<a href="#" class="fa fa-pinterest"></a>
<a href="#" class="fa fa-snapchat-ghost"></a>
<a href="#" class="fa fa-skype"></a>
<a href="#" class="fa fa-github"></a>
<a href="#" class="fa fa-dribbble"></a>
<a href="#" class="fa fa-vimeo"></a>
<a href="#" class="fa fa-foursquare"></a>
<a href="#" class="fa fa-stumbleupon"></a>
<a href="#" class="fa fa-flickr"></a>
<a href="#" class="fa fa-yahoo"></a>
<a href="#" class="fa fa-reddit"></a>
<a href="#" class="fa fa-rss"></a>
</body>
</html>

 As we included almost all social icons code in above HTML code but it will create a sober output like below :
simple_social_icon

For styling, we need to add style tag and write own custom CSS for that. and for styling the social media icon matching with their original logo color. 

Css code

<style>
.fa {  
  width: 25px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  color: white;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
}

.fa-twitter {
  background: #55ACEE;
}

.fa-google {
  background: #dd4b39;
}

.fa-linkedin {
  background: #007bb5;
}

.fa-youtube {
  background: #bb0000;
}

.fa-instagram {
  background: #8a3ab9;
}

.fa-whatsapp {
  background: #4FCE5D;
}

.fa-pinterest {
  background: #cb2027;
}

.fa-snapchat-ghost {
  background: #fffc00;  
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
}

.fa-github {
  background: #000000;
}

.fa-dribbble {
  background: #ea4c89;
}

.fa-vimeo {
  background: #45bbff;
}

.fa-foursquare {
  background: #45bbff;
}

.fa-stumbleupon {
  background: #eb4924;
}

.fa-flickr {
  background: #f40083;
}

.fa-yahoo {
  background: #430297;
}

.fa-reddit {
  background: #ff5700;
}

.fa-rss {
  background: #ff6600;
}
</style>

You have to use the above CSS code into the head tag of the HTML just below to the font awesome library link. after adding output will look like below when you run the code in the browser.

square_social_icon
And if you want this icon looks in round type then you just have added one line in the style code

i.e.
<style>
.fa {  
  .....
  .....
  border-radius: 50%;
}

....
....
</style>

Then the output will look like below 
round_social_icon
Or you can modify the stylings of the icons by changing into the CSS of the above-given code
i.e. suppose we want these icons to look sober and follow one color code for all.

So here the style tag code :

<style>
.fa {  
  width: 25px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  color: black;
  border: 2px solid black;
  border-radius: 50%; 
}
</style>

And the output of this is below :

round_black_&_ white_social_icon 

I hope that you all understand this concept properly. if not then feel to ask in the comment box I will definitely reply on the same.

Thank You !!!
Posted on No comments:
Labels: , , , , , , , , , ,
Subscribe to: Posts (Atom)