Troisième partie

Design basique

Ca y est, vous être proche de la fin. Il ne vous reste plus qu'à appliquer le design à votre structure. Etant donné que je n'ai pas de design sous la main et pas tellement l'envie de faire une trop grosse horreur, je suis resté soft et est fait un design très basique. Nous avons donc dans le CSS le contenu suivant :

Monter le CSS - Cacher le CSS

/* Global */
* {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
	float: left;
	margin-right: 3px;
}
body {
	background: #A9C1C9;
	font: normal 0.9em "Lucida Sans Unicode", sans-serif;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.1em;
	font-style: italic;
}
pre {
	margin: 10px;
	padding: 5px;
	background-color: #EEE;
	border: 1px solid #22353B;
	width: 95%;
}
a {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Header */
#header {
	margin-top: 8px;
	padding: 5px;
	width: 100%;
	background-color: #687F87;
	border-top: 3px solid #22353B;
	border-bottom: 6px solid #22353B;
}
#header h1 {
	font-size: 1.5em;
}

/* Conteneur */
#container {
	width: 100%;
	padding: 5px;
}
#leftcol {
	width: 75%;
	float: left;
}
#rightcol {
	width: 24%;
	float: left;
}
#container p {
	margin-bottom: 10px;
}

#rightcol h1 {
	background-color: #687F87;
	border: 2px solid #22353B;
	text-align: center;
}
#rightcol ul {
	padding: 10px;
	list-style: none;
	margin-bottom: 10px;
	border-left: 3px solid #22353B;
	border-right: 3px solid #22353B;
	border-bottom: 3px solid #22353B;
}

/* Cette div me sert simplement à faire un espace de 20px entre deux grosses parties */
#container div.spacer {
	height: 20px;
}

/* Footer */
#footer {
	background: #687F87;
	border-top: 6px solid #22353B;
	border-bottom: 1px solid #22353B;
	clear: both;
	padding: 5px;
	text-align: right;
}

Keira Knightley

Actrice anglaise

Portrait Keira Knightley N'ayant pas été motivé pour trouver quelque chose en rapport avec le sujet, j'ai préféré prendre une photo au pif d'une de mes actrices préférées et mettre une petite bio histoire de mettre en place les images et avoir du contenu un peu plus intéressant que les lorem ipsum.

Keira Knightley débute sa carrière à la télévision en apparaissant dans de nombreux spots publicitaires. En 1999, elle décroche, à l'âge de seize ans, le rôle de Sabé dans Star wars : épisode 1 - La Menace fantôme. Après ce démarrage fracassant et parallèlement à une carrière télévisuelle (les séries Princess of thieves et Oliver Twist), la jeune femme progresse à son rythme, prenant bien soin de varier les genres.

Ainsi, en 2001, Keira Knightley est l'une des jeunes vedettes du thriller horrifique The Hole. L'année suivante, elle change radicalement de registre en campant une joueuse de football dans la comédie Joue-là comme Beckham (2002). En 2003, elle monte d'un cran en tenant l'un des principaux rôles du film d'aventures Disney Pirates des Caraïbes, la malédiction du Black Pearl aux côtés de Johnny Depp et Geoffrey Rush. Trois ans plus tard, elle enfilera à nouveau la toilette de l'aristocratique Elizabeth Swann pour les deux autres volets Pirates des Caraïbes, le secret du coffre maudit et Pirates des Caraïbes, jusqu'au bout du monde.

Sa beauté irradie l'écran comme en témoigne sa prestation dans la comédie romantique Love actually (2003) de Richard Curtis. Hollywood se l'arrache : Keira Knightley prête ainsi ses traits à Guenièvre dans la fresque épique Le Roi Arthur (2004), avant de troquer son arc et ses flèches pour les armes à feu qu'affectionne la chasseuse de primes Domino Harvey. Mais à partir de 2005, la belle se tourne vers un répertoire plus classique, tournant à deux reprises sous la direction du britannique Joe Wright (Orgueil et préjugés, REVIENS-MOI) et goûtant à l'oeuvre d'Alessandro Baricco (Soie).

Source : Allociné.

Plan du tutoriel

Menu 2

Liens