Overblog Suivre ce blog
Administration Créer mon blog

Articles avec #over blog catégorie

2017-09-15T10:45:44+02:00

Avec le nouvel OverBlog comment remettre un lien sur une image et la redimensionner en 300px de large ?

Publié par Coquelikosafrane -

 

Après un peu de recherche ce jour voici le code :

 

<p><center><a width="300" target="_blank" title="clic pour ouvrir l'image dans une nouvelle fenêtre" href="adresse de l'image"><img alt="nom de l'image" width="300" src="adresse de l'image" /></a></p></center>

 

 

 

 

 

2016-09-11T10:29:05+02:00

Correcteur d'orthographe pour Over Blog .

Publié par Coquelikosafrane -

 

Lors de la rédaction d'articles ou bien encore de pages il est très fréquent que nous tapions trop vite et que nous nous retrouvions avec plein de mots soulignés en rouge et pleins de fautes de frappe!

 

Comment faire ?

 

Rien de bien compliqué !

 

Il suffit de cliquer droit sur ce mot et de trouver dans la fenêtre qui s'ouvre le mot correct:

 

Par exemple :

 

 

 

 

2016-05-05T14:31:37+02:00

css rentrée 2016 sauvegarde .

Publié par Coquelikosafrane -

<!DOCTYPE html>
<html lang="{{ Blog.Lang | default('en') }}" itemscope="" itemtype="http://schema.org/Blog">
<head>
<!-- shortcut:[Meta] -->
<!-- title -->
{% title %}
<!-- metas description, keyword, robots -->
{% meta %}
<!-- favicon -->
{% favicon %}
<meta name="list:display_mode:label.numberOfSections" items="Summary,1,2,3,4,5,6,7,8,9,10,All" default="All" />


<meta name="image:logo:label.headerImage" group="Graphical" />
<meta name="image:headerImageBackground:label.backgroundImage" group="Graphical" default="http://coquelikoaumarineland2009.c.o.pic.centerblog.net/1f3b9b44.gif" />




<meta name="string:facebook_account:label.facebookUsername" group="Social" />
<meta name="string:twitter_account:label.twitterUsername" group="Social" />
<meta name="list:share_service:label.socialSharingServices" items="None, Facebook, Twitter, Google +, All" default="All" group="Social" />


<meta name="boolean:display_widget_tags:label.hideCategories" group="Widgets" />
<meta name="boolean:display_widget_pages:label.hidePages" group="Widgets" />
<meta name="boolean:display_widget_archives:label.hideArchives" group="Widgets" />
<meta name="boolean:custom_hide_widget_free_html_1:label.hideFreeModule1" group="Widgets" />
<meta name="boolean:hide_search:label.hideSearchForm" default="false" group="Widgets" />
<meta name="boolean:display_widget_social:label.hideFollowUs" group="Widgets" />
<meta name="boolean:custom_hide_widget_subscribe:label.hideSubscribeForm" group="Widgets" />
<meta name="boolean:display_widget_lastPosts:label.hideLastPosts" group="Widgets" />
<meta name="boolean:custom_hide_widget_free_html_2:label.hideFreeModule2" group="Widgets" />


<meta name="string:free_title_1:label.freeModuleTitle1" group="Free Widget 1" />
<meta name="text:free_html_1:label.freeModuleHTML1" group="Free Widget 1" />
<meta name="string:free_title_2:label.freeModuleTitle2" group="Free Widget 2" />
<meta name="text:free_html_2:label.freeModuleHTML2" group="Free Widget 2" />


<meta name="list:comment:label.commentsServices" items="OverBlog, Facebook, Disqus" default="OverBlog" group="Comment" />
<meta name="string:comment_disqus:label.disqusAccount" default="obcomment" group="Comment" />


<meta name="string:facebook_appid:label.facebookAppid" group="Settings" />
<meta name="string:google_analytics:label.googleAnalyticsId" group="Settings" />
<meta name="string:google_webmaster_id:label.googleWebmasterToolsId" group="Settings" />
<meta name="string:msn_webmaster_id:label.msnWebmasterId" group="Settings" />


<!-- shortcut:[Includes] -->


<!-- SEO -->
{% if Custom('google_webmaster_id') is not empty %}
<meta name="google-site-verification" content="{{ Custom('google_webmaster_id') }}" />
{% endif %}
{% if Custom('msn_webmaster_id') is not empty %}
<meta name="msvalidate.01" content="{{ Custom('msn_webmaster_id') }}" />
{% endif %}


<!-- includes -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />


<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


{# Styles #}
<link href="//assets.over-blog-kiwi.com/themes/jquery/fancybox2.1.2/jquery.fancybox.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Kranky' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet" type="text/css" />
<style type="text/css">
/*
-----------------------------------------------
Blogger Template
Name : Girl's Gift
Coder: www.ipietoon.com
Illustration : unknown
----------------------------------------------- */
body {
background-image:url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/6a2c639b.png);
color:#000000;
font-size: 13px;
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
text-align: left;
margin: 0 auto 0;
padding: 0;
cursor: auto;
}
#wrap {
width: 920px;
margin: 10px auto 10px;
padding: 0;
position: relative;
}
a, a:visited {
color: #604040;
text-decoration: none;
}
a:hover {
letter-spacing: 15px;
font-weight:bold;
color:DeepPink;
}
}
a img {
border-width: 0;
}


/* clearfix */
.clearfix:before, .clearfix:after{
content: "";
display: table;
}
.clearfix:after{
clear: both;
}
.clear{
clear:both;
}


.visuallyhidden,
.ob-form-subscription label {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
/* Header
-----------------------------------------------*/
#header-outer {
{% if Custom('headerImageBackground') is not empty %}
background: url({{ Custom('headerImageBackground') }}) no-repeat right bottom;
{% else %}
background:none;
{% endif %}
width: 920px;
min-height: 300px;
color: #932b54;
margin: 0 auto 0;
padding: 0;
overflow: hidden;
}
#header-wrapper {
width: 920px;
color: #2e937a;
margin: 20px auto 0;
overflow: hidden;
}
#header-inner {
margin-left: auto;
margin-right: auto;
}
#header-inner .title .text {
display: block;
max-width: 400px;
font-size: 40px;
padding-left: 3px;
font-family: 'Kranky', cursive;
text-shadow: -1px 0 #660000, 0 1px #660000, 1px 0 #660000, 0 -1px #660000;
}
#header {
margin: auto;
text-align: left;
}
#header a {
text-decoration: none;
}


#header .description {
max-width: 400px;
margin: 0 5px 5px;
color: #0080FF;
font-size: 14px;
font-family: 'Gloria Hallelujah', Georgia;
font-weight: bold;
line-height: 1.4em;
}
#header .title {
margin: 0;
}
#header .title img {
margin-top: 60px;
float: left;
max-width: 480px;
}
.header-avatar,
#header .title{
display: inline-block;
vertical-align: middle;
}
/* Navigation Menu
------------------------------------------------------*/
.NavbarMenu {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/navbg.png) no-repeat left bottom;
width: 900px;
font-size: 14px;
color: #e5a3a4;
font-weight: bold;
margin: 10px auto 0;
padding: 2px 20px 0 0;
font-family: 'Gloria Hallelujah';
clear: both;
}
.NavbarMenu h2{
margin-bottom: 5px;
}
.nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
list-style: none;
margin: 0;
padding: 0;
}
.nav li.prev {
float: left;
}
.nav li.next {
float: right;
}
.nav li a, .nav li a:link, .nav li a:visited {
color: #31bbbb;
display: block;
font-weight: bold;
text-transform: titlecase;
margin: 0;
padding: 0 15px 7px;
}
.nav li a:hover, .nav li a:active {
color: #ff6086;
margin: 0;
padding: 0 15px 7px;
text-decoration: none;
}
.nav li li a, .nav li li a:link, .nav li li a:visited {
background: #C5EAf7;
width: 150px;
color: #FFF;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px dashed #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
.nav li li a:hover, .nav li li a:active {
background: #e87e93;
color: #FFF;
padding: 7px 10px;
}
.nav li {
float: left;
padding: 0;
}
.nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
.nav li ul a {
width: 140px;
}
.nav li ul ul {
margin: -32px 0 0 171px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
left: -999em;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
left: auto;
}
.nav li:hover, .nav li.sfhover {
position: static;
}
.pagination{
line-height: 38px;
}
/*Wrapper
---------------------------------*/
#outer-wrapper {
width: 960px;
margin: 0 auto 0;
line-height: 18px;
}
#content-wrapper {
margin: 0 auto 0;
padding: 0;
line-height: 18px;
}
#main-wrapper {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/45b92969.png) ; border: 1px dashed #2b09fb;
float: left;
width: 500px;
margin: auto;
padding-left: 10px;
}
#mainside-wrapper {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/6a2c639b.png) ;
float: right;
width: 720px;
margin: 2px auto 0;
padding: 0;
}
#sidebar-wrapper-right {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/45b92969.png) ; width: 190px;border: 1px dashed #2b09fb;
margin: 2 auto 10px 20px;
padding: 0;
float: right;
font-size: 11px!important;
line-height: 14px!important;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-left {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/45b92969.png) ; border: 1px dashed #2b09fb;
width: 190px;
margin: 2px auto 0;
padding: 0;
float: left;
font-size: 11px!important;
line-height: 14px!important;
background::#d0d0ce;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-left h3,
#sidebar-wrapper-right h3,
.search legend {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/sidebg.png) no-repeat left center;
color: #31BBBB;
font-family: 'Gloria Hallelujah',Georgia,serif;
font-size: 18px;
padding: 25px 0 15px 42px;
margin: 0;
text-align: left;
}
.sidebar, .sidebar2 {
margin: 2px 0;
padding: 0;
}
.sidebar ul, .sidebar2 ul {
list-style: none;
margin: 2px 0;
padding: 0;
}
.sidebar li, .sidebar2 li {
margin: 1px 0;
padding: 2px;
}
.sidebar .widget, .sidebar2 .widget {
margin-bottom: 10px;
padding: 0;
}
.sidebar .widget {
margin-bottom: 10px;
padding: 5px;
}
.main .widget {
margin: 0;
padding: 0;
}
.main .Blog {
padding: 10px 15px;
margin: 0;
}


