code:
jQuery.noConflict();

jQuery(document).ready(function($) {
    $('body').addClass('page');
    $('body:has(.blog-entry)').addClass('blog').removeClass('page');
    $('.blog-entry').wrapInner('

');
    $('.content-top').prependTo('.blog-entry');
    $('.content-bottom').appendTo('.blog-entry');
    $('ul.blog-tag-cloud li a').prepend('');
    $('ul.blog-tag-cloud li a').append('');
    $('#navbar ul li').hover(function(){
        $(this).find('ul:first').addClass('visible');
    },function(){
        $(this).find('ul:first').removeClass('visible');
    });
});

repo_name: snapshot/karim

license: unknown


code: /* Define styles that are to be used for printing here */


code:
/* @group General Styles */

html {
	background-color: #5d636b;
	background-image: url(images/html-bg.gif);
}

body {
	text-align: center;
}

img {

}

.image-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.image-right {
	float: right;
	margin-right: 1em;
	margin-bottom: 1em;
}

/* @end */

/* @group + Layout */

#bg {
	position: absolute;
	width: 1400px;
	height: 520px;
	top: 0;
	left: 0;
	background-color: transparent;
	background-image: url(images/body-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: -1;
	}

body > #bg {
	position: fixed;
	}

#container {
	text-align: left;
	overflow: hidden; /* Margin collapse fix */
}

/* @group pageHeader */

#pageHeader {
	height: 126px;
	overflow: hidden;
}

#pageHeader img {

}

#logo {

}

#pageHeader h1 {
	font-weight: normal;
	text-shadow: 0 -1px 0 #000, 0 1px 0 #fff;
	font-size: 48px;
	color: #e0e3e5;
	margin: 20px 0 0 54px;
	height: 106px;
	line-height: 106px;
}

#slogan {
	height: 126px;
	}

#slogan h2 {
	position: relative;
	top: 60px;
	margin: 0;
	text-align: center;
	font-weight: normal;
	line-height: 32px;
	}

/* @end */

/* @group contentContainer */

#contentContainer {
	position: relative;
	margin-bottom: 100px;
	z-index: 1000;
}

#contentContainer #content {
	width: 500px;
	overflow: hidden;
	padding: 0 40px;
	margin: 0;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-color: transparent;
	background-image: url(images/content-bg.png);
}

.blog #contentContainer #content {
	width: 580px;
}

.content-top, .content-bottom {
	width: 580px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	}

.content-top {
	height: 50px;
	background-image: url(images/content-top.png);
	}

.content-bottom {
	height: 61px;
	background-image: url(images/content-bottom.png);
	}

/* @end */

/* @group sidebarContainer */

#sidebarContainer {
	color: #cbcbcb;
	font-weight: lighter;
	text-shadow: #000 0 -1px 0;
}

#sidebarContainer h1,
#sidebarContainer h2,
#sidebarContainer h3,
#sidebarContainer h4,
#sidebarContainer h5,
#sidebarContainer h6 {
	font-weight: normal;
}

#sidebarContainer #sidebar {
}

#sidebarContainer .sideHeader {
}

#sidebarContainer .sideHeader h2 {
}

#sidebarContainer a {
	color: #fff;
	font-weight: normal;
}

/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
	height: 40px;
	line-height: 40px;
}

#breadcrumbcontainer ul {
	list-style: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 40px;
	margin-bottom: 0;
}

#breadcrumbcontainer li {
	display: inline;
	margin: 0;
}

#breadcrumbcontainer a {
	border: none;
	/*text-shadow: #a5a5a5 0 1px 0;*/
	font-size: 12px;
	color: #323232;
}

#breadcrumbcontainer a:hover {

}

/* @end */

/* @group footer */

#footer {
	margin-bottom: 20px;
	text-align: center;
}

#footer p {
	margin: 0;
}

#footer a:link, #footer a:visited {
	color: #ddd;
}

#footer a:hover, #footer a:active {

}

/* @end */

/* @end */

/* @group Toolbar-01 */

#navbar-left, #navbar-right {
	position: absolute;
	width: 30px;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#navbar-left {
	top: 0;
	left: 0;
	background-image: url(images/navbar-left.png);
	}

#navbar-right {
	top: 0;
	right: 60px;
	background-image: url(images/navbar-right.png);
	}

#navbar {
	margin: 0 30px;
	height: 35px;
	position: relative;
	background-image: url(images/navbar-bg.png);
	background-repeat: repeat-x;
	}

/* Toolbar Styles */

#navcontainer-01 {
	position: relative;
	height: 35px;
	z-index: 3000;
}

#navcontainer-01 .current {
	color: #fff;
	text-shadow: 0 0 3px #fff;
	background-color: transparent;
}

#navcontainer-01 .current:hover {
	cursor: default;
}

#navcontainer-01 .currentAncestor {
	color: #fff;
	text-shadow: 0 0 3px #fff;
}

/* Parent - Level 0 */

#navcontainer-01 ul {
	margin: 0;
	list-style: none;
}

#navcontainer-01 li {
	display: block;
	line-height: 35px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	z-index: 1000;;
}

#navcontainer-01 a {
	display: block;
	float: left;
	line-height: 35px;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000;
	padding: 0 10px;
	font-size: 12px;
	border: none;
	color: #989898;
	white-space: nowrap;
	}

#navcontainer-01 a:hover {
	color: #fff;
	text-shadow: 0 0 3px #fff;
	background-color: transparent;
}

#navcontainer-01 a:active {
	color: #fff;
	text-shadow: 0 0 3px #fff;
	background-color: transparent;
}

/* Child - Level 1 */

#navcontainer-01 ul li ul {
	z-index: 3000;
	}

#navcontainer-01 ul ul {
	position: absolute;
	width: 172px;
	height: auto;
	top: 35px;
	left: 0;
	display: none;
	margin: 0px;
	z-index: 1000;
	background-image: none;
	border-radius: 0 0 10px 10px;
	padding-bottom: 10px;
	}

#navcontainer-01 ul li:hover > ul {
	display: block;
	}

#navcontainer-01 ul ul.visible {
	display: block;
	}

#navcontainer-01 ul ul li {
	line-height: 30px;
	width: 172px;
	border: none;
	}

#navcontainer-01 ul ul a {
	line-height: 29px;
	width: 150px;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	}

/*#navcontainer-01 ul li:hover > ul {
	display: block;
	}*/

#navcontainer-01 ul ul a:hover {
	color: #fff;
	text-shadow: 0 0 3px #fff;
	background-color: transparent;
}

#navcontainer-01 ul ul .current {

}

#navcontainer-01 ul ul .currentAncestor {

}

/* Child - Level 2 */

#navcontainer-01 ul ul ul {
	display: none;
	left: 100%;
	top: 0;
	left: 171px;
	border-radius: 0;
	padding-bottom: 0;
}

#navcontainer-01 ul ul li {
}

#navcontainer-01 ul ul ul a {
	border-left-color: #767b82;
}

/*#navcontainer-02 ul ul li:hover ul {
	display: block;
}*/

#navcontainer-01 ul ul ul a:hover {
}

#navcontainer-01 ul ul ul .current {

}

#navcontainer-01 ul ul ul .currentAncestor {

}

/* Child Level 3 */

#navcontainer-01 ul ul ul {

}

#navcontainer-01 ul ul ul ul li {

}

#navcontainer-01 ul ul ul ul a {

}

#navcontainer-01 ul ul ul ul a:hover {

}

/* Child Level 4 */

#navcontainer-01 ul ul ul ul {

}

#navcontainer-01 ul ul ul ul ul li {

}

#navcontainer-01 ul ul ul ul ul a {

}

#navcontainer-01 ul ul ul ul ul a:hover {

}

/* Child Level 5 */

#navcontainer-01 ul ul ul ul ul {

}

#navcontainer-01 ul ul ul ul ul ul li {

}

#navcontainer-01 ul ul ul ul ul ul a {

}

#navcontainer-01 ul ul ul ul ul ul a:hover {

}

/* @end */

/* @group Global Classes */

blockquote, .standout {

}

pre {

}

code {

}

abbr {

}

acronym {

}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

.imageStyle {

}

/* Main content area unordered list styles */

#contentContainer #content ul, #contentContainer #content ol {

}

#contentContainer #content li {

}

ul.disc {

}

ul.circle {

}

ul.square {

}

ol.arabic-numbers {

}

ol.upper-alpha {

}

ol.lower-alpha {

}

ol.upper-roman {

}

ol.lower-roman {

}

/* Sidebar area unordered list styles */

#sidebarContainer #sidebar ul {

}

#sidebarContainer #sidebar li {

}

/* Table Styles */

table {

}
/* @end */

/* @group Blog */

/* @group blog contentContainer */

.blog #contentContainer #content {
	background-image: none;
	padding: 0;
	margin: 0;
}

.blog .content-top {
	}

.blog .content-bottom {
	}

/* @end */

/* @group (((BS))) - Haloscan comments */

.MainTable {
	margin-left: auto;
	margin-right: auto;
}

.MessageCell p {
	margin-top: 1em;
}

.MainTable form {
	text-align: center;
}

/* @end */

/* @group (((BS))) - Plugin */

#plugin {
	height: auto;
}

#plugin a {

}

#plugin a:link, #plugin a:visited {
	font-size: 12px;
	border: none;
	color: #989898;
}

