Bouton changement d'image

Ça se complique car c'est aussi quelque chose à prendre en compte; avant d'afficher la bonne image ou d'effectuer la bonne action, il faut savoir si le serveur dont on veut alterner l'état fonctionne ou non. Mettre les 2 boutons "Démarrer" et "Arrêter" n'est pas dur ni une idée idiote, ceci dit appuyer sur ces boutons, et sans faire de vérification d'état du serveur avant et après la vraie demande au scripts (ici

/etc/init.d/css

), ne garantis pas que le serveur tourne ou non au final -- ce qui est bête.
L'exemple simple serait que tu modifies la config d'un serveur et qu'il refuse de démarrer à cause d'une erreur de syntaxe. Si le PHP affiche que le serveur est en marche, on est à coté de la réalité.

Mis à part ça, il est possible d'alterner l'image affichée sur ta page avec un petit peu de JavaScript; mais dans ce cas il faut envoyer une requête d'allumage/extinction de serveur et attendre la réponse, ce qui nous ramène non seulement au problème ci-dessus, ainsi qu'à l'écriture d'une page PHP répondant à une requête JS.

Quite à faire simple (au début), je garderai ce comportement synchrone: un lien/bouton "simple" rechargeant la page avec un paramètre demandant le démarrage/arrêt d'un serveur, le script PHP attend que ça soit fini et affiche la bonne image.

Oui c'est ce que j'ai fais:
<?php
$output = shell_exec('/etc/init.d/css start');
echo "<pre>$output</pre>";
?>
Mais rajouter quel js pour lui dire que l'image devienne on ou off ou maintenance ?

Je test avec ca la:

<button onclick="document.getElementById('myImage').src='serveur_on.png'">Serveur ON</button>

<img id="myImage" src="" style="width: auto">

<button onclick="document.getElementById('myImage').src='serveur_off.png'">Serveur OFF</button>

<button onclick="document.getElementById('myImage').src='serveur_maintenance.png'">Serveur en Maintenance</button>

Dans l'état actuel, tes boutons ne font que changer l'image sur la page ouverte, le serveur ne reçoit aucune requête start/stop de serveur. Il faut que tu contactes une page pour que ça se fasse, soit via un lien, soit via JS et XMLHttpRequest/AJAX.
Tu peux faire ceci; coté PHP (par exemple):

<?php
header('Content-Type: application/json');
$action = $_GET['action'];
switch ($action) {
  case 'start':
    $output = shell_exec('/etc/init.d/css start'); 
    echo json_encode(['status' => 'on', 'output' => $output]);
    break;
  case 'stop':
    $output = shell_exec('/etc/init.d/css stop'); 
    echo json_encode(['status' => 'off', 'output' => $output]);
    break;
  default:
    echo json_encode(['error' => '...']);
    break;
}
?>

et coté JS/HTML:

function gerer_reponse() {
  var json = JSON.parse(this.responseText);
  if (json.status === 'on') {
    document.getElementById('myImage').src = 'serveur_on.png';
  } else if (json.status === 'off') {
    document.getElementById('myImage').src = 'serveur_off.png';
  } else {
    document.getElementById('myImage').src = 'serveur_erreur.png';
  }
}

function faire_action(action) {
  var req = new XMLHttpRequest();
  req.addEventListener('load', reqListener);
  req.open('GET', 'controle_serveur_css.php?action=' + action);
  req.send();
  document.getElementById('myImage').src = 'serveur_inconnu.png';
}

<img id="myImage" src="" style="width: auto">
<button onclick="faire_action('start')">Serveur ON</button>
<button onclick="faire_action('stop')">Serveur OFF</button>

Pas testé, à toi d'adapter. Encore, il manque la chose cruciale qu'est la vérification de l'état. La "maintenance" n'est pas implémentée, tu peux stocker (et donc lire) cette info dans un fichier, par exemple.