.arch_year {
font-weight: bold;;
}
.arch_month li {
font-weight: normal;
margin-left: 10px;
}
.search {
clear: both;
}
.search form {
margin-left: 5px;
}
.search fieldset {
border: none;
margin: 0;
padding: 0;
}
.widget fieldset legend {
float: left;
}
.widget .ob-form-field{
margin:0;
}
.sidebar2 input[type=text],
.sidebar2 input[type=email]{
margin: 10px 0 0 5px;
padding-left: 10px;
width: 150px;
border-radius: 8px;
}
#wrap button,
#wrap input[type=submit] {
background: none;
border: 2px solid #9F5C5C;
border-radius: 5px;
box-shadow: inset 0 0 .4em #9F5C5C;
cursor: pointer;
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, sans-serif;
line-height: 17px;
padding: 3px 6px;
}
#wrap button:hover,
#wrap input[type=submit]:hover {
border-color:#f75b95;
box-shadow: inset 0 0 .3em #f75b95;
}
.sidebar2 button,
.sidebar2 input[type=submit] {
margin: 10px 0 0 5px;
}
/*Post
-------------------------------------------------*/
.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
margin-bottom: 10px;
padding: 0;
overflow: hidden;
width: 500px;
}
.post-title {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/postbg.png) no-repeat bottom;
margin: 10px 0 5px;
line-height: 35px;
text-align: center;
padding-bottom: 10px;
}
.post-title a, #content h1 a:visited {
color: #0080FF;
font-size: 28px;
font-family: 'Gloria Hallelujah',georgia, tahoma, verdana;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
}
.post-title a:hover {
color: #e86c81;
text-decoration: none;
}
.post-body {
margin: 3em 0 .75em;
line-height: 1.6em;
}
.ob-repost {
background: #F2F2F2;
font-weight: bold;
text-align: center;
}
.ob-repost .ob-link {
text-decoration: underline;
}
.post-header {
margin: .1em 0 .75em 0;
padding: 5px;
letter-spacing: .05em;
line-height: 1.4em;
display: block;
text-align: center;
}
.post-header-separation {
margin-right: -6px;
}
.post-footer {
margin: .75em 0 .75em 0;
padding: 5px;
letter-spacing: .05em;
line-height: 1.4em;
display: block;
}
.comment-link {
padding-left: 5px;
font-size: 11px;
}
.labels {
padding-left: 0;
font-size: 11px;
}
.author {
padding-left: 0;
font-size: 11px;
}
.timestamp {
padding-left: 5px;
font-size: 11px;
}
.ob-video iframe,
.ob-video object,
.ob-video embed,
.ob-section-html iframe,
.ob-section-html object,
.ob-section-html embed{
width: 497px;
max-height: 320px;
}
iframe.twitter-tweet-rendered{
max-height:inherit;
}
/*Comments
----------------------------------------------*/
.share {width: 497px;}
.share h4 {margin-bottom: 10px;}
.fb-like iframe {margin-top: -3px;}


.comments {
float: left;
margin-bottom: 10px;
padding: 0;
overflow: hidden;
width: 497px;
}
#comments h4 {
color: #f08889;
font-size: 20px;
font-family: 'Gloria Hallelujah',georgia, tahoma, verdana;
font-weight: bold;
margin: 0 0 10px;
padding: 20px 0 20px 0;
}
#comments-block {
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
letter-spacing: .1em;
border-bottom: 1px solid #b9dce3;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
clear: both;
}
.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/*Footer
---------------------------------------------*/
#footer {
width: 920px;
clear: both;
margin: 0 auto 0;
padding-top: 0;
line-height: 1.6em;
letter-spacing: .1em;
text-align: center;
}
/*Credit
---------------------------------------------------*/
#credit {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/creditbg.png) no-repeat bottom;
margin: 0 auto 0;
padding: 0;
width: 920px;
font-size: 10px;
clear: both;
font-weight: normal;
text-align: center;
color: #614431;
height: 80px;
}
#credit p {
margin: 0;
padding-bottom: 20px;
}
#credit a, .credit a:visited {
color: #4c4c4c;
text-decoration: none;
font: verdana;
font-size: 10px;
}
#credit a:hover {
color: #4c4c4c;
text-decoration: underline;
}
.avatar-image-container {
margin: .2em 0 0;
}
#PageList1 h2,
#Pagelist2 h2 {
display: none;
}


.blog-list-container .blog-title {
font-weight: bold;
}


/* Sections */
.ob-section-text,
.ob-section-images,
.ob-section-video,
.ob-section-audio,
.ob-section-quote,
.ob-secton-map,
.ob-section-link,
.ob-section-images img,
.ob-section-file {width: 497px;}


/* Medias */
.ob-cell,
.ob-img,
.ob-media,
.ob-video,
.ob-slideshow,
.yui3-slideshow-content,
.ob-map {
max-width: 497px;
}
.ob-video iframe {
width: 497px;
}
.ob-section-audio .obsoundplayer .obsoundplayername {height: 31px; width: 130px; overflow: hidden;}


.ob-row-1-col img {max-width: 100%;}
.ob-row-2-col img {max-width: 50%;}
.ob-row-3-col img {max-width: 165px;}


/* Section File */
.ob-section-file .ob-ctn {
background: #fff;
border-color: #DDD;
border-bottom-color: #BBB;
border-top-color: #EEE;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
display: block;
max-width: 100%
}
.ob-section-file .ob-ctn a.ob-link,
.ob-section-file .ob-c a.ob-link:visited {
color: #373737;
max-width: 410px;
text-decoration: underline;
}
.ob-section-file .ob-ctn a.ob-link:hover {
color: #373737;
text-decoration: none;
}


/* Section Quote */
.ob-section-quote {
background: #fff;
border-color: #DDD;
border-bottom-color: #BBB;
border-top-color: #EEE;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
}
.ob-section-quote .ob-quote p {
color: #373737;
min-height: 20px;
margin-left: 30px;
margin-right: 30px;
}
.ob-section-quote .ob-quote p:before {
color: #F75B95;
margin: 19px 0 0 -85px;
}
.ob-section-quote .ob-quote p:after {
color: #F75B95;
margin: 55px 0 0;
}
.ob-section-quote p.ob-author,
.ob-section-quote p.ob-source {
background: #F1F1F1;
color: gray;
font-size: 14px;
font-style: italic;
margin: 25px 0 0;
max-height: 24px;
max-width: 408px;
overflow: hidden;
padding-bottom: 0\9; /* for IE */
position: relative;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 11;
}
.ob-section-quote p.ob-author a.ob-link,
.ob-section-quote p.ob-source a.ob-link,
.ob-section-quote p.ob-author a.ob-link:hover,
.ob-section-quote p.ob-source a.ob-link:hover {
text-decoration: none;
}


.ob-section-quote p.ob-author a.ob-link,
.ob-section-quote p.ob-source a.ob-link {
color: gray;
}
.ob-section-quote p.ob-author a.ob-link:hover,
.ob-section-quote p.ob-source a.ob-link:hover {
color: #222;
}
.ob-section-map .ob-desc {
width: auto;
}
/* Share */
.share > div{
float:left;
height:20px;
margin-right:28px;
}
.share .google-share{
margin-right: 0;
}
.share iframe{
border:none;
width:90px;
}
/* Section Link */
.ob-section-link .ob-ctn {
background: #fff;
border-color: #DDD;
border-bottom-color: #BBB;
border-top-color: #EEE;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.ob-section-link .ob-media-left {
margin: 0;
}
.ob-section-link .ob-img {
float: left;
width: 170px;
}
.ob-section-link p.ob-title,
.ob-section-link p.ob-snippet {
color: #373737;
margin-bottom: 10px;
margin-left: 20px;
margin-top: 5px;
}
.ob-section-link p.ob-title .ob-link {
color: #F75B95;
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
max-height: 42px;
overflow: hidden;
}
.ob-section-link p.ob-snippet {
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
margin-bottom: 45px;
max-height: 30px;
overflow: hidden;
}
.ob-section-link p.ob-url {
background: #F1F1F1;
max-height: 24px;
max-width: 285px;
padding-bottom: 0\9;
}
.ob-section-link p.ob-url .ob-link {
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
}
.ob-section-link p.ob-url .ob-link:hover {
text-decoration: none;
}