#plugin a:hover, #plugin a:active {
	color: #fff;
	text-shadow: 0 0 3px #fff;
	background-color: transparent;
}

/* @end */

/*

@group Tag Cloud */

#sidebar #plugin ul.blog-tag-cloud {
	margin: 0 auto 40px;
	padding: 0;
	}

ul.blog-tag-cloud {
	text-align: center;
	overflow: hidden;
	height: 1%;
}

ul.blog-tag-cloud li {
	float: left;
	display: inline-block;
	overflow: hidden;
	margin: 0 5px 5px 0;
}

ul.blog-tag-cloud li a {
	position: relative;
	float: left;
	margin: 0 13px 0 17px;
	padding: 0 5px;
	font-size: 12px;
	display: block;
	height: 25px;
	line-height: 25px;
	border: none;
	color: #989898;
	background-image: url(images/tag-bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

ul.blog-tag-cloud li a:hover,
ul.blog-tag-cloud li a:visited {
	background-color: transparent;
}

ul.blog-tag-cloud li a span {
	position: absolute;
	width: 15px;
	height: 25px;
	top: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul.blog-tag-cloud li a span.left-bg {
	width: 17px;
	left: -17px;
	background-image: url(images/left-bg.png);
	}

ul.blog-tag-cloud li a span.right-bg {
	right: -13px;
	width: 13px;
	background-image: url(images/right-bg.png);
	}

.blog-tag-size-1 {
	font-size: 0.8em;
}

.blog-tag-size-2 {
	font-size: 0.85em;
}

.blog-tag-size-3 {
	font-size: 0.9em;
}

.blog-tag-size-4 {
	font-size: 0.95em;
}

.blog-tag-size-5 {
	font-size: 1em;
}

.blog-tag-size-6 {
	font-size: 1.05em;
}

.blog-tag-size-7 {
	font-size: 1.1em;
}

.blog-tag-size-8 {
	font-size: 1.15em;
}

.blog-tag-size-9 {
	font-size: 1.2em;
}

.blog-tag-size-10 {
	font-size: 1.25em;
}

.blog-tag-size-11 {
	font-size: 1.3em;
}

.blog-tag-size-12 {
	font-size: 1.35em;
}

.blog-tag-size-13 {
	font-size: 1.4em;
}

.blog-tag-size-14 {
	font-size: 1.45em;
}

.blog-tag-size-15 {
	font-size: 1.5em;
}

.blog-tag-size-16 {
	font-size: 1.55em;
}

.blog-tag-size-17 {
	font-size: 1.6em;
}

.blog-tag-size-18 {
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {
	font-size: 1.75em;
}

/* @end */

/* @group Archive Page */

.blog-archive-background {

}

.blog-entry-summary {

}

.blog-archive-headings-wrapper {

}

.blog-archive-entries-wrapper {

}

.blog-archive-entries-wrapper .blog-entry {

}

.blog-archive-month {
	background: url(images/micro-icons/document.gif) no-repeat left center;
	padding-left: 15px;
	border-bottom: 1px solid;
}

.blog-archive-link {

}

.blog-archive-link a:link, .blog-archive-link a:visited {

}

/* @end */

.blog-entry {
	margin: 0 0 50px 0;
	position: relative;
}

div.entry-content {
	padding: 0 40px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-color: transparent;
	background-image: url(images/content-bg.png);
	}

.blog-entry-title {
	margin-bottom: 0;
}

.blog-entry-title a {
	border-bottom: none;
}

.blog-entry-date {
	background: url(images/micro-icons/calendar.gif) no-repeat left center;
	padding-left: 15px;
	margin-bottom: 20px;
	color: #888;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

/*styles the category link in the main entry */

.blog-entry-category {
}

.blog-entry-category a {
	color: #444;
	border: none;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}

.blog-entry-category a:hover,
.blog-entry-category a:active {
	color: #656565;
	border: none;
	background-color: transparent;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
	background: url(images/micro-icons/document.gif) no-repeat left center;
	padding-left: 15px;
}

.blog-entry-category a:hover, .blog-entry-category a:active {
	background: url(images/micro-icons/document.gif) no-repeat left center;
}

/*styles the permalink link in the main entry */

.blog-permalink {

}

a.blog-permalink:link, a.blog-permalink:visited {
	text-shadow: 0 1px 0 #fff;
	color: #444;
	font-size: 24px;
}

a.blog-permalink:hover, a.blog-permalink:active {
	color: #656565;
	border: none;
	background-color: transparent;
}

.blog-entry-body {

}

.blog-read-more {
	clear: both;
	display: block;
	background: url(images/micro-icons/plus.gif) no-repeat left center;
	padding-left: 15px;
	margin: 10px 0;
	font-size: 11px;
	color: #888;
	font-weight: bold;
	text-transform: uppercase;
}

.blog-read-more a {
	color: #444;
	border: none;
	text-shadow: 0 1px 0 #fff;
}

.blog-read-more a:hover,
.blog-read-more a:active {
	color: #656565;
	border: none;
	background-color: transparent;
}

.blog-entry-comments {
	padding-left: 15px;
	background: url(images/micro-icons/comment.gif) no-repeat left center;
}

#content p.blog-entry-tags {
	font-size: 11px;
	margin: 10px 0;
	background: url(images/micro-icons/tag.gif) no-repeat left center;
	padding-left: 15px;
	color: #888;
	font-weight: bold;
	text-transform: uppercase;
}

#content p.blog-entry-tags a {
	color: #444;
	border: none;
	text-shadow: 0 1px 0 #fff;
}

#content p.blog-entry-tags a:hover,
#content p.blog-entry-tags a:active {
	color: #656565;
	border: none;
	background-color: transparent;
}

/* styles the archives in the blog sidebar */

#blog-archives {
	width: 180px;
	margin: 0 auto 40px;
}

#blog-archives br{
	/*position: absolute;
	height: 0;
	line-height: 0;
	visibility: hidden;*/
	display: none;
	}

a.blog-archive-link-enabled {
}

#blog-archives a.blog-archive-link-enabled:link,
#blog-archives a.blog-archive-link-enabled:visited {
	padding: 0;
	display: block;
	width: 155px;
	margin-bottom: 5px;
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	background-image: url(images/cat-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#blog-archives a.blog-archive-link-enabled:hover,
#blog-archives a.blog-archive-link-enabled:active {
}

.blog-archive-link-disabled {
	color: #666;
	padding: 0;
	display: block;
	width: 155px;
	margin-bottom: 5px;
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	background-image: url(images/cat-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Styles the blog categories in the blog sidebar */

#blog-categories {
	width: 180px;
	margin: 0 auto 40px;
}

#blog-categories br {
	/*position: absolute;
	height: 0;
	line-height: 0;
	visibility: hidden;*/
	display: none;
}

a.blog-category-link-enabled {
}

#blog-categories a.blog-category-link-enabled:link,
#blog-categories a.blog-category-link-enabled:visited {
	padding: 0;
	display: block;
	width: 155px;
	margin-bottom: 5px;
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	background-image: url(images/cat-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#blog-categories a.blog-category-link-enabled:hover,
#blog-categories a.blog-category-link-enabled:active {
}

.blog-category-link-disabled {
	color: #666;
	padding: 0;
	display: block;
	width: 155px;
	margin-bottom: 5px;
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	background-image: url(images/cat-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Styles the blog RSS feeds in the blog sidebar */

#blog-rss-feeds {
	height: 1%;
	width: 180px;
	margin: 0 auto 40px;
}

a.blog-rss-link {
}

a.blog-rss-link:link, a.blog-rss-link:visited {
	background-image: url(images/feed-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 35px;
	line-height: 35px;
	display: block;
}

a.blog-rss-link:hover, a.blog-rss-link:active {
	background-color: transparent;
}

a.blog-comments-rss-link {
	padding-left: 15px;
}

a.blog-comments-rss-link:link, a.blog-comments-rss-link:visited {
	background: url(images/micro-icons/comments.gif) no-repeat left center;
}

a.blog-comments-rss-link:hover, a.blog-comments-rss-link:active {
	background: url(images/micro-icons/comments.gif) no-repeat left center;
}

/* @end */

/* @group File Sharing */

.filesharing-description {

}

.filesharing-item {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ccc;
	border-left-color: #ddd;
	border-bottom-color: #fff;
	border-right-color: #ddd;
}

.filesharing-item-title a {

}

.filesharing-item-title a:link {

}

.filesharing-item-title a:hover {

}

.filesharing-item-title a:visited {

}

.filesharing-item-description {

}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}

.album-description {
	margin-bottom:1.6em;

}

.album-wrapper {
	overflow: hidden;
	margin: 0 auto;
	height: 1%;
}

.thumbnail-wrap {
	float: left;
	position: relative;
	margin-bottom: 9px;
	margin: 0 9px 40px 0;
	padding: 9px;
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ccc;
	border-left-color: #ddd;
	border-bottom-color: #fff;
	border-right-color: #ddd;
}

.thumbnail-frame {
	text-align: center;
}

.thumbnail-frame:hover {

}

.thumbnail-frame a {
	border: none;
	padding: 0;
}

.thumbnail-frame a:hover {

}

.thumbnail-frame img {

}

.thumbnail-caption {
	top: 102%;
	position: absolute;
	font-size: 11px;
	text-align: center;
	left: 0px;
	width: 100%;
}

/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	margin: 0;
}

