A voir également:
- Recherche personne pour faire le css
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Comment faire une recherche à partir d'une photo - Guide
- Rechercher ou entrer l'adresse mm - recherche google - Guide
- Je recherche une chanson - Guide
- Déposer une annonce de recherche sur le bon coin - Forum Consommation & Internet
1 réponse
Bonjour, nous ne sommes pas la pour faire ton boulot, maios pour te guider et t aider lorsque tu rencontre un probleme...
voici un example de css :
index.php :
Dans le <head>
<link rel='stylesheet' type='text/css' href='style-css.php'>
style-css.php:
<?php
header('Content-type: text/css');
$MenuLargeur='96';
$DebordHaut='00';
$ScreenW=$_COOKIE["InnerWidth"];
$ScreenH=$_COOKIE["InnerHeight"] - $DebordHaut;
$Style="Images/Bordures/".$_COOKIE['Style']."/";
$LageurMenuDeroulant=150;
$NbSousMenu=5;
echo "blue"
?>
html, body{
border: 0px;
margin: 0px;
height: <?php echo $ScreenH -16 ?>px;
width: 100%;
}
img#bg {
position: fixed;
top:<?php echo $DebordHaut + $MenuLargeur ?>px;
left:<?php echo $LageurMenuDeroulant ?>px;
width:<?php echo $ScreenW - $LageurMenuDeroulant ?>px;
height:<?php echo $ScreenH - $MenuLargeur?>px;
-moz-opacity:.50;
opacity:.50;
}
.entete{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: <?php echo $DebordHaut?>px;
left: <?php echo $LageurMenuDeroulant ?>px;
margin-left: 0px;
width: <?php echo $ScreenW - $LageurMenuDeroulant ?>px;
height: <?php echo $MenuLargeur ?>px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.CorpPage {
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
left: <?php echo $LageurMenuDeroulant?>px;
top: <?php echo $MenuLargeur + $DebordHaut +10 ?>px;
height: <?php echo $ScreenH -($MenuLargeur) - 10 ?>px;
width: <?php echo $ScreenW -$LageurMenuDeroulant ?>px;
overflow: auto;
}
.Menu_Connection{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: 0px;
left: <?php echo $ScreenW - $LageurMenuDeroulant - 350 ?>px;
margin-left: 0px;
width: 350px;
height: 30px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.MenuTailleMini{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: 40px;
left: <?php echo $ScreenW - $LageurMenuDeroulant - 350 ?>px;
margin-left: 0px;
width: 350px;
height: 30px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.Menu_ListeRep{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: <?php echo $DebordHaut + $MenuLargeur?>px;
left: 0px;
margin-left: 0px;
width: 1px;
height: 1px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
/*body {behavior: url(csshover.htc);}*/
a {
text-decoration: none;
color:black;
}
div#menu {
width: <?php echo $LageurMenuDeroulant?>px;
}
div#menu ul {
padding: 0;
width: <?php echo $LageurMenuDeroulant?>px;
border:1px solid;
margin:0px;
}
/*On positionne les elements du menu */
div#menu ul li {
position:relative;
font-size:14;
font-weight: bold;
list-style: none; /*on enleve les icones de liste */
border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
div#menu ul ul {
position: absolute;
top: 0;
left: <?php echo $LageurMenuDeroulant?>px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
}
div#menu li a {
text-decoration: none; /* plus de soulignement pour les liens */
color:orange;
}
/*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
background: blue;
}
/* fichier pour internet explorer */
/*body {
behavior: url(csshover.htc);
}
*/
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
position: absolute;
top: 0;
left: <?php echo $LageurMenuDeroulant?>px;
display:none;
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
<?php
$Liste_Sous_Menu='';
for ($a=1;$a < $NbSousMenu;$a++){
$Liste_Sous_Menu.="div#menu ul.niveau".$a." li.sousmenu:hover ul.niveau".($a + 1).",";
}
$Liste_Sous_Menu=substr($Liste_Sous_Menu,0,-1);
$Liste_Sous_Menu.='{display:block;}';
echo $Liste_Sous_Menu;
?>
.MenuG{
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
top: <?php echo $DebordHaut ?>px;
left: 0px;
height: <?php echo $ScreenH ?>px;
width: <?php echo $LageurMenuDeroulant ?>px;
overflow: auto;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.BordureHaut{
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
top: <?php echo $MenuLargeur + $DebordHaut ?>px;
left: <?php echo $LageurMenuDeroulant + 1 ?>px;
width: <?php echo $ScreenW - $LageurMenuDeroulant -1 ?>px;
height: <?php echo 10 ?>px;
background-image:url(<?php echo $Style ?>border-top.png);
background-repeat:repeat-x;
}
.BordureGauche{
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
top: <?php echo $MenuLargeur + $DebordHaut ?>px;
left: <?php echo $LageurMenuDeroulant ?>px;
width: <?php echo 20 ?>px;
height: <?php echo $ScreenH -($MenuLargeur) ?>px;
background-image:url(<?php echo $Style ?>border-left.png);
background-repeat:repeat-y;
}
<?php
?>
voici un example de css :
index.php :
Dans le <head>
<link rel='stylesheet' type='text/css' href='style-css.php'>
style-css.php:
<?php
header('Content-type: text/css');
$MenuLargeur='96';
$DebordHaut='00';
$ScreenW=$_COOKIE["InnerWidth"];
$ScreenH=$_COOKIE["InnerHeight"] - $DebordHaut;
$Style="Images/Bordures/".$_COOKIE['Style']."/";
$LageurMenuDeroulant=150;
$NbSousMenu=5;
echo "blue"
?>
html, body{
border: 0px;
margin: 0px;
height: <?php echo $ScreenH -16 ?>px;
width: 100%;
}
img#bg {
position: fixed;
top:<?php echo $DebordHaut + $MenuLargeur ?>px;
left:<?php echo $LageurMenuDeroulant ?>px;
width:<?php echo $ScreenW - $LageurMenuDeroulant ?>px;
height:<?php echo $ScreenH - $MenuLargeur?>px;
-moz-opacity:.50;
opacity:.50;
}
.entete{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: <?php echo $DebordHaut?>px;
left: <?php echo $LageurMenuDeroulant ?>px;
margin-left: 0px;
width: <?php echo $ScreenW - $LageurMenuDeroulant ?>px;
height: <?php echo $MenuLargeur ?>px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.CorpPage {
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
left: <?php echo $LageurMenuDeroulant?>px;
top: <?php echo $MenuLargeur + $DebordHaut +10 ?>px;
height: <?php echo $ScreenH -($MenuLargeur) - 10 ?>px;
width: <?php echo $ScreenW -$LageurMenuDeroulant ?>px;
overflow: auto;
}
.Menu_Connection{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: 0px;
left: <?php echo $ScreenW - $LageurMenuDeroulant - 350 ?>px;
margin-left: 0px;
width: 350px;
height: 30px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.MenuTailleMini{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: 40px;
left: <?php echo $ScreenW - $LageurMenuDeroulant - 350 ?>px;
margin-left: 0px;
width: 350px;
height: 30px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.Menu_ListeRep{
position: Absolute;
margin: 0px;
border: 0px;
padding:0px;
top: <?php echo $DebordHaut + $MenuLargeur?>px;
left: 0px;
margin-left: 0px;
width: 1px;
height: 1px;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
/*body {behavior: url(csshover.htc);}*/
a {
text-decoration: none;
color:black;
}
div#menu {
width: <?php echo $LageurMenuDeroulant?>px;
}
div#menu ul {
padding: 0;
width: <?php echo $LageurMenuDeroulant?>px;
border:1px solid;
margin:0px;
}
/*On positionne les elements du menu */
div#menu ul li {
position:relative;
font-size:14;
font-weight: bold;
list-style: none; /*on enleve les icones de liste */
border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
div#menu ul ul {
position: absolute;
top: 0;
left: <?php echo $LageurMenuDeroulant?>px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
}
div#menu li a {
text-decoration: none; /* plus de soulignement pour les liens */
color:orange;
}
/*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
background: blue;
}
/* fichier pour internet explorer */
/*body {
behavior: url(csshover.htc);
}
*/
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
position: absolute;
top: 0;
left: <?php echo $LageurMenuDeroulant?>px;
display:none;
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
<?php
$Liste_Sous_Menu='';
for ($a=1;$a < $NbSousMenu;$a++){
$Liste_Sous_Menu.="div#menu ul.niveau".$a." li.sousmenu:hover ul.niveau".($a + 1).",";
}
$Liste_Sous_Menu=substr($Liste_Sous_Menu,0,-1);
$Liste_Sous_Menu.='{display:block;}';
echo $Liste_Sous_Menu;
?>
.MenuG{
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
top: <?php echo $DebordHaut ?>px;
left: 0px;
height: <?php echo $ScreenH ?>px;
width: <?php echo $LageurMenuDeroulant ?>px;
overflow: auto;
background-image:url(<?php echo $Style ?>bgrnd.png);
background-repeat:repeat;
}
.BordureHaut{
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
top: <?php echo $MenuLargeur + $DebordHaut ?>px;
left: <?php echo $LageurMenuDeroulant + 1 ?>px;
width: <?php echo $ScreenW - $LageurMenuDeroulant -1 ?>px;
height: <?php echo 10 ?>px;
background-image:url(<?php echo $Style ?>border-top.png);
background-repeat:repeat-x;
}
.BordureGauche{
position: Absolute;
border: 0px;
margin: 0px;
padding: 0px;
top: <?php echo $MenuLargeur + $DebordHaut ?>px;
left: <?php echo $LageurMenuDeroulant ?>px;
width: <?php echo 20 ?>px;
height: <?php echo $ScreenH -($MenuLargeur) ?>px;
background-image:url(<?php echo $Style ?>border-left.png);
background-repeat:repeat-y;
}
<?php
?>