.ob-section-link .ob-desc {
margin-top: 5px;
}
blockquote.ob-tweet{
margin: 0 2px 0 0;
}
.ob-text h3,
.ob-text h4,
.ob-text h5 {margin: 15px 0 5px;}
.ob-text h3 {font-size: 18px; font-weight: normal;}
.ob-text h4 {font-size: 16px; font-weight: normal;}
.ob-text h5 {font-size: 14px; font-weight: bold;}


.ob-text p {margin: 0 0 15px;}
.ob-text li:last-child {margin-bottom: 15px;}
.ob-text li p {margin-bottom: 5px;}


.ob-text pre {width: 570px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; overflow: auto;}
</style>
</head>
<body>
<div id='wrap'>
<div id='header-outer'>
<div id='header-wrapper'>
<div class='header section' id='header'>
<div class='widget Header' id='Header1'>
<div id='header-inner'>
{% if Custom('logo') is empty and Blog.Avatar is not empty %}
<div class="header-avatar">
<a href="{{ Blog.Url }}"><img src="{{ Blog.Avatar|resize(100,100)|crop }}" alt="{{ Blog.Title}}" width="100" height="100" /></a>
</div>
{% endif %}
<div class="title">
<h1>
<a href='{{ Blog.Url }}' title="{{ Blog.Description }}">
{% if Custom('logo') is not empty %}
<img src="{{ Custom('logo') }}" alt='{{ Blog.Title }}' />
{% else %}<span class="text">{{ Blog.Title }}</span>
{% endif %}
</a>
</h1>
{% if Custom('logo') is empty %}
<p class="description">{{ Blog.Description }}</p>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class='NavbarMenu nav'>
<h2 class="visuallyhidden">{{ Lang.Get('Pages') }}</h2>
<div class='widget-content'>
<ul class="clearfix">
<li class='selected'><a href='{{ Blog.Url }}'>{{ Lang.Get('Home') }}</a></li>
<li><a href='{{ Blog.Url }}/contact'>{{ Lang.Get('Contact') }}</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div id='outer-wrapper'>
<div id='content-wrapper'>
<div id='sidebar-wrapper-left'>
<div class='sidebar section'>
{% if Custom('display_widget_tags') != true and Blog.PostsTags is not empty %}
<div class='widget Label'>
<h3>{{ Lang.Get('Mes catégories') }}</h3>
<div class='widget-content list-label-widget-content'>
<ul>
{% list Blog.PostsTags(15) %}
<li>
<a dir='ltr' href='{{ PostsTag.Url }}'>{{ PostsTag.Title }}</a>
<span dir='ltr'>({{ PostsTag.PostCount }})</span>
</li>
{% endlist %}
</ul>
<div class='clear'></div>
</div>
</div>
{% endif %}


{% if Custom('display_widget_pages') != true and Blog.Pages is not empty %}
<div class='widget Feed'>
<h3>{{ Lang.Get('Pages') }}</h3>
<div class='widget-content'>
<ul>
{% list Blog.Pages %}
<li>
<a href="{{ Page.Url }}" title="{{ Page.Title }}">{{ Page.Title }}</a>
</li>
{% endlist %}
</ul>
</div>
</div>
{% endif %}


{% if Custom('display_widget_archives') != true and Blog.Archives is not empty %}
<div class='widget BlogArchive'>
<h3>{{ Lang.Get('Blog archives') }}</h3>
<ul id="archivelist">
{% list Blog.Archives %}
<li class="arch_year">
<a href="#" class="plustext" onclick="javascript:switch_arch('{{Archive.Year}}')">{{Archive.Year}}</a>
<ul id="arch_{{Archive.Year}}" class="arch_month">
{% list Archive.Months%}
{% if Month.PostCount > 0 %}
<li><a href="{{ Month.Url }}">{{Lang.Get(Month.Name)}}</a> ({{Month.PostCount}})</li>
{% endif %}
{% endlist %}
</ul>
</li>
{% endlist %}
</ul>
</div>
{% endif %}


</div>
</div>
</div>
<div id='mainside-wrapper'>
<div id='sidebar-wrapper-right'>
<div class='sidebar2 section'>
{% if Custom('custom_hide_widget_free_html_1') == false %}
{% if Custom('free_title_1') or Custom('free_html_1') %}
<div class="widget freeModule">
<h3>{{ Custom('free_title_1') }}</h3>
<div class="widget-content">{{ Custom('free_html_1') }}</div>
</div>
{% endif %}
{% endif %}


{% if Custom('hide_search') == false %}
<div class='widget search'>
<form action="/search" method="post" accept-charset="utf-8">
<fieldset>
<legend>{{ Lang.Get('Search') }}</legend>
<input type="text" name="q" placeholder="{{ Lang.Get('Search something here') }}..." value="{{ Lang.Get('Search something...') }}" />
<button>{{ Lang.Get('Search') }}</button>
</fieldset>
</form>
<div class='clear'></div>
</div>
{% endif %}
{% if Custom('display_widget_social') != true %}
<div class='widget Social'>
<h3>{{ Lang.Get('Follow me') }}</h3>
<div class='widget-content'>
<ul>
{% if Custom('facebook_account') is not empty %}
<li><a href="http://facebook.com/{{ Custom('facebook_account') }}" title="{{ Lang.Get('Follow us on') }} Facebook" >Facebook</a></li>
{% endif %}
{% if Custom('twitter_account') is not empty %}
<li><a href="http://twitter.com/{{ Custom('twitter_account') }}" title="{{ Lang.Get('Follow us on') }} Twitter">Twitter</a></li>
{% endif %}
<li><a dir="ltr" href="{{ Blog.RssUrl }}" title="{{ Lang.Get('Follow me with') }} RSS">{{ Lang.Get('Flux') }} RSS</a></li>
</ul>
</div>
</div>
{% endif %}


