PHPBoost

Support

Téléchargements

Développement

Communauté

Annonces
Question aléatoire

Qu'est-ce que PHPBoost ?
Livre d'or

Par Jonathan

PHPBoost ? kézako ?
Je répondrais simplement par: un tres bon CMS, alimenté par une équipe à l'écoute et prête à aider. Une documentation fournie com [Suite...]

Livre d'or

Mini sondage
Disposez-vous de PHP 5 chez votre hébergeur ?








Résultats

 
design.css
 
Table des matières



Bon aller hop hop on continue sur ce fichier qui est pas très long ( je pense même qu'il faudrait commencer par celui là après c'est à vous de vous organiser )

Code CSS :
/* --------------------------------------
		design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/
 
/* Corps du site 
--------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
}
body{
	background-color:#FF0000; 
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#2E3B5F;
	margin:0;
	padding:0;
}


Ce qui est en rouge représente le Body

color:#2E3B5F; représente la couleur du texte du site en général .

Caché:



Code CSS :
/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button
{
	display:block;
	float:left;
	color:#000000;
	height:26px;
	text-decoration:none;
	background:#EFEFEF;		
	text-align:center;
	padding:0px 20px;
	padding-top:10px;
	border-left:2px solid #333333;
}
a:hover.button
{
	background:#8F8F8F;
	color:#FFFFFF;
	text-decoration:none;
}


Vous pouvez modifier si vous voulez la mettre à droite ou à gauche

Caché:



Code CSS :
/* Conteneurs 
--------------------------------------*/
div#header 
{
	background: #FF0000 url("images/header.gif") repeat-x;
}
div#sub_header{
	height:40px;	
	background:url("images/sub_header.gif") repeat-x;
	margin-top:-2px;
}
div#sub_header_left{
	height:40px;
	width:10.75em;
	background:url("images/sub_header_l.jpg") no-repeat;
	float:left;
}
div#sub_header_right{
	height:38px;
	float:right;
	padding-top:2px;
}
div#compteur{
	position:absolute;
	top:20px;
	right:0px;
	color:#4C6749;
}


A vous de modifier les images sub_header_l.jpg , sub_header.gif et header.gif

Caché:


Code CSS :
div#left_menu{
	float:left;
	width:156px;
	margin:0;
	margin-right:0px !important;
	margin-right:-3px;
	margin-left:5px;
	padding-top:10px;	
}
div#main{
	min-width:450px;
	overflow:hidden !important;
	height:auto !important;
	overflow:visible;
	height:1%;
	padding-bottom:30px;
}
div#right_menu{
	float:right;
	width:156px;
	margin-left:0px !important;
	margin-left:-3px;
	margin-right:5px;	
	padding-top:10px;
}
div#links{
	width:96%;
	margin:auto;
	background:#EFEFEF;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:4px;
	border:1px solid #FFFFFF;
	font-weight:bold;
}


Rien de bien sorcier à comprendre ... voir l'image

Caché:



Code CSS :
div#footer{
	background-color:#666666;
	text-align:center;
	border:solid 1px #FFFFFF;
	padding:0.75em;
	clear:both;
}
div#footer span{
	font-size:11px;
	background:#CCCCCC;
}


Caché:


Voila fini pour ce fichier , alors c'était dur ? :hehe



 
Cette page a été vue 4092 fois
Annonces