.photo-navigation {
	position: relative;
	left: 2em;
	top: 2em;
	float: left;
	clear: left;
	width: 200px;
	padding: 1em;
	border-style: solid;
	border-width: 1px;
}

.content .photo-title {
	margin: 0;
}

.photo-title {
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}

.photo-caption {
	text-align: left;
}
.photo-links {

}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {

}

.photo-frame {
	position: absolute;
	left: 350px;
	top: 2em;
}

.photo-title {

}

.photo-caption {

}

/* @group EXIF data */

/* Data wrapper */

.exif-data {
	position: relative;
	left: 2em;
	clear: left;
	top: 2em;
	float: left;
	width: 200px;
	padding: 1em;
	border-style: solid;
	border-width: 1px;
	border-top-style: none;
	text-align: left;
}

.exif-data p {

}

/* p tag classes for all exif data */

p.exif-version {

}

p.exif-colour-space {

}

p.exif-focal-length {

}

p.exif-dimensions {

}

p.exif-pixel-y-dimension {

}

p.exif-pixel-x-dimension {

}

p.exif-oecf-value {

}

p.exif-subsec-time-original {

}

p.exif-exposure-mode {

}

p.exif-spatial-frequency-response {

}

p.exif-scene-capture-type {

}

p.exif-subject-location {

}

p.exif-shutter-speed {

}

p.exif-datetime-original {

}

p.exif-subsec-time {

}

p.exif-compressed-bits-per-pixel {

}

p.exif-flash-energy {

}

p.exif-saturation {

}

p.exif-brightness {

}

p.exif-exposure-time {

}

p.exif-f-number {

}

p.exif-file-source {

}

p.exif-gain-control {

}

p.exif-subject-area {

}

p.exif-cfa-pattern {

}

p.exif-scene-type {

}

p.exif-white-balance {

}

p.exif-flash {

}

p.exif-exposure-index {

}

p.exif-flashpix-version {

}

p.exif-device-setting-description {

}

p.exif-focalplane-x-resolution {

}

p.exif-image-uniqueid {

}

p.exif-components-configuration {

}

p.exif-light-source {

}

p.exif-sensing-method {

}

p.exif-aperture {

}

p.exif-sharpness {

}

p.exif-exposure-program {

}

p.exif-subject-distance {

}

p.exif-subsec-time-digitized {

}

p.exif-contrast {

}

p.exif-focalplane-resolution-unit {

}

p.exif-gamma {

}

p.exif-35mm-focal-length {

}

p.exif-datetime-digitized {

}

p.exif-subject-distance-range {

}

p.exif-custom-rendered {

}

p.exif-max-aperture {

}

p.exif-sound-file {

}

p.exif-metering-mode {

}

p.exif-spectral-sensitivity {

}

p.exif-exposure-bias {

}

p.exif-focalplane-y-resolution {

}

p.exif-iso-rating {

}

p.exif-maker-note {

}

p.exif-digital-zoom-ratio {

}

p.exif-user-comment {

}

/* @end */

/* @end */

/* @end */

/* @group Quicktime Page */

.movie-frame {
	text-align: center;
	margin-bottom: 2em;
}

.movie-description {

}

/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

/*Tripoli*/
.movie-page-title {
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
	font-weight: bold;
}

/*Tripoli*/
.movie-page-description {
	margin-bottom:1.6em;
}