{% if Custom('custom_hide_widget_subscribe') == false %}
<div class='widget subscribe'>
<h3>{{ Lang.Get('Subscribe') }}</h3>
<div class="widget-content">
<p>{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
</div>
</div>
{% endif %}


{# lastPost #}
{% if Custom('display_widget_lastPosts') != true %}
<div class='widget lastPosts'>
<h3>{{ Lang.Get('Last Posts') }}</h3>
<div class='widget-content popular-posts'>
<ul>
{% list Blog.Posts(6) %}
<li>
<div class="item-content">
<div class="item-title">
<a href="{{ Post.Permalink }}">
{{Post.Title}}
</a>
</div>
</div>
<div class="clear"></div>
</li>
{% endlist %}
</ul>
<div class='clear'></div>
</div>
</div>
{% endif %}
{% if Custom('custom_hide_widget_free_html_2') == false %}
{% if Custom('free_title_2') or Custom('free_html_2') %}
<div class="widget freeModule">
<h3>{{ Custom('free_title_2') }}</h3>
<div class="widget-content">{{ Custom('free_html_2') }}</div>
</div>
{% endif %}
{% endif %}
</div>
</div>
<div id='main-wrapper'>
<div class='main section' id='main'>
<div class='widget Blog'>
<div class='blog-posts hfeed'>
{# List title #}
{% if isSearch %}
<h2 class="list-title">{{ Lang.Get('Search for') }} “{{ Search }}”</h2>
{% elseif isTag %}
<h2 class="list-title">{{ Lang.Get('Posts with') }} #<strong>{{ Tag.Title }}</strong> {{ Lang.Get('tag') }}</h2>
{% elseif isArchive %}
<h2 class="list-title">{{ Lang.Get('Archives') }}</h2>
{% endif %}


{% if Posts is empty %}


{% if isSearch %}
<div class="contenuArticle">
<p>{{ Lang.Get('No result for this expression') }} !</p>
</div>
{% elseif isSpecial %}
<div class="contenuArticle">
{{ SpecialContent }}
</div>
{% else %}
<div class="contenuArticle">
<p>{{ Lang.Get('No post') }}…</p>
</div>
{% endif %}


{% else %}


{% list Posts %}
<article>
<p class='date-header'>{{ Post.Date }}</p>
<div class='post hentry'>
<h2 class='post-title'>
{% if isSingle %}
<a href="{{ Post.Permalink }}" class="titreArticle">{% if Post.Title is not empty %}{{ Post.Title }}{% else %}{{ Lang.Get('From') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %}{{ Lang.Get('and') }} {% endif %}{% endlist %}{% endif %}</a>
{% else %}
<a href="{{ Post.Permalink }}" class="titreArticle">{% if Post.Title is not empty %}{{ Post.Title }}{% else %}{{ Lang.Get('From') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %}{{ Lang.Get('and') }} {% endif %}{% endlist %}{% endif %}</a>
{% endif %}
</h2>
<div class='post-header'>
<div class='post-header-line-1'>
<span class='author vcard'>
{{ Lang.Get('Posted by') }}
<span class='fn'>{{ Post.Author }}</span>
</span>
{% if isPage == false %}
<span class='timestamp'>
<a class='timestamp-link' href='{{ Post.Permalink }}' rel='bookmark' title='{{ Post.Title }}'>
<time class='published' datetime="{{ Post.Date }}">{{ Post.Date|datel(Lang.Get('Default date format')) | title }} {{ Lang.Get('at') }} {{ Post.Date | date('h:i A') }}</time></a>
</span>
<span class="post-header-separation">-</span>
<span class='post-comment-link'>
{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<a class='comment-link' href="{{ Post.Permalink }}#disqus_thread" title="{{ Lang.Get('comments') }}"></a>
{% else %}
<a class='comment-link' href="{{ Post.PermaLink }}#comments" title="{{ Lang.Get('comments') }}">
{% if Custom("comment") == "Facebook" %}
<fb:comments-count href="{{ Post.Permalink }}"></fb:comments-count>
{{ Lang.Get('comments') }}
{% else %}
{{ Post.CommentCount(Lang.Get('ncomment'), Lang.Get('ncomments')) }}
{% endif %}
</a>
{% endif %}
</span>
{% endif %}
</div>
</div>
<div class='post-body entry-content'>
{% if isSingle or Custom('display_mode') == 'All' %}
{{ Post.Body }}
{% elseif not isSingle and Custom('display_mode') != 'Summary' and Custom('display_mode') != 'All' %}
{{ Post.Body(Custom('display_mode')) }}
{% else %}
<p>{{ Post.Snippet }}</p>
{% endif %}
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
{% list Post.Tags %}
{% if loop.first == 'true' %}
<span class='labels'>
{{ Lang.Get('Categories') }} :
{% list Post.Tags %}
<a href='{{ Tag.Url }}' rel='tag'>{{ Tag.Title }}</a>{% if loop.last is empty %},{% endif %}
{% endlist %}
</span>
{% endif %}
{% endlist %}
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
{% if isSingle %}
<div class="share clearfix">
{{ Post.Share }}
</div>
{% endif %}
{# Comments #}
{% if isSingle and isPage == false and Post.ShowComments is not empty %}
<div class="item-comments">
<h3 id="comments">{{ Lang.Get('comments') }}</h3>
{% if Custom("comment") == "Facebook" %}
<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="500"></div>
{% elseif Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{{ Custom('comment_disqus') }}';


(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{% else %}
{{Post.Comments}}
{% endif %}
</div>
{% endif %}
</article>
{% endlist %}


{% endif %}
</div>
<div class='clear'></div>
</div>
</div>
</div>


</div>
</div>
<div class="NavbarMenu">
{# Pagination #}
{% if Navigation.PreviousPage is not empty or Navigation.NextPage is not empty or Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
<div class="before_articles">
<div class="pagination clearfix">
{% if Navigation.PreviousPage is not empty %}
<a href="{{ Navigation.PreviousPage }}" class="previous">← {{ Lang.Get('Previous page') }}</a>
{% elseif Navigation.PreviousPost is not empty %}
<a href="{{ Navigation.PreviousPost.Permalink }}" title="{{ Navigation.PreviousPost.Title }}" class="previous">← {% if Navigation.PreviousPost.Title is not empty %}{{ Navigation.PreviousPost.Title | truncate(20) }}{% else %} {{ Lang.Get('Previous post') }}{% endif %}</a>
{% endif %}
{% if Navigation.PreviousPage is not empty and Navigation.NextPage is empty %}
{% elseif Navigation.PreviousPage is empty and Navigation.NextPage is not empty %}
{% else %}
<span class="nav_separation">|</span>
{% endif %}
{% if Navigation.NextPage is not empty %}
<a href="{{ Navigation.NextPage }}" class="next">{{ Lang.Get('Next page') }} →</a>
{% elseif Navigation.NextPost is not empty %}
<a href="{{ Navigation.NextPost.Permalink }}" title="{{ Navigation.NextPost.Title }}" class="next">{% if Navigation.NextPost.Title is not empty %}{{ Navigation.NextPost.Title | truncate(20) }}{% else %} {{ Lang.Get('Next post') }}{% endif %} →</a>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div id='credit'>
<p><a href='http://girlgift-allblogtools.blogspot.com/'>Girl Gift</a> Template by Ipietoon <a href='http://www.ipietoon.com/' target='_blank'>Blogger Template</a> | <a href='http://www.thebestgiftidea.blogspot.com' target='_blank'>Gift Idea</a> - {{ Lang.Get('Hosted by') }} <a href="http://www.over-blog.com" target="_blank">Overblog</a></p>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//assets.over-blog-kiwi.com/themes/jquery/fancybox2.1.2/jquery.fancybox.pack.js" type="text/javascript"></script>
{% if Custom('display_widget_archives') != true %}
<script type="text/javascript">
function switch_arch(year) {
'use strict';
var archiveYear, archiveMonths, displayStyle;
displayStyle = '';
archiveYear = document.getElementById('arch_' + year);
if (typeof (archiveYear) !== 'undefined') {
if (archiveYear.style.display !== 'none') {
// Hide years without months
archiveMonths = archiveYear.getElementsByTagName('li');
if (!archiveMonths.length) {
archiveYear.parentNode.style.display = 'none';
}
// Onclick management
displayStyle = 'none';
}
archiveYear.style.display = displayStyle;
}
return false;
}


$(document).ready(function(){
$('.plustext').click(function() {
return false;
});
});


{% list Blog.Archives %}
{% if Archive.Year != "now"|date("Y") %}
switch_arch('{{Archive.Year}}');
{% endif %}
{% endlist %}
</script>
{% endif %}


<script type="text/javascript">
$(document).ready(function() {
$(".ob-row-1-col a,.ob-row-2-col a,.ob-row-3-col a,.ob-link-img").attr("rel", "fancybox");
$("a[rel=fancybox]").fancybox({
'overlayShow' : false,
'transitionIn' : 'fadin',
'transitionOut' : 'fadin',
'type' : 'image'
});
});
</script>


<!-- Twitter Script -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs); }}(document,"script","twitter-wjs");</script>


{% if isSingle %}
<!-- Disqus comments count -->
{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<script type="text/javascript">
var disqus_shortname = "{{ Custom('comment_disqus') }}";
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{% endif %}


<!-- Facebook Script -->
<div id="fb-root"></div>
<script type="text/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId={{ Custom('facebook_appid')|default('127607930619601')}}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>








<!-- Google + button -->
<script type="text/javascript">
window.___gcfg = {lang: '{{ Blog.Lang }}'};


(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
{% endif %}
{% if Custom('google_analytics') is not empty %}
<!-- Google Analytics -->
<script type="text/javascript">
window.google_analytics_uacct = '{{Custom('google_analytics')}}';
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{{Custom('google_analytics')}}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);


(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endif %}


<!-- Placholder Script -->
<script>
var input = document.createElement('input');
if (!('placeholder' in input)) {
$('input[type="text"]').blur(function() {
if (this.value == '') {
this.value = this.defaultValue;
}
}).focus(function() {
if (this.value == this.defaultValue) {
this.value = '';
}
})
} else {
$('input[type="text"]').val('');
}
</script>
</body>
</html>






































<!DOCTYPE html>
<html lang="{{ Blog.Lang | default('en') }}" itemscope="" itemtype="http://schema.org/Blog">
<head>
<!-- shortcut:[Meta] -->
<!-- title -->
{% title %}
<!-- metas description, keyword, robots -->
{% meta %}
<!-- favicon -->
{% favicon %}
<meta name="list:display_mode:label.numberOfSections" items="Summary,1,2,3,4,5,6,7,8,9,10,All" default="All" />


<meta name="image:logo:label.headerImage" group="Graphical" />
<meta name="image:headerImageBackground:label.backgroundImage" group="Graphical" default="http://coquelikoaumarineland2009.c.o.pic.centerblog.net/1f3b9b44.gif" />




<meta name="string:facebook_account:label.facebookUsername" group="Social" />
<meta name="string:twitter_account:label.twitterUsername" group="Social" />
<meta name="list:share_service:label.socialSharingServices" items="None, Facebook, Twitter, Google +, All" default="All" group="Social" />


<meta name="boolean:display_widget_tags:label.hideCategories" group="Widgets" />
<meta name="boolean:display_widget_pages:label.hidePages" group="Widgets" />
<meta name="boolean:display_widget_archives:label.hideArchives" group="Widgets" />
<meta name="boolean:custom_hide_widget_free_html_1:label.hideFreeModule1" group="Widgets" />
<meta name="boolean:hide_search:label.hideSearchForm" default="false" group="Widgets" />
<meta name="boolean:display_widget_social:label.hideFollowUs" group="Widgets" />
<meta name="boolean:custom_hide_widget_subscribe:label.hideSubscribeForm" group="Widgets" />
<meta name="boolean:display_widget_lastPosts:label.hideLastPosts" group="Widgets" />
<meta name="boolean:custom_hide_widget_free_html_2:label.hideFreeModule2" group="Widgets" />


<meta name="string:free_title_1:label.freeModuleTitle1" group="Free Widget 1" />
<meta name="text:free_html_1:label.freeModuleHTML1" group="Free Widget 1" />
<meta name="string:free_title_2:label.freeModuleTitle2" group="Free Widget 2" />
<meta name="text:free_html_2:label.freeModuleHTML2" group="Free Widget 2" />


<meta name="list:comment:label.commentsServices" items="OverBlog, Facebook, Disqus" default="OverBlog" group="Comment" />
<meta name="string:comment_disqus:label.disqusAccount" default="obcomment" group="Comment" />


<meta name="string:facebook_appid:label.facebookAppid" group="Settings" />
<meta name="string:google_analytics:label.googleAnalyticsId" group="Settings" />
<meta name="string:google_webmaster_id:label.googleWebmasterToolsId" group="Settings" />
<meta name="string:msn_webmaster_id:label.msnWebmasterId" group="Settings" />


<!-- shortcut:[Includes] -->


<!-- SEO -->
{% if Custom('google_webmaster_id') is not empty %}
<meta name="google-site-verification" content="{{ Custom('google_webmaster_id') }}" />
{% endif %}
{% if Custom('msn_webmaster_id') is not empty %}
<meta name="msvalidate.01" content="{{ Custom('msn_webmaster_id') }}" />
{% endif %}


<!-- includes -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />


<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


{# Styles #}
<link href="//assets.over-blog-kiwi.com/themes/jquery/fancybox2.1.2/jquery.fancybox.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Kranky' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet" type="text/css" />
<style type="text/css">
/*
-----------------------------------------------
Blogger Template
Name : Girl's Gift
Coder: www.ipietoon.com
Illustration : unknown
----------------------------------------------- */
body {
background-image:url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/6a2c639b.png);
color:#000000;
font-size: 13px;
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
text-align: left;
margin: 0 auto 0;
padding: 0;
cursor: auto;
}
#wrap {
width: 920px;
margin: 10px auto 10px;
padding: 0;
position: relative;
}
a, a:visited {
color: #604040;
text-decoration: none;
}
a:hover {
letter-spacing: 15px;
font-weight:bold;
color:DeepPink;
}
}
a img {
border-width: 0;
}


/* clearfix */
.clearfix:before, .clearfix:after{
content: "";
display: table;
}
.clearfix:after{
clear: both;
}
.clear{
clear:both;
}


.visuallyhidden,
.ob-form-subscription label {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
/* Header
-----------------------------------------------*/
#header-outer {
{% if Custom('headerImageBackground') is not empty %}
background: url({{ Custom('headerImageBackground') }}) no-repeat right bottom;
{% else %}
background:none;
{% endif %}
width: 920px;
min-height: 300px;
color: #932b54;
margin: 0 auto 0;
padding: 0;
overflow: hidden;
}
#header-wrapper {
width: 920px;
color: #2e937a;
margin: 20px auto 0;
overflow: hidden;
}
#header-inner {
margin-left: auto;
margin-right: auto;
}
#header-inner .title .text {
display: block;
max-width: 400px;
font-size: 40px;
padding-left: 3px;
font-family: 'Kranky', cursive;
text-shadow: -1px 0 #660000, 0 1px #660000, 1px 0 #660000, 0 -1px #660000;
}
#header {
margin: auto;
text-align: left;
}
#header a {
text-decoration: none;
}


#header .description {
max-width: 400px;
margin: 0 5px 5px;
color: #0080FF;
font-size: 14px;
font-family: 'Gloria Hallelujah', Georgia;
font-weight: bold;
line-height: 1.4em;
}
#header .title {
margin: 0;
}
#header .title img {
margin-top: 60px;
float: left;
max-width: 480px;
}
.header-avatar,
#header .title{
display: inline-block;
vertical-align: middle;
}
/* Navigation Menu
------------------------------------------------------*/
.NavbarMenu {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/navbg.png) no-repeat left bottom;
width: 900px;
font-size: 14px;
color: #e5a3a4;
font-weight: bold;
margin: 10px auto 0;
padding: 2px 20px 0 0;
font-family: 'Gloria Hallelujah';
clear: both;
}
.NavbarMenu h2{
margin-bottom: 5px;
}
.nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
list-style: none;
margin: 0;
padding: 0;
}
.nav li.prev {
float: left;
}
.nav li.next {
float: right;
}
.nav li a, .nav li a:link, .nav li a:visited {
color: #31bbbb;
display: block;
font-weight: bold;
text-transform: titlecase;
margin: 0;
padding: 0 15px 7px;
}
.nav li a:hover, .nav li a:active {
color: #ff6086;
margin: 0;
padding: 0 15px 7px;
text-decoration: none;
}
.nav li li a, .nav li li a:link, .nav li li a:visited {
background: #C5EAf7;
width: 150px;
color: #FFF;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px dashed #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
.nav li li a:hover, .nav li li a:active {
background: #e87e93;
color: #FFF;
padding: 7px 10px;
}
.nav li {
float: left;
padding: 0;
}
.nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
.nav li ul a {
width: 140px;
}
.nav li ul ul {
margin: -32px 0 0 171px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
left: -999em;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
left: auto;
}
.nav li:hover, .nav li.sfhover {
position: static;
}
.pagination{
line-height: 38px;
}
/*Wrapper
---------------------------------*/
#outer-wrapper {
width: 960px;
margin: 0 auto 0;
line-height: 18px;
}
#content-wrapper {
margin: 0 auto 0;
padding: 0;
line-height: 18px;
}
#main-wrapper {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/45b92969.png) ; border: 1px dashed #2b09fb;
float: left;
width: 500px;
margin: auto;
padding-left: 10px;
}
#mainside-wrapper {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/6a2c639b.png) ;
float: right;
width: 720px;
margin: 2px auto 0;
padding: 0;
}
#sidebar-wrapper-right {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/45b92969.png) ; width: 190px;border: 1px dashed #2b09fb;
margin: 2 auto 10px 20px;
padding: 0;
float: right;
font-size: 11px!important;
line-height: 14px!important;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-left {
background: url(http://coquelikoaumarineland2009.c.o.pic.centerblog.net/45b92969.png) ; border: 1px dashed #2b09fb;
width: 190px;
margin: 2px auto 0;
padding: 0;
float: left;
font-size: 11px!important;
line-height: 14px!important;
background::#d0d0ce;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-left h3,
#sidebar-wrapper-right h3,
.search legend {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/sidebg.png) no-repeat left center;
color: #31BBBB;
font-family: 'Gloria Hallelujah',Georgia,serif;
font-size: 18px;
padding: 25px 0 15px 42px;
margin: 0;
text-align: left;
}
.sidebar, .sidebar2 {
margin: 2px 0;
padding: 0;
}
.sidebar ul, .sidebar2 ul {
list-style: none;
margin: 2px 0;
padding: 0;
}
.sidebar li, .sidebar2 li {
margin: 1px 0;
padding: 2px;
}
.sidebar .widget, .sidebar2 .widget {
margin-bottom: 10px;
padding: 0;
}
.sidebar .widget {
margin-bottom: 10px;
padding: 5px;
}
.main .widget {
margin: 0;
padding: 0;
}
.main .Blog {
padding: 10px 15px;
margin: 0;
}


.arch_year {
font-weight: bold;;
}
.arch_month li {
font-weight: normal;
margin-left: 10px;
}
.search {
clear: both;
}
.search form {
margin-left: 5px;
}
.search fieldset {
border: none;
margin: 0;
padding: 0;
}
.widget fieldset legend {
float: left;
}
.widget .ob-form-field{
margin:0;
}
.sidebar2 input[type=text],
.sidebar2 input[type=email]{
margin: 10px 0 0 5px;
padding-left: 10px;
width: 150px;
border-radius: 8px;
}
#wrap button,
#wrap input[type=submit] {
background: none;
border: 2px solid #9F5C5C;
border-radius: 5px;
box-shadow: inset 0 0 .4em #9F5C5C;
cursor: pointer;
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, sans-serif;
line-height: 17px;
padding: 3px 6px;
}
#wrap button:hover,
#wrap input[type=submit]:hover {
border-color:#f75b95;
box-shadow: inset 0 0 .3em #f75b95;
}
.sidebar2 button,
.sidebar2 input[type=submit] {
margin: 10px 0 0 5px;
}
/*Post
-------------------------------------------------*/
.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
margin-bottom: 10px;
padding: 0;
overflow: hidden;
width: 500px;
}
.post-title {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/postbg.png) no-repeat bottom;
margin: 10px 0 5px;
line-height: 35px;
text-align: center;
padding-bottom: 10px;
}
.post-title a, #content h1 a:visited {
color: #0080FF;
font-size: 28px;
font-family: 'Gloria Hallelujah',georgia, tahoma, verdana;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
}
.post-title a:hover {
color: #e86c81;
text-decoration: none;
}
.post-body {
margin: 3em 0 .75em;
line-height: 1.6em;
}
.ob-repost {
background: #F2F2F2;
font-weight: bold;
text-align: center;
}
.ob-repost .ob-link {
text-decoration: underline;
}
.post-header {
margin: .1em 0 .75em 0;
padding: 5px;
letter-spacing: .05em;
line-height: 1.4em;
display: block;
text-align: center;
}
.post-header-separation {
margin-right: -6px;
}
.post-footer {
margin: .75em 0 .75em 0;
padding: 5px;
letter-spacing: .05em;
line-height: 1.4em;
display: block;
}
.comment-link {
padding-left: 5px;
font-size: 11px;
}
.labels {
padding-left: 0;
font-size: 11px;
}
.author {
padding-left: 0;
font-size: 11px;
}
.timestamp {
padding-left: 5px;
font-size: 11px;
}
.ob-video iframe,
.ob-video object,
.ob-video embed,
.ob-section-html iframe,
.ob-section-html object,
.ob-section-html embed{
width: 497px;
max-height: 320px;
}
iframe.twitter-tweet-rendered{
max-height:inherit;
}
/*Comments
----------------------------------------------*/
.share {width: 497px;}
.share h4 {margin-bottom: 10px;}
.fb-like iframe {margin-top: -3px;}


