Recherche personne pour faire le css
Utilisateur anonyme
-
jjsteing Messages postés 1613 Date d'inscription Statut Contributeur Dernière intervention -
jjsteing Messages postés 1613 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, je recherche une personne qui puisse me faire le css pour un site svp. Envoyez moi un mp si vous êtes intéressé. Merci d'avance.
Configuration: Windows XP Firefox 3.0.11
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
- Moteur de recherche 1fichier ✓ - Forum Réseaux sociaux
- Le fichier pdf à télécharger est disponible avec le même nom sur le site de bell canada. mais vous ne le trouverez pas directement avec un moteur de recherche… quelle est l’url de ce fichier pdf sur le site web de bell canada ? - Forum Réseaux sociaux
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
?>