.movie-thumbnail-frame {
	margin-bottom:1.6em;
	/*height: 132px;
	width: 132px;*/
	float: left;
	text-align: center;
	margin-right: 9px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.movie-thumbnail-frame a {
	width: 135px;
	height: 100px;
	display: block;
	margin-bottom: 9px;
	padding: 9px;
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ccc;
	border-left-color: #ddd;
	border-bottom-color: #fff;
	border-right-color: #ddd;
}

.movie-thumbnail-frame a img {
}

.movie-thumbnail-frame:hover {
}

.movie-thumbnail-caption {
}

/* @end */

/* @group Single Page (Movie View) */

.movie-background {

}

.movie-title {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

.movie-frame {
	text-align: center;
}

.movie-description {
	text-align: center;
}

/* @end */

/* @end */

/* @group Contact Form */

/*Tripoli*/

form {
}

.message-text {
	margin-bottom:1.6em;
}

.required-text {
	margin-bottom:1.6em;
}

.form-input-field {
	width: 99%;
}

.form-input-button {
	width: 45%;
	margin-left: 3%;
}

/* @end */

/* @group Sitemap */

.rw-sitemap {
	margin-bottom: 1em;
	padding: 20px;
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ccc;
	border-left-color: #ddd;
	border-bottom-color: #fff;
	border-right-color: #ddd;
	}

.rw-sitemap ul {
	margin: 0;
	}

.rw-sitemap ul li {
	list-style-type: none;
	margin: 10px;
	}

.rw-sitemap ul li ul li{
	padding-left: 30px;
	}

.rw-sitemap ul li a {
	line-height: 25px;
	background-image: url(images/micro-icons/document.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 5px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 10px;
	border: none;
	}

.tree {
	margin: 0;
	}

/* @end */

/* @group ((( BS ))) - Snippets 20081223 */

.left {
	float: left;
}

.right {
	float: right;
}

.ta-left {
	text-align: left;
}

.ta-center {
	text-align: center;
}

.ta-justify {
	text-align: justify;
}

.ta-right {
	text-align: right;
}

.small {
	font-size: 0.8em;
	line-height: 1.4em;
}

.smaller {
	font-size: 0.6em;
	line-height: 1em;
}

.hidden {
	visibility: hidden;
}

.pr-10 {
	padding-right: 10px;
}

.pr-20 {
	padding-right: 20px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-20 {
	padding-left: 20px;
}

.w10x100 {
	width: 10%;
}

.w15x100 {
	width: 15%;
}

.w20x100 {
	width: 20%;
}

.w25x100 {
	width: 25%;
}

.w30x100 {
	width: 30%;
}

.w35x100 {
	width: 35%;
}

.w40x100 {
	width: 40%;
}

.w45x100 {
	width: 45%;
}

.w50x100 {
	width: 50%;
}

.w55x100 {
	width: 55%;
}

.w60x100 {
	width: 60%;
}

.w65x100 {
	width: 65%;
}

.w70x100 {
	width: 70%;
}

.w75x100 {
	width: 75%;
}

.w80x100 {
	width: 80%;
}

.w85x100 {
	width: 85%;
}

.w90x100 {
	width: 90%;
}

.w95x100 {
	width: 95%;
}

.w100x100 {
	width: 100%;
}

.h10px {
	height: 10px;
}

.h20px {
	height: 20px;
}

.h30px {
	height: 30px;
}

.h40px {
	height: 40px;
}

.h50px {
	height: 50px;
}

.h60px {
	height: 60px;
}

.h70px {
	height: 70px;
}

.h80px {
	height: 80px;
}

.h90px {
	height: 90px;
}

.h100px {
	height: 100px;
}

.red {
	background-color: red;
}

/* @end */


code:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<url>
		<loc>http://localhost:8888/karimPHP/index.html/index.html</loc>
		<lastmod>2011-06-17</lastmod>
	</url>
	<url>
		<loc>http://localhost:8888/karimPHP/index.html/styled/index.html</loc>
		<lastmod>2011-06-17</lastmod>
	</url>
</urlset>


code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

        <title>Niveau 2</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="generator" content="RapidWeaver" />

        <link rel="stylesheet" href="../rw_common/themes/final/css/reset.css" type="text/css" media="screen" charset="utf-8" />
        <link rel="stylesheet" href="../rw_common/themes/final/css/960.css" type="text/css" media="screen" charset="utf-8" />
        <link rel="stylesheet" href="../rw_common/themes/final/css/text.css" type="text/css" media="screen" charset="utf-8" />
        <link rel="stylesheet" href="../rw_common/themes/final/styles.css" type="text/css" media="screen" charset="utf-8" />

        <link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/headers-font/default.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/content-font/default.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/header_font_size/medium.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/sidebar/sidebar_right.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/sidebar_font_size/medium.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/navbar-width/normal.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/background/background_1.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/container_font_size/medium.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../rw_common/themes/final/css/footer_font_size/medium.css" />

PROJET SOPRIAM

Niveau 1

Niveau 2

Niveau 2 :

© 2011 kbellioum


code:
  <HTML>
  <head>
  <link href="mystyle.css" media="all" rel="stylesheet" type="text/css" />
  </head>
<BODY>
<p>
  <?php
    printf("test mon texte");
  ?>
</p>
</BODY>
</HTML>


code:
<?php
/**
 * Copyright 2011 Facebook, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may
 * not use this file except in compliance with the License. You may obtain
 * a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 */

if (!function_exists('curl_init')) {
  throw new Exception('Facebook needs the CURL PHP extension.');
}
if (!function_exists('json_decode')) {
  throw new Exception('Facebook needs the JSON PHP extension.');
}

/**
 * Thrown when an API call returns an exception.
 *
 * @author Naitik Shah <naitik@facebook.com>
 */
class FacebookApiException extends Exception
{
  /**
   * The result from the API server that represents the exception information.
   */
  protected $result;

  /**
   * Make a new API Exception with the given result.
   *
   * @param array $result The result from the API server
   */
  public function __construct($result) {
    $this->result = $result;

    $code = isset($result['error_code']) ? $result['error_code'] : 0;

    if (isset($result['error_description'])) {
      // OAuth 2.0 Draft 10 style
      $msg = $result['error_description'];
    } else if (isset($result['error']) && is_array($result['error'])) {
      // OAuth 2.0 Draft 00 style
      $msg = $result['error']['message'];
    } else if (isset($result['error_msg'])) {
      // Rest server style
      $msg = $result['error_msg'];
    } else {
      $msg = 'Unknown Error. Check getResult()';
    }

    parent::__construct($msg, $code);
  }

  /**
   * Return the associated result object returned by the API server.
   *
   * @return array The result from the API server
   */
  public function getResult() {
    return $this->result;
  }

  /**
   * Returns the associated type for the error. This will default to
   * 'Exception' when a type is not available.
   *
   * @return string
   */
  public function getType() {
    if (isset($this->result['error'])) {
      $error = $this->result['error'];
      if (is_string($error)) {
        // OAuth 2.0 Draft 10 style
        return $error;
      } else if (is_array($error)) {
        // OAuth 2.0 Draft 00 style
        if (isset($error['type'])) {
          return $error['type'];
        }
      }
    }

    return 'Exception';
  }

  /**
   * To make debugging easier.
   *
   * @return string The string representation of the error
   */
  public function __toString() {
    $str = $this->getType() . ': ';
    if ($this->code != 0) {
      $str .= $this->code . ': ';
    }
    return $str . $this->message;
  }
}

/**
 * Provides access to the Facebook Platform.  This class provides
 * a majority of the functionality needed, but the class is abstract
 * because it is designed to be sub-classed.  The subclass must
 * implement the four abstract methods listed at the bottom of
 * the file.
 *
 * @author Naitik Shah <naitik@facebook.com>
 */
abstract class BaseFacebook
{
  /**
   * Version.
   */
  const VERSION = '3.1.1';

  /**
   * Default options for curl.
   */
  public static $CURL_OPTS = array(
    CURLOPT_CONNECTTIMEOUT => 10,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_TIMEOUT        => 60,
    CURLOPT_USERAGENT      => 'facebook-php-3.1',
  );

  /**
   * List of query parameters that get automatically dropped when rebuilding
   * the current URL.
   */
  protected static $DROP_QUERY_PARAMS = array(
    'code',
    'state',
    'signed_request',
  );

  /**
   * Maps aliases to Facebook domains.
   */
  public static $DOMAIN_MAP = array(
    'api'       => 'https://api.facebook.com/',
    'api_video' => 'https://api-video.facebook.com/',
    'api_read'  => 'https://api-read.facebook.com/',
    'graph'     => 'https://graph.facebook.com/',
    'www'       => 'https://www.facebook.com/',
  );

  /**
   * The Application ID.
   *
   * @var string
   */
  protected $appId;

  /**
   * The Application API Secret.
   *
   * @var string
   */
  protected $apiSecret;

  /**
   * The ID of the Facebook user, or 0 if the user is logged out.
   *
   * @var integer
   */
  protected $user;

  /**
   * The data from the signed_request token.
   */
  protected $signedRequest;

  /**
   * A CSRF state variable to assist in the defense against CSRF attacks.
   */
  protected $state;

  /**
   * The OAuth access token received in exchange for a valid authorization
   * code.  null means the access token has yet to be determined.
   *
   * @var string
   */
  protected $accessToken = null;

  /**
   * Indicates if the CURL based @ syntax for file uploads is enabled.
   *
   * @var boolean
   */
  protected $fileUploadSupport = false;

  /**
   * Initialize a Facebook Application.
   *
   * The configuration:
   * - appId: the application ID
   * - secret: the application secret
   * - fileUpload: (optional) boolean indicating if file uploads are enabled
   *
   * @param array $config The application configuration
   */
  public function __construct($config) {
    $this->setAppId($config['appId']);
    $this->setApiSecret($config['secret']);
    if (isset($config['fileUpload'])) {
      $this->setFileUploadSupport($config['fileUpload']);
    }

    $state = $this->getPersistentData('state');
    if (!empty($state)) {
      $this->state = $this->getPersistentData('state');
    }
  }

  /**
   * Set the Application ID.
   *
   * @param string $appId The Application ID
   * @return BaseFacebook
   */
  public function setAppId($appId) {
    $this->appId = $appId;
    return $this;
  }

  /**
   * Get the Application ID.
   *
   * @return string the Application ID
   */
  public function getAppId() {
    return $this->appId;
  }

  /**
   * Set the API Secret.
   *
   * @param string $apiSecret The API Secret
   * @return BaseFacebook
   */
  public function setApiSecret($apiSecret) {
    $this->apiSecret = $apiSecret;
    return $this;
  }

  /**
   * Get the API Secret.
   *
   * @return string the API Secret
   */
  public function getApiSecret() {
    return $this->apiSecret;
  }

  /**
   * Set the file upload support status.
   *
   * @param boolean $fileUploadSupport The file upload support status.
   * @return BaseFacebook
   */
  public function setFileUploadSupport($fileUploadSupport) {
    $this->fileUploadSupport = $fileUploadSupport;
    return $this;
  }

  /**
   * Get the file upload support status.
   *
   * @return boolean true if and only if the server supports file upload.
   */
  public function getFileUploadSupport() {
    return $this->fileUploadSupport;
  }

  /**
   * DEPRECATED! Please use getFileUploadSupport instead.
   *
   * Get the file upload support status.
   *
   * @return boolean true if and only if the server supports file upload.
   */
  public function useFileUploadSupport() {
    return $this->getFileUploadSupport();
  }

  /**
   * Sets the access token for api calls.  Use this if you get
   * your access token by other means and just want the SDK
   * to use it.
   *
   * @param string $access_token an access token.
   * @return BaseFacebook
   */
  public function setAccessToken($access_token) {
    $this->accessToken = $access_token;
    return $this;
  }

  /**
   * Determines the access token that should be used for API calls.
   * The first time this is called, $this->accessToken is set equal
   * to either a valid user access token, or it's set to the application
   * access token if a valid user access token wasn't available.  Subsequent
   * calls return whatever the first call returned.
   *
   * @return string The access token
   */
  public function getAccessToken() {
    if ($this->accessToken !== null) {
      // we've done this already and cached it.  Just return.
      return $this->accessToken;
    }

    // first establish access token to be the application
    // access token, in case we navigate to the /oauth/access_token
    // endpoint, where SOME access token is required.
    $this->setAccessToken($this->getApplicationAccessToken());
    $user_access_token = $this->getUserAccessToken();
    if ($user_access_token) {
      $this->setAccessToken($user_access_token);
    }

    return $this->accessToken;
  }

  /**
   * Determines and returns the user access token, first using
   * the signed request if present, and then falling back on
   * the authorization code if present.  The intent is to
   * return a valid user access token, or false if one is determined
   * to not be available.
   *
   * @return string A valid user access token, or false if one
   *                could not be determined.
   */
  protected function getUserAccessToken() {
    // first, consider a signed request if it's supplied.
    // if there is a signed request, then it alone determines
    // the access token.
    $signed_request = $this->getSignedRequest();
    if ($signed_request) {
      // apps.facebook.com hands the access_token in the signed_request
      if (array_key_exists('oauth_token', $signed_request)) {
        $access_token = $signed_request['oauth_token'];
        $this->setPersistentData('access_token', $access_token);
        return $access_token;
      }

      // the JS SDK puts a code in with the redirect_uri of ''
      if (array_key_exists('code', $signed_request)) {
        $code = $signed_request['code'];
        $access_token = $this->getAccessTokenFromCode($code, '');
        if ($access_token) {
          $this->setPersistentData('code', $code);
          $this->setPersistentData('access_token', $access_token);
          return $access_token;
        }
      }

      // signed request states there's no access token, so anything
      // stored should be cleared.
      $this->clearAllPersistentData();
      return false; // respect the signed request's data, even
                    // if there's an authorization code or something else
    }

    $code = $this->getCode();
    if ($code && $code != $this->getPersistentData('code')) {
      $access_token = $this->getAccessTokenFromCode($code);
      if ($access_token) {
        $this->setPersistentData('code', $code);
        $this->setPersistentData('access_token', $access_token);
        return $access_token;
      }

      // code was bogus, so everything based on it should be invalidated.
      $this->clearAllPersistentData();
      return false;
    }

    // as a fallback, just return whatever is in the persistent
    // store, knowing nothing explicit (signed request, authorization
    // code, etc.) was present to shadow it (or we saw a code in $_REQUEST,
    // but it's the same as what's in the persistent store)
    return $this->getPersistentData('access_token');
  }

  /**
   * Retrieve the signed request, either from a request parameter or,
   * if not present, from a cookie.
   *
   * @return string the signed request, if available, or null otherwise.
   */
  public function getSignedRequest() {
    if (!$this->signedRequest) {
      if (isset($_REQUEST['signed_request'])) {
        $this->signedRequest = $this->parseSignedRequest(
          $_REQUEST['signed_request']);
      } else if (isset($_COOKIE[$this->getSignedRequestCookieName()])) {
        $this->signedRequest = $this->parseSignedRequest(
          $_COOKIE[$this->getSignedRequestCookieName()]);
      }
    }
    return $this->signedRequest;
  }

  /**
   * Get the UID of the connected user, or 0
   * if the Facebook user is not connected.
   *
   * @return string the UID if available.
   */
  public function getUser() {
    if ($this->user !== null) {
      // we've already determined this and cached the value.
      return $this->user;
    }

    return $this->user = $this->getUserFromAvailableData();
  }

  /**
   * Determines the connected user by first examining any signed
   * requests, then considering an authorization code, and then
   * falling back to any persistent store storing the user.
   *
   * @return integer The id of the connected Facebook user,
   *                 or 0 if no such user exists.
   */
  protected function getUserFromAvailableData() {
    // if a signed request is supplied, then it solely determines
    // who the user is.
    $signed_request = $this->getSignedRequest();
    if ($signed_request) {
      if (array_key_exists('user_id', $signed_request)) {
        $user = $signed_request['user_id'];
        $this->setPersistentData('user_id', $signed_request['user_id']);
        return $user;
      }

      // if the signed request didn't present a user id, then invalidate
      // all entries in any persistent store.
      $this->clearAllPersistentData();
      return 0;
    }

    $user = $this->getPersistentData('user_id', $default = 0);
    $persisted_access_token = $this->getPersistentData('access_token');

    // use access_token to fetch user id if we have a user access_token, or if
    // the cached access token has changed.
    $access_token = $this->getAccessToken();
    if ($access_token &&
        $access_token != $this->getApplicationAccessToken() &&
        !($user && $persisted_access_token == $access_token)) {
      $user = $this->getUserFromAccessToken();
      if ($user) {
        $this->setPersistentData('user_id', $user);
      } else {
        $this->clearAllPersistentData();
      }
    }

    return $user;
  }

  /**
   * Get a Login URL for use with redirects. By default, full page redirect is
   * assumed. If you are using the generated URL with a window.open() call in
   * JavaScript, you can pass in display=popup as part of the $params.
   *
   * The parameters:
   * - redirect_uri: the url to go to after a successful login
   * - scope: comma separated list of requested extended perms
   *
   * @param array $params Provide custom parameters
   * @return string The URL for the login flow
   */
  public function getLoginUrl($params=array()) {
    $this->establishCSRFTokenState();
    $currentUrl = $this->getCurrentUrl();

    // if 'scope' is passed as an array, convert to comma separated list
    $scopeParams = isset($params['scope']) ? $params['scope'] : null;
    if ($scopeParams && is_array($scopeParams)) {
      $params['scope'] = implode(',', $scopeParams);
    }

    return $this->getUrl(
      'www',
      'dialog/oauth',
      array_merge(array(
                    'client_id' => $this->getAppId(),
                    'redirect_uri' => $currentUrl, // possibly overwritten
                    'state' => $this->state),
                  $params));
  }

  /**
   * Get a Logout URL suitable for use with redirects.
   *
   * The parameters:
   * - next: the url to go to after a successful logout
   *
   * @param array $params Provide custom parameters
   * @return string The URL for the logout flow
   */
  public function getLogoutUrl($params=array()) {
    return $this->getUrl(
      'www',
      'logout.php',
      array_merge(array(
        'next' => $this->getCurrentUrl(),
        'access_token' => $this->getAccessToken(),
      ), $params)
    );
  }

  /**
   * Get a login status URL to fetch the status from Facebook.
   *
   * The parameters:
   * - ok_session: the URL to go to if a session is found
   * - no_session: the URL to go to if the user is not connected
   * - no_user: the URL to go to if the user is not signed into facebook
   *
   * @param array $params Provide custom parameters
   * @return string The URL for the logout flow
   */
  public function getLoginStatusUrl($params=array()) {
    return $this->getUrl(
      'www',
      'extern/login_status.php',
      array_merge(array(
        'api_key' => $this->getAppId(),
        'no_session' => $this->getCurrentUrl(),
        'no_user' => $this->getCurrentUrl(),
        'ok_session' => $this->getCurrentUrl(),
        'session_version' => 3,
      ), $params)
    );
  }

  /**
   * Make an API call.
   *
   * @return mixed The decoded response
   */
  public function api(/* polymorphic */) {
    $args = func_get_args();
    if (is_array($args[0])) {
      return $this->_restserver($args[0]);
    } else {
      return call_user_func_array(array($this, '_graph'), $args);
    }
  }

  /**
   * Constructs and returns the name of the cookie that
   * potentially houses the signed request for the app user.
   * The cookie is not set by the BaseFacebook class, but
   * it may be set by the JavaScript SDK.
   *
   * @return string the name of the cookie that would house
   *         the signed request value.
   */
  protected function getSignedRequestCookieName() {
    return 'fbsr_'.$this->getAppId();
  }

  /**
   * Get the authorization code from the query parameters, if it exists,
   * and otherwise return false to signal no authorization code was
   * discoverable.
   *
   * @return mixed The authorization code, or false if the authorization
   *               code could not be determined.
   */
  protected function getCode() {
    if (isset($_REQUEST['code'])) {
      if ($this->state !== null &&
          isset($_REQUEST['state']) &&
          $this->state === $_REQUEST['state']) {

        // CSRF state has done its job, so clear it
        $this->state = null;
        $this->clearPersistentData('state');
        return $_REQUEST['code'];
      } else {
        self::errorLog('CSRF state token does not match one provided.');
        return false;
      }
    }

    return false;
  }

  /**
   * Retrieves the UID with the understanding that
   * $this->accessToken has already been set and is
   * seemingly legitimate.  It relies on Facebook's Graph API
   * to retrieve user information and then extract
   * the user ID.
   *
   * @return integer Returns the UID of the Facebook user, or 0
   *                 if the Facebook user could not be determined.
   */
  protected function getUserFromAccessToken() {
    try {
      $user_info = $this->api('/me');
      return $user_info['id'];
    } catch (FacebookApiException $e) {
      return 0;
    }
  }

  /**
   * Returns the access token that should be used for logged out
   * users when no authorization code is available.
   *
   * @return string The application access token, useful for gathering
   *                public information about users and applications.
   */
  protected function getApplicationAccessToken() {
    return $this->appId.'|'.$this->apiSecret;
  }

  /**
   * Lays down a CSRF state token for this process.
   *
   * @return void
   */
  protected function establishCSRFTokenState() {
    if ($this->state === null) {
      $this->state = md5(uniqid(mt_rand(), true));
      $this->setPersistentData('state', $this->state);
    }
  }

  /**
   * Retrieves an access token for the given authorization code
   * (previously generated from www.facebook.com on behalf of
   * a specific user).  The authorization code is sent to graph.facebook.com
   * and a legitimate access token is generated provided the access token
   * and the user for which it was generated all match, and the user is
   * either logged in to Facebook or has granted an offline access permission.
   *
   * @param string $code An authorization code.
   * @return mixed An access token exchanged for the authorization code, or
   *               false if an access token could not be generated.
   */
  protected function getAccessTokenFromCode($code, $redirect_uri = null) {
    if (empty($code)) {
      return false;
    }

    if ($redirect_uri === null) {
      $redirect_uri = $this->getCurrentUrl();
    }

    try {
      // need to circumvent json_decode by calling _oauthRequest
      // directly, since response isn't JSON format.
      $access_token_response =
        $this->_oauthRequest(
          $this->getUrl('graph', '/oauth/access_token'),
          $params = array('client_id' => $this->getAppId(),
                          'client_secret' => $this->getApiSecret(),
                          'redirect_uri' => $redirect_uri,
                          'code' => $code));
    } catch (FacebookApiException $e) {
      // most likely that user very recently revoked authorization.
      // In any event, we don't have an access token, so say so.
      return false;
    }

    if (empty($access_token_response)) {
      return false;
    }

    $response_params = array();
    parse_str($access_token_response, $response_params);
    if (!isset($response_params['access_token'])) {
      return false;
    }

    return $response_params['access_token'];
  }

  /**
   * Invoke the old restserver.php endpoint.
   *
   * @param array $params Method call object
   *
   * @return mixed The decoded response object
   * @throws FacebookApiException
   */
  protected function _restserver($params) {
    // generic application level parameters
    $params['api_key'] = $this->getAppId();
    $params['format'] = 'json-strings';

    $result = json_decode($this->_oauthRequest(
      $this->getApiUrl($params['method']),
      $params
    ), true);

    // results are returned, errors are thrown
    if (is_array($result) && isset($result['error_code'])) {
      $this->throwAPIException($result);
    }

    if ($params['method'] === 'auth.expireSession' ||
        $params['method'] === 'auth.revokeAuthorization') {
      $this->destroySession();
    }

    return $result;
  }

  /**
   * Invoke the Graph API.
   *
   * @param string $path The path (required)
   * @param string $method The http method (default 'GET')
   * @param array $params The query/post data
   *
   * @return mixed The decoded response object
   * @throws FacebookApiException
   */
  protected function _graph($path, $method = 'GET', $params = array()) {
    if (is_array($method) && empty($params)) {
      $params = $method;
      $method = 'GET';
    }
    $params['method'] = $method; // method override as we always do a POST

    $result = json_decode($this->_oauthRequest(
      $this->getUrl('graph', $path),
      $params
    ), true);

    // results are returned, errors are thrown
    if (is_array($result) && isset($result['error'])) {
      $this->throwAPIException($result);
    }

    return $result;
  }

  /**
   * Make a OAuth Request.
   *
   * @param string $url The path (required)
   * @param array $params The query/post data
   *
   * @return string The decoded response object
   * @throws FacebookApiException
   */
  protected function _oauthRequest($url, $params) {
    if (!isset($params['access_token'])) {
      $params['access_token'] = $this->getAccessToken();
    }

    // json_encode all params values that are not strings
    foreach ($params as $key => $value) {
      if (!is_string($value)) {
        $params[$key] = json_encode($value);
      }
    }

    return $this->makeRequest($url, $params);
  }

  /**
   * Makes an HTTP request. This method can be overridden by subclasses if
   * developers want to do fancier things or use something other than curl to
   * make the request.
   *
   * @param string $url The URL to make the request to
   * @param array $params The parameters to use for the POST body
   * @param CurlHandler $ch Initialized curl handle
   *
   * @return string The response text
   */
  protected function makeRequest($url, $params, $ch=null) {
    if (!$ch) {
      $ch = curl_init();
    }

    $opts = self::$CURL_OPTS;
    if ($this->getFileUploadSupport()) {
      $opts[CURLOPT_POSTFIELDS] = $params;
    } else {
      $opts[CURLOPT_POSTFIELDS] = http_build_query($params, null, '&');
    }
    $opts[CURLOPT_URL] = $url;

    // disable the 'Expect: 100-continue' behaviour. This causes CURL to wait
    // for 2 seconds if the server does not support this header.
    if (isset($opts[CURLOPT_HTTPHEADER])) {
      $existing_headers = $opts[CURLOPT_HTTPHEADER];
      $existing_headers[] = 'Expect:';
      $opts[CURLOPT_HTTPHEADER] = $existing_headers;
    } else {
      $opts[CURLOPT_HTTPHEADER] = array('Expect:');
    }

    curl_setopt_array($ch, $opts);
    $result = curl_exec($ch);

    if (curl_errno($ch) == 60) { // CURLE_SSL_CACERT
      self::errorLog('Invalid or no certificate authority found, '.
                     'using bundled information');
      curl_setopt($ch, CURLOPT_CAINFO,
                  dirname(__FILE__) . '/fb_ca_chain_bundle.crt');
      $result = curl_exec($ch);
    }

    if ($result === false) {
      $e = new FacebookApiException(array(
        'error_code' => curl_errno($ch),
        'error' => array(
        'message' => curl_error($ch),
        'type' => 'CurlException',
        ),
      ));
      curl_close($ch);
      throw $e;
    }
    curl_close($ch);
    return $result;
  }

  /**
   * Parses a signed_request and validates the signature.
   *
   * @param string $signed_request A signed token
   * @return array The payload inside it or null if the sig is wrong
   */
  protected function parseSignedRequest($signed_request) {
    list($encoded_sig, $payload) = explode('.', $signed_request, 2);

    // decode the data
    $sig = self::base64UrlDecode($encoded_sig);
    $data = json_decode(self::base64UrlDecode($payload), true);

    if (strtoupper($data['algorithm']) !== 'HMAC-SHA256') {
      self::errorLog('Unknown algorithm. Expected HMAC-SHA256');
      return null;
    }

    // check sig
    $expected_sig = hash_hmac('sha256', $payload,
                              $this->getApiSecret(), $raw = true);
    if ($sig !== $expected_sig) {
      self::errorLog('Bad Signed JSON signature!');
      return null;
    }

    return $data;
  }

  /**
   * Build the URL for api given parameters.
   *
   * @param $method String the method name.
   * @return string The URL for the given parameters
   */
  protected function getApiUrl($method) {
    static $READ_ONLY_CALLS =
      array('admin.getallocation' => 1,
            'admin.getappproperties' => 1,
            'admin.getbannedusers' => 1,
            'admin.getlivestreamvialink' => 1,
            'admin.getmetrics' => 1,
            'admin.getrestrictioninfo' => 1,
            'application.getpublicinfo' => 1,
            'auth.getapppublickey' => 1,
            'auth.getsession' => 1,
            'auth.getsignedpublicsessiondata' => 1,
            'comments.get' => 1,
            'connect.getunconnectedfriendscount' => 1,
            'dashboard.getactivity' => 1,
            'dashboard.getcount' => 1,
            'dashboard.getglobalnews' => 1,
            'dashboard.getnews' => 1,
            'dashboard.multigetcount' => 1,
            'dashboard.multigetnews' => 1,
            'data.getcookies' => 1,
            'events.get' => 1,
            'events.getmembers' => 1,
            'fbml.getcustomtags' => 1,
            'feed.getappfriendstories' => 1,
            'feed.getregisteredtemplatebundlebyid' => 1,
            'feed.getregisteredtemplatebundles' => 1,
            'fql.multiquery' => 1,
            'fql.query' => 1,
            'friends.arefriends' => 1,
            'friends.get' => 1,
            'friends.getappusers' => 1,
            'friends.getlists' => 1,
            'friends.getmutualfriends' => 1,
            'gifts.get' => 1,
            'groups.get' => 1,
            'groups.getmembers' => 1,
            'intl.gettranslations' => 1,
            'links.get' => 1,
            'notes.get' => 1,
            'notifications.get' => 1,
            'pages.getinfo' => 1,
            'pages.isadmin' => 1,
            'pages.isappadded' => 1,
            'pages.isfan' => 1,
            'permissions.checkavailableapiaccess' => 1,
            'permissions.checkgrantedapiaccess' => 1,
            'photos.get' => 1,
            'photos.getalbums' => 1,
            'photos.gettags' => 1,
            'profile.getinfo' => 1,
            'profile.getinfooptions' => 1,
            'stream.get' => 1,
            'stream.getcomments' => 1,
            'stream.getfilters' => 1,
            'users.getinfo' => 1,
            'users.getloggedinuser' => 1,
            'users.getstandardinfo' => 1,
            'users.hasapppermission' => 1,
            'users.isappuser' => 1,
            'users.isverified' => 1,
            'video.getuploadlimits' => 1);
    $name = 'api';
    if (isset($READ_ONLY_CALLS[strtolower($method)])) {
      $name = 'api_read';
    } else if (strtolower($method) == 'video.upload') {
      $name = 'api_video';
    }
    return self::getUrl($name, 'restserver.php');
  }

  /**
   * Build the URL for given domain alias, path and parameters.
   *
   * @param $name string The name of the domain
   * @param $path string Optional path (without a leading slash)
   * @param $params array Optional query parameters
   *
   * @return string The URL for the given parameters
   */
  protected function getUrl($name, $path='', $params=array()) {
    $url = self::$DOMAIN_MAP[$name];
    if ($path) {
      if ($path[0] === '/') {
        $path = substr($path, 1);
      }
      $url .= $path;
    }
    if ($params) {
      $url .= '?' . http_build_query($params, null, '&');
    }

    return $url;
  }

  /**
   * Returns the Current URL, stripping it of known FB parameters that should
   * not persist.
   *
   * @return string The current URL
   */
  protected function getCurrentUrl() {
    if (isset($_SERVER['HTTPS']) && ($_SERVER['HTTPS'] == 'on' || $_SERVER['HTTPS'] == 1)
      || isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https'
    ) {
      $protocol = 'https://';
    }
    else {
      $protocol = 'http://';
    }
    $currentUrl = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
    $parts = parse_url($currentUrl);

    $query = '';
    if (!empty($parts['query'])) {
      // drop known fb params
      $params = explode('&', $parts['query']);
      $retained_params = array();
      foreach ($params as $param) {
        if ($this->shouldRetainParam($param)) {
          $retained_params[] = $param;
        }
      }

      if (!empty($retained_params)) {
        $query = '?'.implode($retained_params, '&');
      }
    }

    // use port if non default
    $port =
      isset($parts['port']) &&
      (($protocol === 'http://' && $parts['port'] !== 80) ||
       ($protocol === 'https://' && $parts['port'] !== 443))
      ? ':' . $parts['port'] : '';

    // rebuild
    return $protocol . $parts['host'] . $port . $parts['path'] . $query;
  }

  /**
   * Returns true if and only if the key or key/value pair should
   * be retained as part of the query string.  This amounts to
   * a brute-force search of the very small list of Facebook-specific
   * params that should be stripped out.
   *
   * @param string $param A key or key/value pair within a URL's query (e.g.
   *                     'foo=a', 'foo=', or 'foo'.
   *
   * @return boolean
   */
  protected function shouldRetainParam($param) {
    foreach (self::$DROP_QUERY_PARAMS as $drop_query_param) {
      if (strpos($param, $drop_query_param.'=') === 0) {
        return false;
      }
    }

    return true;
  }

  /**
   * Analyzes the supplied result to see if it was thrown
   * because the access token is no longer valid.  If that is
   * the case, then the persistent store is cleared.
   *
   * @param $result array A record storing the error message returned
   *                      by a failed API call.
   */
  protected function throwAPIException($result) {
    $e = new FacebookApiException($result);
    switch ($e->getType()) {
      // OAuth 2.0 Draft 00 style
      case 'OAuthException':
        // OAuth 2.0 Draft 10 style
      case 'invalid_token':
        // REST server errors are just Exceptions
      case 'Exception':
        $message = $e->getMessage();
      if ((strpos($message, 'Error validating access token') !== false) ||
          (strpos($message, 'Invalid OAuth access token') !== false)) {
        $this->setAccessToken(null);
        $this->user = 0;
        $this->clearAllPersistentData();
      }
    }

    throw $e;
  }

  /**
   * Prints to the error log if you aren't in command line mode.
   *
   * @param string $msg Log message
   */
  protected static function errorLog($msg) {
    // disable error log if we are running in a CLI environment
    // @codeCoverageIgnoreStart
    if (php_sapi_name() != 'cli') {
      error_log($msg);
    }
    // uncomment this if you want to see the errors on the page
    // print 'error_log: '.$msg."\n";
    // @codeCoverageIgnoreEnd
  }

  /**
   * Base64 encoding that doesn't need to be urlencode()ed.
   * Exactly the same as base64_encode except it uses
   *   - instead of +
   *   _ instead of /
   *
   * @param string $input base64UrlEncoded string
   * @return string
   */
  protected static function base64UrlDecode($input) {
    return base64_decode(strtr($input, '-_', '+/'));
  }

  /**
   * Destroy the current session
   */
  public function destroySession() {
    $this->setAccessToken(null);
    $this->user = 0;
    $this->clearAllPersistentData();
  }

  /**
   * Each of the following four methods should be overridden in
   * a concrete subclass, as they are in the provided Facebook class.
   * The Facebook class uses PHP sessions to provide a primitive
   * persistent store, but another subclass--one that you implement--
   * might use a database, memcache, or an in-memory cache.
   *
   * @see Facebook
   */

  /**
   * Stores the given ($key, $value) pair, so that future calls to
   * getPersistentData($key) return $value. This call may be in another request.
   *
   * @param string $key
   * @param array $value
   *
   * @return void
   */
  abstract protected function setPersistentData($key, $value);

  /**
   * Get the data for $key, persisted by BaseFacebook::setPersistentData()
   *
   * @param string $key The key of the data to retrieve
   * @param boolean $default The default value to return if $key is not found
   *
   * @return mixed
   */
  abstract protected function getPersistentData($key, $default = false);

  /**
   * Clear the data with $key from the persistent storage
   *
   * @param string $key
   * @return void
   */
  abstract protected function clearPersistentData($key);

  /**
   * Clear all data from the persistent storage
   *
   * @return void
   */
  abstract protected function clearAllPersistentData();
}


code:
<?php
 $cache_expire = 60*60*24*365;
 header("Pragma: public");
 header("Cache-Control: max-age=".$cache_expire);
 header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
 ?>

<script src="//connect.facebook.net/en_US/all.js"></script>


code:
<?php
try
{
    // On se connecte à MySQL
    $pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
    $bdd = new PDO('mysql:host=localhost;dbname=Zaman', 'root', 'root', $pdo_options);

    // On récupère tout le contenu de la table jeux_video
    $reponse = $bdd->query('SELECT * FROM Zaman');

    // On affiche chaque entrée une à une
    while ($donnees = $reponse->fetch())
    {
    ?>

        Jeu : <?php echo $donnees['Index']; ?>

        Le possesseur de ce jeu est : <?php echo $donnees['Proverbe']; ?>, et il le vend à  <?php echo $donnees['prix']; ?>   euros !

        Ce jeu fonctionne sur <?php echo $donnees['Index']; ?> et on peut y jouer à  <?php echo $donnees['nbre_joueurs_max']; ?> au maximum

        <?php echo $donnees['Proverbe']; ?> a laissé ses commentaires sur <?php echo $donnees['Index']; ?> : <?php echo    $donnees['Index']; ?>

    <?php
    }

    $reponse->closeCursor(); // Termine le traitement de la requête

}
catch(Exception $e)
{
    // En cas d'erreur précédemment, on affiche un message et on arrête tout
    die('Erreur : '.$e->getMessage());
}

?>


code:
<?php
/**
 * Copyright 2011 Facebook, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may
 * not use this file except in compliance with the License. You may obtain
 * a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 */

require 'facebook.php';

// Create our Application instance (replace this with your appId and secret).
$facebook = new Facebook(array(
  'appId'  => '295382490514488',
  'secret' => '986a4d474854f811d3d96745e37cdfd9',
));

// Get User ID
$user = $facebook->getUser();

// We may or may not have this data based on whether the user is logged in.
//
// If we have a $user id here, it means we know the user is logged into
// Facebook, but we don't know if the access token is valid. An access
// token is invalid if the user logged out of Facebook.

if ($user) {
  try {
    // Proceed knowing you have a logged in user who's authenticated.
    $user_profile = $facebook->api('/me');
  } catch (FacebookApiException $e) {
    error_log($e);
    $user = null;
  }
}

// Login or logout url will be needed depending on current user state.
if ($user) {
  $logoutUrl = $facebook->getLogoutUrl();
} else {
  $loginUrl = $facebook->getLoginUrl();
}

// This call will always work since we are fetching public data.
$naitik = $facebook->api('/naitik');

?>
<!doctype html>

    <title>php-sdk</title>

php-sdk

    <?php if ($user): ?>
      <a href="<?php echo $logoutUrl; ?>">Logout
    <?php else: ?>

        Login using OAuth 2.0 handled by the PHP SDK:
        <a href="<?php echo $loginUrl; ?>">Login with Facebook

    <?php endif ?>

PHP Session

<?php print_r($_SESSION); ?>

    <?php if ($user): ?>

You

      <img src="https://graph.facebook.com/<?php echo $user; ?>/picture">

Your User Object (/me)

<?php print_r($user_profile); ?>

    <?php else: ?>
      You are not Connected.
    <?php endif ?>

Public profile of Naitik

    <?php echo $naitik['name']; ?>


code:
<?php
/**
 * Copyright 2011 Facebook, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may
 * not use this file except in compliance with the License. You may obtain
 * a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 */

require_once "base_facebook.php";

/**
 * Extends the BaseFacebook class with the intent of using
 * PHP sessions to store user ids and access tokens.
 */
class Facebook extends BaseFacebook
{
  /**
   * Identical to the parent constructor, except that
   * we start a PHP session to store the user ID and
   * access token if during the course of execution
   * we discover them.
   *
   * @param Array $config the application configuration.
   * @see BaseFacebook::__construct in facebook.php
   */
  public function __construct($config) {
    if (!session_id()) {
      session_start();
    }
    parent::__construct($config);
  }

  protected static $kSupportedKeys =
    array('state', 'code', 'access_token', 'user_id');

  /**
   * Provides the implementations of the inherited abstract
   * methods.  The implementation uses PHP sessions to maintain
   * a store for authorization codes, user ids, CSRF states, and
   * access tokens.
   */
  protected function setPersistentData($key, $value) {
    if (!in_array($key, self::$kSupportedKeys)) {
      self::errorLog('Unsupported key passed to setPersistentData.');
      return;
    }

    $session_var_name = $this->constructSessionVariableName($key);
    $_SESSION[$session_var_name] = $value;
  }

  protected function getPersistentData($key, $default = false) {
    if (!in_array($key, self::$kSupportedKeys)) {
      self::errorLog('Unsupported key passed to getPersistentData.');
      return $default;
    }

    $session_var_name = $this->constructSessionVariableName($key);
    return isset($_SESSION[$session_var_name]) ?
      $_SESSION[$session_var_name] : $default;
  }

  protected function clearPersistentData($key) {
    if (!in_array($key, self::$kSupportedKeys)) {
      self::errorLog('Unsupported key passed to clearPersistentData.');
      return;
    }

    $session_var_name = $this->constructSessionVariableName($key);
    unset($_SESSION[$session_var_name]);
  }

  protected function clearAllPersistentData() {
    foreach (self::$kSupportedKeys as $key) {
      $this->clearPersistentData($key);
    }
  }

  protected function constructSessionVariableName($key) {
    return implode('_', array('fb',
                              $this->getAppId(),
                              $key));
  }
}


code:
<!DOCTYPE html>

<meta property="og:title" content="{block:PostTitle}{PostTitle}{/block:PostTitle}"/>
<meta property="og:site_name" content="vasconcept-apps.net"/>
<meta property="og:image" content="http://www.vasconcept-apps.net/me.png"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<link media="Screen" href="mymbcss.css" type="text/css" rel="stylesheet" />
<link media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />

<title>Dictons</title>

<?php
//$var2 = rand(1, 3);
//$var3 = "000". $var2;
$var1 ="";
$var1 = $_GET['AAA'];
//$var2 = ($var1 =="") ? rand(1,3); : $_GET['AAA'];
if($var1 == "")
{
	$var2 = rand(1, 10);
}
else
{
	$var2 = $_GET['AAA'];
}
	$bdd = new PDO('mysql:host=localhost;dbname=Zaman', 'root', 'root');
	$sql = "SELECT * FROM `Zaman` WHERE `Index` =".$var2;
	$reponse = $bdd->query($sql);
	while($donnees = $reponse->fetch())
	{
	//	print($donnees['Index']." ");
    	print("

");
		print($donnees['Proverbe']);
		print("

");
		print("
");
		print("
");
		print("");
		print("Tweeter");
		print("");
	    print("
");

	//	print("
");

	}
	$reponse->closeCursor();
?>

<?php
	print("");
?>

<?php
print("Tweeter");
?>

<?php
print("");
?>


code:
<meta property="og:title" content="Dictons"/>
<meta property="og:site_name" content="vasconcept-apps.net"/>
<meta property="og:image" content="http://www.vasconcept-apps.net/Dictons.png"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<link media="Screen" href="mobile.css" type="text/css" rel="stylesheet" />
<link media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />

<title>Dictons</title>

<?php
$var1 ="";
$var1 = $_GET['AAA'];
if($var1 == "")
{
	$var2 = rand(1, 10);
}
else
{
	$var2 = $_GET['AAA'];
}
$bdd = new PDO('mysql:host=vasconceptappsnet.ipagemysql.com;dbname=vasconcept_db2', 'vasconcept_db2', '1234567890');
$sql = "SELECT * FROM `Zaman` WHERE `Index` =".$var2;
$reponse = $bdd->query($sql);
while($donnees = $reponse->fetch())
{
    print("
");
	print($donnees['Dictant']);
	print("
");
}
$reponse->closeCursor()
?>

<?php
	print("");
?>

<?php
print("Tweeter");
?>

<?php
print("");
?>


code:
<?php
$link = mysql_connect('vasconceptappsnet.ipagemysql.com', 'vasconcept_db2', '1234567890');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
echo 'Connected successfully';
mysql_select_db(vasconcept_db2);

$reponse = $link->query('SELECT * FROM Zaman');
$donnees = $reponse->fetch();

echo $donnees['Index'];
echo $donnees['dictant'];

?>


code:
<!DOCTYPE html>

<meta property="og:title" content="{block:PostTitle}{PostTitle}{/block:PostTitle}"/>
<meta property="og:site_name" content="vasconcept-apps.net"/>
<meta property="og:image" content="http://www.vasconcept-apps.net/me.png"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<link media="Screen" href="mymbcss.css" type="text/css" rel="stylesheet" />
<link media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />

<title>Dictons</title>

<?php

$var1 ="";
$var1 = $_GET['AAA'];
//$var2 = ($var1 =="") ? rand(1,3); : $_GET['AAA'];
if($var1 == "")
{
	$var2 = rand(1, 10);
}
else
{
	$var2 = $_GET['AAA'];
}
	$bdd = new PDO('mysql:host=localhost;dbname=Zaman', 'root', 'root');
	$sql = "SELECT * FROM `Zaman` WHERE `Index` =".$var2;
	$reponse = $bdd->query($sql);
	while($donnees = $reponse->fetch())
	{
	//	print($donnees['Index']." ");
    	print("

");
		print($donnees['Proverbe']);
		print("

");
		print("
");
		print("
");
		print("");
		print("Tweeter");
		print("");
	    print("
");

	//	print("
");

	}
	$reponse->closeCursor();
?>


code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <title>Menu horizontal avec onglets</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" href="style.css" type="text/css" />

Menu 1

Menu 2

Menu 3

Menu 4

Menu 5


code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

     <title>Menu horizontal avec onglets</title>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />

Menu 1

Menu 2

Menu 3

Menu 4

Menu 5


code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

     <title>Menu horizontal avec onglets</title>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" href="style.css" type="text/css" />

Menu 1

Menu 2

Menu 3

Menu 4

Menu 5


code:
*{
	margin:0;
	padding:0;
}
#menu{
	width:500px;
	background:#e7474e;
	margin:0 auto;
	height:50px;
	color:#000;
}
.menu{
	float:left;
	width:100px;
	height:45px;
	text-align:center;
}
.menu a{
	display:block;
	height:30px;
	padding-top:15px;
}
.menu a:link, .menu a:visited{
	text-decoration:none;
	color:#000;
	font-family:verdana, sans-serif;
	font-size:12px;
	background:#abc url(fond.jpg) 0 -45px;
}
.menu#activ a:link, .menu#activ a:visited{
	background:#abc url(fond.jpg);
	color:#000;
}
.menu a:hover, .menu a:active, .menu a:focus{
	background:#abc url(fond.jpg) 0 -90px;
	color:#393;
}
.menu#activ a:hover, .menu #activ a:active, .menu#activ a:focus{
	background:#abc url(fond.jpg);
	color:#393;
}


code:
/* If you have set your body tag or a wrapper div with class='wrapper' in your desktop styles.css
   to a specific width then you will want to change it to width: auto;
   You may also have set a min-width in styles.css.  Best to change that to 0px
*/
body, .wrapper
{
   width: auto;
   /* max-width: 320px; */ /* max_width works with iPhones, but doesn't format well with new Android phones and devices that are wider than 320px */
   min-width: 0px;
}
/* There is no need to have a giant header on a small mobile screen */
h1
{
   font-size: 1em;
}
/* As a matter of fact, if you have any Divs with a set width you will want to change their class
   to have width: auto;
   Sometimes width: 100%; works better, so play with both
*/
.commentbox, .iframe_box,
{
   width: 100%;
}
/* Some images you may want to change the width to less than the width of the screen */
.photo img
{
   max-width: 160px;
}
/* If you have any pop-up help windows that appear in the middle of the screen or have a left
   of something like left: 100px; then you will want them to be closer to the left side
   of the screen, so that it appears correctly on the smaller displays
*/
.helpwindow
{
   left: 1px;
}
/* There are some elements of the webpage that you just won't want to display on a mobile device.
   For this page we don't want to display the normal google ads because they take up too much room
   on a mobile phone. So I have made two DIVs around the google ads with a class of google_top
   for the top one and google_left for the left one.
*/
.google_top, .google_left
{
   display: none;
}
/* But you may want to put in a special google mobile ad.  Surround that ad with a DIV with class='google_mobile'.
   In the desktop stylesheet (styles.css) you would have display: none; for that class.  But in the mobile
   stylesheet you have display: block
*/
.google_mobile
{
   float: none;
   display: block;
}
/* On the desktop stylesheet you probably have many floats for side menus or ads next to elements in the page.
   You will want to cancel all these floats so that users don't have to scroll left and right to see everything
   on the page.  If you decide to include your side menu it will appear above the content of your page.  Make
   sure you set the width to auto or 100%
*/
.sidemenu
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   float: none;
}
/* In a side menu you usually place anchor links or buttons.
If you have each link displayed as block you may want to let
them float next to each other so that they don't take up as much room vertically.
Put some margin around them so they are easy to press with a finger.
*/
.sidemenu a
{
   padding: 1px;
   margin: 3px;
   float: left;
}
.sidemenu a:hover
{
   padding: 1px;
   margin: 3px;
   float: left;
}
/* If you have input form elements of type='text' that have a very long length attribute, you will
	want to stop using length and use a css width instead.  For mobile use width: auto;
*/
.input
{
	width: auto;
}
/*If you have a textarea that has a wide
	cols attribute you will want to change it to use width: 100%
*/
textarea
{
	width: 100%;
}
/* Sometimes you might have a really wide table or div or pre that just won't fit in the width of a
mobile device causing the page to have to scroll sideways (horizontally) to view the whole
div or table.  Add the following break_word class and the table or div will even split in
the middle of words to try to format it to the width of the device:
Examples:
 or

*/
.break_word
{
	width: auto;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


code:
body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url("img1.png");
	background-position: right bottom;
	vertical-align: middle;
	z-index: 1;
}
h1 {
	font-size: medium;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	width: inherit;
	z-index: 1;
}
h1:first-letter { font-size: 300%;}

div.one
{
height: 320px;
width: 450px;
}

div.left
{
	position: absolute;
	left: 455px;
	top: 150px;
	box-shadow: 6px 6px 6px black;
	background-color: white;
	border: groove;
	z-index: 2;
}

a.my
{
	vertical-align: text-bottom;
}


code:
--
-- Serveur: localhost
-- Généré le : Mer 11 Janvier 2012 à 18:15
-- Version du serveur: 5.1.44
-- Version de PHP: 5.2.13

--
-- Base de données: `Zaman`
--

-- --------------------------------------------------------

--
-- Structure de la table `Zaman`
--

CREATE TABLE IF NOT EXISTS `Zaman` (
  `Index` varchar(256) binary NOT NULL,
  `Proverbe` varchar(256) binary NOT NULL,
  PRIMARY KEY (`Index`)
) TYPE=MyISAM;

--
-- Contenu de la table `Zaman`
--

INSERT INTO `Zaman` VALUES('0001', 'Ne fais que ce que te dicte ton coeur.');
INSERT INTO `Zaman` VALUES('0002', ' La vie est trop courte pour qu''on te la dicte.');
INSERT INTO `Zaman` VALUES('0003', ' Une des sources les plus fréquentes d''erreur est de prétendre expliquer avec la raison des actes dictés par des influences affectives ou mystiques.');


code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title>
<link href="style.css" rel="stylesheet" type="text/css" />

Test

HOME

Products

SoftwarePlus

MagicDriver

GreatFX

SampleSoft

UnDoIt

100% CSS Menu

With Cross-Browser

Dropdowns

Absolutely NO Javascript

Being Used On

These Menus

Example Of a Divider

With No Title

Quality

SoftwarePlus

MagicDriver

GreatFX

SampleSoft

UnDoIt

100% CSS Menu

With Cross-Browser

Dropdowns

Absolutely NO Javascript

Being Used On

These Menus

Example Of a Divider

With No Title

Services

Title For Links

These Links Still Appear

Just Like The Others

Even When Under A Title

Title After Divider

Once Again...

These Links Still Appear

Just Like The Others

Even When Under A Title

Very Long Item

Title For Links

These Links Still Appear

Just Like The Others

Even When Under A Title

Title After Divider

Once Again...

These Links Still Appear

Just Like The Others

Even When Under A Title

Fully Flexible

Title For Links

These Links Still Appear

Just Like The Others

Even When Under A Title

Title After Divider

Once Again...

These Links Still Appear

Just Like The Others

Even When Under A Title


code:
@charset "utf-8";
/* CSS Document */

body{
padding: 25px;
}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/
#nav-container a{
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz{
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}