.comments {
float: left;
margin-bottom: 10px;
padding: 0;
overflow: hidden;
width: 497px;
}
#comments h4 {
color: #f08889;
font-size: 20px;
font-family: 'Gloria Hallelujah',georgia, tahoma, verdana;
font-weight: bold;
margin: 0 0 10px;
padding: 20px 0 20px 0;
}
#comments-block {
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
letter-spacing: .1em;
border-bottom: 1px solid #b9dce3;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
clear: both;
}
.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/*Footer
---------------------------------------------*/
#footer {
width: 920px;
clear: both;
margin: 0 auto 0;
padding-top: 0;
line-height: 1.6em;
letter-spacing: .1em;
text-align: center;
}
/*Credit
---------------------------------------------------*/
#credit {
background: url(http://assets.over-blog-kiwi.com/themes/6/images/creditbg.png) no-repeat bottom;
margin: 0 auto 0;
padding: 0;
width: 920px;
font-size: 10px;
clear: both;
font-weight: normal;
text-align: center;
color: #614431;
height: 80px;
}
#credit p {
margin: 0;
padding-bottom: 20px;
}
#credit a, .credit a:visited {
color: #4c4c4c;
text-decoration: none;
font: verdana;
font-size: 10px;
}
#credit a:hover {
color: #4c4c4c;
text-decoration: underline;
}
.avatar-image-container {
margin: .2em 0 0;
}
#PageList1 h2,
#Pagelist2 h2 {
display: none;
}


