153 lines
7.3 KiB
PHP
Executable File
153 lines
7.3 KiB
PHP
Executable File
<?php
|
|
$nomFicAppelant = basename(__FILE__);
|
|
echo '<div class="boiteCss" >';
|
|
echo '<div class="boiteCssTitre">Bordures</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Bouton fermer
|
|
// -----------------------------------------------------
|
|
echo '<span style="float:right; background:white; border-radius: 50%; padding:5px;" alt="fermer la fenêtre" class="fad fa-times-circle btn_close" aria-label="Fermer la fenêtre" onClick="document.getElementById(\'bordureChoix\').style.display=\'none\'; document.getElementById(\'zoneFormWbm\').style.zIndex=14"></span>';
|
|
|
|
echo '<div id="bandeauAideInfo" style="padding:10px;">';
|
|
// Icône d'information
|
|
echo '<span class="info-icon fad fa-info-circle" onMouseOver="openPopup(\'Bordures\');" onMouseLeave="openPopup(\'Bordures\');"></span>';
|
|
// Popup HTML caché par défaut
|
|
echo '
|
|
<div id="popupInfoBordures" class="popup">
|
|
<div class="popup-content">
|
|
<span class="popup-close" onClick="closePopup(\'Bordures\');">×</span>
|
|
<img src="./adminInclude/designAdmin/info.png" alt="Info" class="popup-icon" />
|
|
<p><u>Pour chaque bordure : </u><br>Entrez 1 ou "-" pour hériter des valeurs globales,<br> 0 pour ne pas afficher la bordure, <br>sinon les valeurs personnalisées de votre choix. <br>Exemple 1px solid grey.</p>
|
|
</div>
|
|
</div>
|
|
';
|
|
echo '<span><a href="https://www.w3schools.com/css/css_border.asp" target="blank" style="color:blue; font-style:underline">Aide et exemples en ligne</a></span>';
|
|
|
|
echo '</div>';
|
|
|
|
echo '<div style="display:flex; flex-wrap:wrap; background:snow; padding:20px;" class="flexToColumn" >';
|
|
|
|
// -----------------------------------------------------
|
|
// Bordure du haut
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap;">Bordure du haut : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Bordure du haut';
|
|
echo '<input value="' .$cssBorderTop[$theNumCss]. '"" type="text" style="width:250px;" class="inputWebmaster" id="borderTopCss" name="borderTopCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Bordure de droite
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap;">Bordure de droite : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Bordure de droite';
|
|
echo '<input value="' .$cssBorderRight[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderRightCss" name="borderRightCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Bordure du bas
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap;">Bordure du bas : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Bordure du bas';
|
|
echo '<input value="' .$cssBorderBottom[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderBottomCss" name="borderBottomCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Bordure de gauche
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap;" >Bordure de gauche : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Bordure de gauche';
|
|
echo '<input value="' .$cssBorderLeft[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderLeftCss" name="borderLeftCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
echo '</div>';
|
|
|
|
echo '<div style="display:flex; flex-wrap:wrap; background:lightblue; padding:20px;" class="flexToColumn" >';
|
|
// -----------------------------------------------------
|
|
// Arrondi haut / gauche
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap; background:lightblue;" >Arrondi haut gauche : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Arrondi haut gauche';
|
|
echo '<input value="' .$cssBorderTopLeft[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderTopLeftCss" name="borderTopLeftCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Arrondi haut / droit
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap; background:lightblue;" >Arrondi haut droit : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Arrondi haut droit';
|
|
echo '<input value="' .$cssBorderTopRight[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderTopRightCss" name="borderTopRightCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Arrondi bas / gauche
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap; background:lightblue;" >Arrondi bas gauche : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Arrondi bas gauche';
|
|
echo '<input value="' .$cssBorderBottomLeft[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderBottomLeftCss" name="borderBottomLeftCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Arrondi bas / droit
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<span>';
|
|
echo '<span class="informationsTechLib" style="white-space: nowrap; background:lightblue;" >Arrondi bas droit : </span>  ';
|
|
echo '</span>';
|
|
echo '<span>';
|
|
$theTitle='Arrondi bas droit';
|
|
echo '<input value="' .$cssBorderBottomRight[$theNumCss]. '" type="text" style="width:250px;" class="inputWebmaster" id="borderBottomRightCss" name="borderBottomRightCss" title="' .$theTitle. '" >';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
echo '</div>';
|
|
|
|
echo '<div style="display:flex; flex-wrap:wrap; background:grey; padding:20px;" class="flexToColumn" >';
|
|
// -----------------------------------------------------
|
|
// Bouton valider
|
|
// -----------------------------------------------------
|
|
echo '<div style="width:100%;">';
|
|
echo '<span align="center" colspan="8" >';
|
|
echo '<span class="boutonsWebmaster" onClick="editMonForm(\'submit\',0);" >';
|
|
echo '<i class="fad fa-check-circle"></i> ';
|
|
echo 'Valider';
|
|
echo '</span>';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
echo '</div>';
|
|
|
|
echo '</div>';
|
|
?>
|