.blog-list-container .blog-title {
font-weight: bold;
}


/* Sections */
.ob-section-text,
.ob-section-images,
.ob-section-video,
.ob-section-audio,
.ob-section-quote,
.ob-secton-map,
.ob-section-link,
.ob-section-images img,
.ob-section-file {width: 497px;}


/* Medias */
.ob-cell,
.ob-img,
.ob-media,
.ob-video,
.ob-slideshow,
.yui3-slideshow-content,
.ob-map {
max-width: 497px;
}
.ob-video iframe {
width: 497px;
}
.ob-section-audio .obsoundplayer .obsoundplayername {height: 31px; width: 130px; overflow: hidden;}


.ob-row-1-col img {max-width: 100%;}
.ob-row-2-col img {max-width: 50%;}
.ob-row-3-col img {max-width: 165px;}


/* Section File */
.ob-section-file .ob-ctn {
background: #fff;
border-color: #DDD;
border-bottom-color: #BBB;
border-top-color: #EEE;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
display: block;
max-width: 100%
}
.ob-section-file .ob-ctn a.ob-link,
.ob-section-file .ob-c a.ob-link:visited {
color: #373737;
max-width: 410px;
text-decoration: underline;
}
.ob-section-file .ob-ctn a.ob-link:hover {
color: #373737;
text-decoration: none;
}


/* Section Quote */
.ob-section-quote {
background: #fff;
border-color: #DDD;
border-bottom-color: #BBB;
border-top-color: #EEE;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
}
.ob-section-quote .ob-quote p {
color: #373737;
min-height: 20px;
margin-left: 30px;
margin-right: 30px;
}
.ob-section-quote .ob-quote p:before {
color: #F75B95;
margin: 19px 0 0 -85px;
}
.ob-section-quote .ob-quote p:after {
color: #F75B95;
margin: 55px 0 0;
}
.ob-section-quote p.ob-author,
.ob-section-quote p.ob-source {
background: #F1F1F1;
color: gray;
font-size: 14px;
font-style: italic;
margin: 25px 0 0;
max-height: 24px;
max-width: 408px;
overflow: hidden;
padding-bottom: 0\9; /* for IE */
position: relative;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 11;
}
.ob-section-quote p.ob-author a.ob-link,
.ob-section-quote p.ob-source a.ob-link,
.ob-section-quote p.ob-author a.ob-link:hover,
.ob-section-quote p.ob-source a.ob-link:hover {
text-decoration: none;
}


.ob-section-quote p.ob-author a.ob-link,
.ob-section-quote p.ob-source a.ob-link {
color: gray;
}
.ob-section-quote p.ob-author a.ob-link:hover,
.ob-section-quote p.ob-source a.ob-link:hover {
color: #222;
}
.ob-section-map .ob-desc {
width: auto;
}
/* Share */
.share > div{
float:left;
height:20px;
margin-right:28px;
}
.share .google-share{
margin-right: 0;
}
.share iframe{
border:none;
width:90px;
}
/* Section Link */
.ob-section-link .ob-ctn {
background: #fff;
border-color: #DDD;
border-bottom-color: #BBB;
border-top-color: #EEE;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.ob-section-link .ob-media-left {
margin: 0;
}
.ob-section-link .ob-img {
float: left;
width: 170px;
}
.ob-section-link p.ob-title,
.ob-section-link p.ob-snippet {
color: #373737;
margin-bottom: 10px;
margin-left: 20px;
margin-top: 5px;
}
.ob-section-link p.ob-title .ob-link {
color: #F75B95;
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
max-height: 42px;
overflow: hidden;
}
.ob-section-link p.ob-snippet {
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
margin-bottom: 45px;
max-height: 30px;
overflow: hidden;
}
.ob-section-link p.ob-url {
background: #F1F1F1;
max-height: 24px;
max-width: 285px;
padding-bottom: 0\9;
}
.ob-section-link p.ob-url .ob-link {
font-family: 'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
}
.ob-section-link p.ob-url .ob-link:hover {
text-decoration: none;
}


.ob-section-link .ob-desc {
margin-top: 5px;
}
blockquote.ob-tweet{
margin: 0 2px 0 0;
}
.ob-text h3,
.ob-text h4,
.ob-text h5 {margin: 15px 0 5px;}
.ob-text h3 {font-size: 18px; font-weight: normal;}
.ob-text h4 {font-size: 16px; font-weight: normal;}
.ob-text h5 {font-size: 14px; font-weight: bold;}


.ob-text p {margin: 0 0 15px;}
.ob-text li:last-child {margin-bottom: 15px;}
.ob-text li p {margin-bottom: 5px;}


.ob-text pre {width: 570px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; overflow: auto;}
</style>
</head>
<body>
<div id='wrap'>
<div id='header-outer'>
<div id='header-wrapper'>
<div class='header section' id='header'>
<div class='widget Header' id='Header1'>
<div id='header-inner'>
{% if Custom('logo') is empty and Blog.Avatar is not empty %}
<div class="header-avatar">
<a href="{{ Blog.Url }}"><img src="{{ Blog.Avatar|resize(100,100)|crop }}" alt="{{ Blog.Title}}" width="100" height="100" /></a>
</div>
{% endif %}
<div class="title">
<h1>
<a href='{{ Blog.Url }}' title="{{ Blog.Description }}">
{% if Custom('logo') is not empty %}
<img src="{{ Custom('logo') }}" alt='{{ Blog.Title }}' />
{% else %}<span class="text">{{ Blog.Title }}</span>
{% endif %}
</a>
</h1>
{% if Custom('logo') is empty %}
<p class="description">{{ Blog.Description }}</p>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class='NavbarMenu nav'>
<h2 class="visuallyhidden">{{ Lang.Get('Pages') }}</h2>
<div class='widget-content'>
<ul class="clearfix">
<li class='selected'><a href='{{ Blog.Url }}'>{{ Lang.Get('Home') }}</a></li>
<li><a href='{{ Blog.Url }}/contact'>{{ Lang.Get('Contact') }}</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div id='outer-wrapper'>
<div id='content-wrapper'>
<div id='sidebar-wrapper-left'>
<div class='sidebar section'>
{% if Custom('display_widget_tags') != true and Blog.PostsTags is not empty %}
<div class='widget Label'>
<h3>{{ Lang.Get('Mes catégories') }}</h3>
<div class='widget-content list-label-widget-content'>
<ul>
{% list Blog.PostsTags(15) %}
<li>
<a dir='ltr' href='{{ PostsTag.Url }}'>{{ PostsTag.Title }}</a>
<span dir='ltr'>({{ PostsTag.PostCount }})</span>
</li>
{% endlist %}
</ul>
<div class='clear'></div>
</div>
</div>
{% endif %}


{% if Custom('display_widget_pages') != true and Blog.Pages is not empty %}
<div class='widget Feed'>
<h3>{{ Lang.Get('Pages') }}</h3>
<div class='widget-content'>
<ul>
{% list Blog.Pages %}
<li>
<a href="{{ Page.Url }}" title="{{ Page.Title }}">{{ Page.Title }}</a>
</li>
{% endlist %}
</ul>
</div>
</div>
{% endif %}


{% if Custom('display_widget_archives') != true and Blog.Archives is not empty %}
<div class='widget BlogArchive'>
<h3>{{ Lang.Get('Blog archives') }}</h3>
<ul id="archivelist">
{% list Blog.Archives %}
<li class="arch_year">
<a href="#" class="plustext" onclick="javascript:switch_arch('{{Archive.Year}}')">{{Archive.Year}}</a>
<ul id="arch_{{Archive.Year}}" class="arch_month">
{% list Archive.Months%}
{% if Month.PostCount > 0 %}
<li><a href="{{ Month.Url }}">{{Lang.Get(Month.Name)}}</a> ({{Month.PostCount}})</li>
{% endif %}
{% endlist %}
</ul>
</li>
{% endlist %}
</ul>
</div>
{% endif %}


</div>
</div>
</div>
<div id='mainside-wrapper'>
<div id='sidebar-wrapper-right'>
<div class='sidebar2 section'>
{% if Custom('custom_hide_widget_free_html_1') == false %}
{% if Custom('free_title_1') or Custom('free_html_1') %}
<div class="widget freeModule">
<h3>{{ Custom('free_title_1') }}</h3>
<div class="widget-content">{{ Custom('free_html_1') }}</div>
</div>
{% endif %}
{% endif %}


{% if Custom('hide_search') == false %}
<div class='widget search'>
<form action="/search" method="post" accept-charset="utf-8">
<fieldset>
<legend>{{ Lang.Get('Search') }}</legend>
<input type="text" name="q" placeholder="{{ Lang.Get('Search something here') }}..." value="{{ Lang.Get('Search something...') }}" />
<button>{{ Lang.Get('Search') }}</button>
</fieldset>
</form>
<div class='clear'></div>
</div>
{% endif %}
{% if Custom('display_widget_social') != true %}
<div class='widget Social'>
<h3>{{ Lang.Get('Follow me') }}</h3>
<div class='widget-content'>
<ul>
{% if Custom('facebook_account') is not empty %}
<li><a href="http://facebook.com/{{ Custom('facebook_account') }}" title="{{ Lang.Get('Follow us on') }} Facebook" >Facebook</a></li>
{% endif %}
{% if Custom('twitter_account') is not empty %}
<li><a href="http://twitter.com/{{ Custom('twitter_account') }}" title="{{ Lang.Get('Follow us on') }} Twitter">Twitter</a></li>
{% endif %}
<li><a dir="ltr" href="{{ Blog.RssUrl }}" title="{{ Lang.Get('Follow me with') }} RSS">{{ Lang.Get('Flux') }} RSS</a></li>
</ul>
</div>
</div>
{% endif %}


{% if Custom('custom_hide_widget_subscribe') == false %}
<div class='widget subscribe'>
<h3>{{ Lang.Get('Subscribe') }}</h3>
<div class="widget-content">
<p>{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
</div>
</div>
{% endif %}


{# lastPost #}
{% if Custom('display_widget_lastPosts') != true %}
<div class='widget lastPosts'>
<h3>{{ Lang.Get('Last Posts') }}</h3>
<div class='widget-content popular-posts'>
<ul>
{% list Blog.Posts(6) %}
<li>
<div class="item-content">
<div class="item-title">
<a href="{{ Post.Permalink }}">
{{Post.Title}}
</a>
</div>
</div>
<div class="clear"></div>
</li>
{% endlist %}
</ul>
<div class='clear'></div>
</div>
</div>
{% endif %}
{% if Custom('custom_hide_widget_free_html_2') == false %}
{% if Custom('free_title_2') or Custom('free_html_2') %}
<div class="widget freeModule">
<h3>{{ Custom('free_title_2') }}</h3>
<div class="widget-content">{{ Custom('free_html_2') }}</div>
</div>
{% endif %}
{% endif %}
</div>
</div>
<div id='main-wrapper'>
<div class='main section' id='main'>
<div class='widget Blog'>
<div class='blog-posts hfeed'>
{# List title #}
{% if isSearch %}
<h2 class="list-title">{{ Lang.Get('Search for') }} “{{ Search }}”</h2>
{% elseif isTag %}
<h2 class="list-title">{{ Lang.Get('Posts with') }} #<strong>{{ Tag.Title }}</strong> {{ Lang.Get('tag') }}</h2>
{% elseif isArchive %}
<h2 class="list-title">{{ Lang.Get('Archives') }}</h2>
{% endif %}


{% if Posts is empty %}


{% if isSearch %}
<div class="contenuArticle">
<p>{{ Lang.Get('No result for this expression') }} !</p>
</div>
{% elseif isSpecial %}
<div class="contenuArticle">
{{ SpecialContent }}
</div>
{% else %}
<div class="contenuArticle">
<p>{{ Lang.Get('No post') }}…</p>
</div>
{% endif %}


{% else %}


{% list Posts %}
<article>
<p class='date-header'>{{ Post.Date }}</p>
<div class='post hentry'>
<h2 class='post-title'>
{% if isSingle %}
<a href="{{ Post.Permalink }}" class="titreArticle">{% if Post.Title is not empty %}{{ Post.Title }}{% else %}{{ Lang.Get('From') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %}{{ Lang.Get('and') }} {% endif %}{% endlist %}{% endif %}</a>
{% else %}
<a href="{{ Post.Permalink }}" class="titreArticle">{% if Post.Title is not empty %}{{ Post.Title }}{% else %}{{ Lang.Get('From') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %}{{ Lang.Get('and') }} {% endif %}{% endlist %}{% endif %}</a>
{% endif %}
</h2>
<div class='post-header'>
<div class='post-header-line-1'>
<span class='author vcard'>
{{ Lang.Get('Posted by') }}
<span class='fn'>{{ Post.Author }}</span>
</span>
{% if isPage == false %}
<span class='timestamp'>
<a class='timestamp-link' href='{{ Post.Permalink }}' rel='bookmark' title='{{ Post.Title }}'>
<time class='published' datetime="{{ Post.Date }}">{{ Post.Date|datel(Lang.Get('Default date format')) | title }} {{ Lang.Get('at') }} {{ Post.Date | date('h:i A') }}</time></a>
</span>
<span class="post-header-separation">-</span>
<span class='post-comment-link'>
{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<a class='comment-link' href="{{ Post.Permalink }}#disqus_thread" title="{{ Lang.Get('comments') }}"></a>
{% else %}
<a class='comment-link' href="{{ Post.PermaLink }}#comments" title="{{ Lang.Get('comments') }}">
{% if Custom("comment") == "Facebook" %}
<fb:comments-count href="{{ Post.Permalink }}"></fb:comments-count>
{{ Lang.Get('comments') }}
{% else %}
{{ Post.CommentCount(Lang.Get('ncomment'), Lang.Get('ncomments')) }}
{% endif %}
</a>
{% endif %}
</span>
{% endif %}
</div>
</div>
<div class='post-body entry-content'>
{% if isSingle or Custom('display_mode') == 'All' %}
{{ Post.Body }}
{% elseif not isSingle and Custom('display_mode') != 'Summary' and Custom('display_mode') != 'All' %}
{{ Post.Body(Custom('display_mode')) }}
{% else %}
<p>{{ Post.Snippet }}</p>
{% endif %}
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
{% list Post.Tags %}
{% if loop.first == 'true' %}
<span class='labels'>
{{ Lang.Get('Categories') }} :
{% list Post.Tags %}
<a href='{{ Tag.Url }}' rel='tag'>{{ Tag.Title }}</a>{% if loop.last is empty %},{% endif %}
{% endlist %}
</span>
{% endif %}
{% endlist %}
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
{% if isSingle %}
<div class="share clearfix">
{{ Post.Share }}
</div>
{% endif %}
{# Comments #}
{% if isSingle and isPage == false and Post.ShowComments is not empty %}
<div class="item-comments">
<h3 id="comments">{{ Lang.Get('comments') }}</h3>
{% if Custom("comment") == "Facebook" %}
<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="500"></div>
{% elseif Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{{ Custom('comment_disqus') }}';


(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{% else %}
{{Post.Comments}}
{% endif %}
</div>
{% endif %}
</article>
{% endlist %}


{% endif %}
</div>
<div class='clear'></div>
</div>
</div>
</div>


</div>
</div>
<div class="NavbarMenu">
{# Pagination #}
{% if Navigation.PreviousPage is not empty or Navigation.NextPage is not empty or Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
<div class="before_articles">
<div class="pagination clearfix">
{% if Navigation.PreviousPage is not empty %}
<a href="{{ Navigation.PreviousPage }}" class="previous">← {{ Lang.Get('Previous page') }}</a>
{% elseif Navigation.PreviousPost is not empty %}
<a href="{{ Navigation.PreviousPost.Permalink }}" title="{{ Navigation.PreviousPost.Title }}" class="previous">← {% if Navigation.PreviousPost.Title is not empty %}{{ Navigation.PreviousPost.Title | truncate(20) }}{% else %} {{ Lang.Get('Previous post') }}{% endif %}</a>
{% endif %}
{% if Navigation.PreviousPage is not empty and Navigation.NextPage is empty %}
{% elseif Navigation.PreviousPage is empty and Navigation.NextPage is not empty %}
{% else %}
<span class="nav_separation">|</span>
{% endif %}
{% if Navigation.NextPage is not empty %}
<a href="{{ Navigation.NextPage }}" class="next">{{ Lang.Get('Next page') }} →</a>
{% elseif Navigation.NextPost is not empty %}
<a href="{{ Navigation.NextPost.Permalink }}" title="{{ Navigation.NextPost.Title }}" class="next">{% if Navigation.NextPost.Title is not empty %}{{ Navigation.NextPost.Title | truncate(20) }}{% else %} {{ Lang.Get('Next post') }}{% endif %} →</a>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div id='credit'>
<p><a href='http://girlgift-allblogtools.blogspot.com/'>Girl Gift</a> Template by Ipietoon <a href='http://www.ipietoon.com/' target='_blank'>Blogger Template</a> | <a href='http://www.thebestgiftidea.blogspot.com' target='_blank'>Gift Idea</a> - {{ Lang.Get('Hosted by') }} <a href="http://www.over-blog.com" target="_blank">Overblog</a></p>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//assets.over-blog-kiwi.com/themes/jquery/fancybox2.1.2/jquery.fancybox.pack.js" type="text/javascript"></script>
{% if Custom('display_widget_archives') != true %}
<script type="text/javascript">
function switch_arch(year) {
'use strict';
var archiveYear, archiveMonths, displayStyle;
displayStyle = '';
archiveYear = document.getElementById('arch_' + year);
if (typeof (archiveYear) !== 'undefined') {
if (archiveYear.style.display !== 'none') {
// Hide years without months
archiveMonths = archiveYear.getElementsByTagName('li');
if (!archiveMonths.length) {
archiveYear.parentNode.style.display = 'none';
}
// Onclick management
displayStyle = 'none';
}
archiveYear.style.display = displayStyle;
}
return false;
}


$(document).ready(function():{
$('.plustext').click(function() {
return false;
});
});


{% list Blog.Archives %}
{% if Archive.Year != "now"|date("Y") %}
switch_arch('{{Archive.Year}}');
{% endif %}
{% endlist %}
</script>
{% endif %}


<script type="text/javascript">
$(document).ready(function() {
$(".ob-row-1-col a,.ob-row-2-col a,.ob-row-3-col a,.ob-link-img").attr("rel", "fancybox");
$("a[rel=fancybox]").fancybox({
'overlayShow' : false,
'transitionIn' : 'fadin',
'transitionOut' : 'fadin',
'type' : 'image'
});
});
</script>


<!-- Twitter Script -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs); }}(document,"script","twitter-wjs");</script>


{% if isSingle %}
<!-- Disqus comments count -->
{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<script type="text/javascript">
var disqus_shortname = "{{ Custom('comment_disqus') }}";
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{% endif %}


<!-- Facebook Script -->
<div id="fb-root"></div>
<script type="text/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId={{ Custom('facebook_appid')|default('127607930619601')}}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>








<!-- Google + button -->
<script type="text/javascript">
window.___gcfg = {lang: '{{ Blog.Lang }}'};


(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
{% endif %}
{% if Custom('google_analytics') is not empty %}
<!-- Google Analytics -->
<script type="text/javascript">
window.google_analytics_uacct = '{{Custom('google_analytics')}}';
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{{Custom('google_analytics')}}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);


(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endif %}


<!-- Placholder Script -->
<script>
var input = document.createElement('input');
if (!('placeholder' in input)) {
$('input[type="text"]').blur(function() {
if (this.value == '') {
this.value = this.defaultValue;
}
}).focus(function() {
if (this.value == this.defaultValue) {
this.value = '';
}
})
} else {
$('input[type="text"]').val('');
}
</script>
</body>
</html>

















































































































































































































































2016-01-06T19:14:27+01:00

Quelques codes HTML.

Publié par Coquelikosafrane -

 

La  commande  <html>  donne le début du document.

La commande 
</html>  
donne la fin du document.

2) - La commande 
<head> 
donne le début de l'en tête

La commande  
</head>
  donne la fin de l'en tête.

3) - La commande titre est nécessaire pour les moteurs de recherche.

La commande 
<title>  
donne le début du tire.

La commande  
</title>
  donne la fin du titre.

4) - La commande 
<body> 
donne le début du corps.

La commande
</body>
donne la fin du corps.

La commande
  lang=" ..."
  donne la langue du document .
* FR  France
* DE  Allemagne
* ES  Espagne
* EN Royaume-Uni
* EN-US Etats Unis



<br>
: saut de ligne

<p>...</p> : retour chariot et saut de ligne

<b>...</b> : style gras

<i>...</i> : style italique

<u>...</u> : style souligné

<font> : paramètres de la police (par exemple : <font color="#000000" face="Arial">

<hr> : insère une ligne horizontale

<H1> à <H6> et </H1> à </H6> : titres pré-formatés du plus élevé au moins élevé

<a>...</a> : appel à un lien

<img> : insertion d'image

<title>...</title> : titre qui s'affiche dans la barre de titre de la fenêtre de navigation 

 


Toujours  les refermer en suivant l'ordre dans lequel on les a  ouverte :
 
la dernière balise ouverte sera la première à être fermée et ainsi de suite.

 

 

2016-01-06T18:36:22+01:00

Boutons d'option (OB).

Publié par Coquelikosafrane -

 

1) 


  

<form action="article.php3" method="get">
 <select name="id_article">
 <option value=" http://coquelikosafrane.over-blog.com/categorie-10065901.html" selected="selected">Desserts</option>
 </select> <input type="submit" name="Valider" value="Go !" />
</form>
 

 

2) 

 

entrées plats desserts divers;

Pour l'obtenir il faut le script suivant :

<FORM>
<INPUT type="checkbox" name="choix1" value="1"> entrées
<INPUT type="checkbox" name="choix2" value="2">plats
<INPUT type="checkbox" name="choix3" value="3"> desserts
<INPUT type="checkbox" name="choix4" value="4"> divers
</FORM>
 

 

 

 

 

Et pour tout savoir sur les formulaires !

 

Un super lien

 

https://books.google.fr/books?id=J7OxCQAAQBAJ&pg=PA155&lpg=PA155&dq=%3CINPUT+type%3D%22checkbox%22+name%3D%22choix1%22+value%3D%221%22+checked&source=bl&ots=9URdgLxO5y&sig=5_pC1-KYH_W35_ZC2yqTlkRz9sA&hl=fr&sa=X&ved=0ahUKEwiVloCO2pXKAhXHSRoKHf0cCqQQ6AEIIzAB#v=onepage&q=%3CINPUT%20type%3D%22checkbox%22%20name%3D%22choix1%22%20value%3D%221%22%20checked&f=false​



 

2016-01-06T18:18:07+01:00

Texte en zig-zag en html .

Publié par Coquelikosafrane -

 


Un petit effet html sur du texte pour le faire rebondir dans sa fenêtre ?

Cool .

J'avais déjà fait un article sur ce truc mais je l'ai peaufiné :



Le script   :

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Texte personnalisé !</marquee></marquee></a>


Mon script actuel :

    <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Bonjour à toi visiteur !</marquee></marquee></a>

Ce qui donne :


    

 

Bonjour à toi visiteur !

 


Tout est paramétrable, il suffit d'essayer les différents paramètres !

*  La direction : up ou down ;

*  La marquee direction : right ou left

*  La width à volonté !


Ce qui peut donner :

 

 

 

 

 

Bonjour à toi visiteur !
 
 





 

 

 

 

 

2016-01-06T18:09:03+01:00

Signaler plus les liens (OB).

Publié par Coquelikosafrane -


Pour que vos visiteurs soient plus attirrés par vos liens; il est possible de leur ajouter un petit effet .

Dans votre css il faut remplacer les lignes a et a:hoover par le script suivant; en sachant que tout est personnalisable :

Les color  - dotted ....

a      { text-decoration:underline; color:#5675A4; font-size:110%; }
a:hover { text-decoration:none; color:#123456;border-top:5px dotted
#4B0082; border-bottom:5px dotted #4B0082; }


On peut même mettre en italique, gras...

A:hover {color: #4B0082; font-style: italic; font-weight: bold}

 

 

 

 

 

 

 

2016-01-06T18:01:42+01:00

Lien survolé avec espacement des lettres.

Publié par Coquelikosafrane -


Avec le code suivant :

a:hover {
 letter-spacing: 15px;
 font-weight:bold;
 color:DeepPink;

 

Ce devient mon code actuel pour montrer le résultat mais auparavant les lignes sde mon css :

 

 



a:hover {
                color: #0080FF;
                text-decoration: underline;

}



On peut personnaliser le lien survolé avec un espacement des lettres et un effet de font .

La commande Letter-spacing permet de choisir le nombre de pixels que l'on veut entre 2 lettres du lien survolé .

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Girl Gift Template by Ipietoon Blogger Template | Gift Idea - Hébergé par Overblog