Modif du thème pour rendre le background cliquable (lien) (Créer un compte)

Accueil › Forums › WordPress › Modif du thème pour rendre le background cliquable (lien)
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 22)
1 2
  • Auteur
    Messages
  • 9 juillet 2012 à 17 h 57 min #511828
    khymo1
    Membre
    Chevalier WordPress
    106 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : la dernière
    – Version de PHP/MySQL : 5.4/5.0
    – Thème utilisé : Arras
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://actu-moteurs.com

    Problème(s) rencontré(s) :

    Bonjour à tous,

    Voilà, j’ai reçu plusieurs propositions d’annonceurs voulant mettre une publicité sous forme d’arrière-plan.

    J’ai une option dans mon thème (Arras) me permettant d’uploader une image à mettre en arrière-plan mais rien ne permet d’y mettre un lien.

    Je suppose que ça se joue au niveau du CSS, donc, le voici:

    /* globals */
    html					{ height: 100%; min-height: 100%; margin: 0; padding: 0; }
    body					{ background-color: #F0F0F0; color: #333; font: 12px Helvetica,Arial,sans-serif; height: 100%; min-height: 100%; margin: 0; padding: 0; border: none; }

    .clearfix:after			{ clear: both; content: « . »; display: block; height: 0; line-height: 0; visibility: hidden; }
    .clearfix				{ display: inline-block; }
    html[xmlns] .clearfix	{ display: block; }
    * html .clearfix		{ height: 1%; }

    a, a:link, a:visited	{ color: #0052A3; text-decoration: none; }
    a:hover					{ color: #1A8DFF; }
    a img					{ border: none; }
    a:focus, a:hover, a:active  { outline: none; }

    h2, h3, h4, h5, h6		{ margin: 1em 0; }
    h2						{ font-size: 20px; }
    h3						{ font-size: 18px; }
    h4						{ font-size: 16px; }
    h5						{ font-size: 14px; }
    h6						{ font-size: 12px; }

    p						{ line-height: 1.4em; margin: 0 0 1.25em; padding: 0; }
    blockquote				{ border-left: 2px solid #CCC; color: #666; padding: 5px 10px 1px; font-style: normal; }
    code					{ background: #EAEAEA; color: #333; font-family: Consolas, Monaco, Courier, monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }
    pre code				{ background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }

    input[type=text], input[type=password], textarea	{ background: url(../../images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
    input[type=submit], #wp-email-submit    { font-family: Helvetica, Arial, sans-serif; background: url(../../images/feed-title-white.jpg) repeat-x; border: 1px solid #CCC; padding: 5px 10px; font-size: 12px; color: #000; font-weight: bold; }
    input[type=submit]:hover, #wp-email-submit:hover    { background: #314E6A; color: #FFF; }

    label.error				{ border: 1px solid #D8000C; color: #D8000C; background: #FFBABA; margin: 5px 0; }

    table					{ border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; }
    th, td					{ padding: 5px; border: 1px solid #CCC; border-width: 1px; }
    th, thead th			{ font-weight: 700; color: #333; background: #DDD; }
    td, tbody td			{ background: #F0F0F0; }

    dl  	{ margin: 0; font-size: 14px; }
    dl dt   { color: #666; padding-bottom: 3px; }
    dl dd   { margin: 0 0 10px 0; line-height: 1.5em; }

    /* common classes */
    .aligncenter			{ display: block; margin: 0 auto; }
    .alignright				{ float: right; margin: 0 0 1em 1em; }
    .alignleft				{ float: left; margin: 0 1em 1em 0; }
    .floatleft				{ float: left; }
    .floatright				{ float: right; }
    img.aligncenter, img.alignright, img.alignleft  { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px; }

    .textcenter				{ text-align: center; }
    .textright				{ text-align: right; }
    .textleft				{ text-align: left; }

    .wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
    .wp-caption img { margin: 0; padding: 0; border: none }
    .wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

    .sub					{ font-size: 11px; color: #848485; }

    .ui-tabs-hide, .hide	{ display: none !important; }

    .tags a:link, .tags a:visited	{ text-decoration: none; font-weight: 700; padding: 0 5px 3px; line-height: 1.3em; display: inline-block; }
    .tags a:hover					{ text-decoration: underline; }

    .xoxo					{ padding: 0; }

    .avatar					{ float: left; margin: 0 10px 10px 0; border: 1px solid #CCC; padding: 0; }

    /* structure */
    #wrapper				{ min-height: 100%; position: relative; padding: 20px 0; }
    #main					{ padding: 10px 10px 0; }

    /* header */
    #header					{ background: #1e1b1a; border-bottom: 5px solid #383332; padding: 0; }
    #branding				{ width: 980px; margin: 0 auto; padding: 0 0 20px; }
    .logo					{ max-width: 590px; float: left; margin: 21px 0 0 10px; }
    .blog-name				{ font-family: ‘Segoe UI’, Arial, Helvetica, sans-serif; font-size: 22px; margin: 0 0 3px; line-height: 1em; display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
    .blog-name a:link, .blog-name a:visited	{ color: #FFF; text-decoration: none; }
    .blog-description		{ font-family: ‘Segoe UI’, Arial, Helvetica, sans-serif; line-height: 1em; display: block; font-size: 11px; font-weight: bold; color: #7d716d; margin: 0; padding: 3px 0 0; text-transform: uppercase; }

    /* Menus */
    .sf-menu, .sf-menu *  { list-style: none; margin: 0; padding: 0; z-index: 101; }
    .sf-menu  { line-height: 1; }
    .sf-menu ul	 { position: absolute; left: -999em; width: 11em; }
    .sf-menu ul li  { width: 100%; }
    .sf-menu li:hover  { visibility: inherit; }
    .sf-menu li  { float: left; position: relative; }
    .sf-menu a  { display: block; position: relative; }
    .sf-menu li:hover ul, .sf-menu li.sfHover ul  { left: 0; top: 2.8em; z-index: 99; }
    ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul  { top: -999em; }
    ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul  { left: 11em; top: 0; }
    ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul  { top: -999em; }
    ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul  { left: 11em; top: 0; }
    .sf-shadow ul { background:	url(../../images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
    .sf-shadow ul.sf-shadow-off { background: transparent; }

    #top-menu, #nav  { min-width: 990px; }
    #top-menu-content, #nav-content  { margin: 0 auto; width: 978px; }
    #top-menu-content .sf-menu, #nav .sf-menu  { float: left; line-height: 1.1; max-width: 770px; }

    /* top menu */
    #top-menu  { background: #111; border-bottom: 1px solid #333; }
    #top-menu-content  { height: 25px; padding: 3px 0; }
    #top-menu-content .sf-menu  { text-transform: uppercase; margin: 0 2px; }
    #top-menu .sf-menu a  { display: block; text-decoration: none; padding: 7px 10px 8px; color: #AAA; font-size: 10px; border-right: 1px solid #333; }
    #top-menu .sf-menu ul a  { border: none; }
    #top-menu .sf-menu ul li  { border: 1px solid #333; margin-top: -1px; }
    #top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li  { color: #FFF; background: #111; }
    #top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #373331; background: #FFF; }
    #top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
    #top-menu .sf-menu li li a  { padding: 7px 10px; line-height: 1; height: auto; font-size: 11px; }
    #top-menu .sf-menu .sf-with-ul  { padding-right: 15px; }
    #top-menu .sf-sub-indicator  { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
    #top-menu .sf-menu ul .sf-sub-indicator	{ display: none; }
    #top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul { top: 2.4em; }
    #top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu ul.sf-menu li li li.sfHover ul { top: 0; }

    /* main navigation */
    #nav  { background: url(../../images/postbar.jpg) repeat-x top #F0F0F0; min-width: 990px; border-bottom: 1px solid #CCC; }
    #nav-content  { height: 31px; margin: 0 auto; width: 978px; }
    #nav .sf-menu  { float: left; line-height: 1.0; max-width: 770px; text-transform: uppercase; }
    #nav .sf-menu a  { display: block; text-decoration: none; padding: 10px 12px; color: #666; font-size: 11px; border: solid #DDD; border-width: 0 1px; margin-right: -1px; }
    #nav .sf-menu ul li  { border: 1px solid #CCC; margin-top: -2px; }
    #nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li  { background: url(../../images/content-bg.jpg) repeat-x top; color: #0052A3; }
    #nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }
    #nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
    #nav .sf-menu li li a  { padding: 7px 10px; line-height: 1; height: auto; font-size: 11px; border: none; }
    #nav .sf-menu .sf-with-ul  { padding-right: 15px; }
    #nav .sf-sub-indicator  { background: url(../../images/dropdown_dark.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
    #nav .sf-menu ul .sf-sub-indicator	{ display: none; }
    #nav .quick-nav li  { padding-top: 8px; }

    .quick-nav				{ float: right; list-style: none; margin: 0; padding: 0; }
    .quick-nav li			{ padding: 7px 5px 0 0; float: left; display: inline; }
    .quick-nav a:link, .quick-nav a:visited	{ display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; opacity: 0.6; }
    .quick-nav a:hover  { opacity: 1; }

    .quick-nav #rss			{ background: url(../../images/rss.png) no-repeat; }
    .quick-nav #twitter		{ background: url(../../images/twitter.png) no-repeat; }
    .quick-nav #facebook	{ background: url(../../images/facebook.png) no-repeat; }

    /* search bar */
    #searchbar				{ float: right; overflow: hidden; margin: 25px 0 0; }
    .searchform				{ margin: 0; }
    .searchform .s			{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; border: 1px solid #CCC; background: #FFF; padding: 6px 3px 5px; margin: 1px 5px 0 0; float: left; width: 250px; }
    .searchform .searchsubmit { float: left; cursor: pointer; border: 1px solid #333; background: url(../../images/postbar-black.gif) repeat-x; color: #FFF; }
    .searchform .searchsubmit:hover { background: #FFF; color: #383332; }

    /* sidebar */
    .sidebar .xoxo			{ list-style: none; padding: 0; margin: 0; }
    .widgetcontainer		{ padding: 10px; background: url(../../images/content-bg.jpg) repeat-x #FFF; background-position: 0 26px; border: 1px solid #CCC; margin-bottom: 10px; }
    .widgetcontainer ul, .widgetcontainer .xoxo, .widgetcontainer ol	{ list-style: disc; margin: 0 0 0 15px; padding: 0; }
    .widgetcontainer li		{ margin: 4px 0; }
    .widgetcontainer a		{ font-weight: 700; }
    .widgetcontainer input[type=text], .widgetcontainer input[type=password]	{ width: 80%; }
    .widgetcontainer .excerpt	{ font-size: 11px; margin: 5px 0; }
    .widgetcontainer .searchform .searchsubmit { margin: 5px 0 0; }
    .widgettitle			{ color: #333; font-size: 12px; font-weight: bold; margin: -10px -10px 10px; padding: 5px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border-bottom: 1px solid #FFF; height: 19px; }
    .widgettitle a			{ color: #333; }
    .widgetcontent			{ line-height: 1.4em; }

    .multi-sidebar .thumb, .multi-sidebar .recentcomments .avatar, .featured-stories .thumb	{ float: left; border: 3px solid #CCC; margin: 0 10px 0 0; }
    .sidebar-read-more:link, .sidebar-read-more:visited	{ font-size: 11px !important; text-transform: uppercase; font-weight: bold; color: #000; }

    .multi-sidebar .tabs	{ list-style: none; margin: 0 0 5px; padding: 0; overflow: hidden; }
    .multi-sidebar .tabs li	{ float: left; background: #0052A3; padding: 5px; margin: 0 3px 5px 0; border: 1px solid #CCC; }
    .multi-sidebar .tabs a:link, .multi-sidebar .tabs a:visited	{ text-decoration: none; font-weight: bold; color: #FFF; }
    .multi-sidebar .tabs a:hover	{ border-bottom: 1px dotted #FFF; }
    .multi-sidebar .tabs .ui-tabs-selected	{ background: #FFF; }					
    .multi-sidebar .tabs .ui-tabs-selected a:link, .multi-sidebar .tabs .ui-tabs-selected a:visited	{ color: #37322F; }			
    .multi-sidebar .widgetcontainer	{ background: url(../../images/content-bg.jpg) top repeat-x #FFF; border: 1px solid #CCC; margin-bottom: 10px; padding: 10px; }
    .multi-sidebar .widgetcontainer ul, .featured-stories, .related-posts	{ list-style: none !important; margin: 0 0 0 5px !important; }
    .multi-sidebar .widgetcontainer li, .featured-stories li,  .related-posts li	{ padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #CCC; }
    .multi-sidebar .recentcomments .author	{ font-weight: normal; font-size: 11px; }

    #wp-calendar			{ width: 100%; border: 1px solid #999; }
    #wp-calendar td			{ text-align: center; }
    #wp-calendar caption	{ color: #333; font-size: 12px; font-weight: 700; margin: 0; padding: 5px 9px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border: 1px solid #CCC; text-align: center; }
    	
    /* featured slideshow */
    .featured				{ margin: 0 10px 20px 0; overflow: hidden; }
    #controls				{ position: relative; float: left; z-index: 100; top: 90px;  }

    #controls .next, #controls .prev	{ text-indent: -9000px; width: 30px; height: 30px; display: block; z-index: 1000; opacity: 0.7; }
    #controls .prev			{ background: url(../../images/prev.png) no-repeat; float: left; position: absolute; left: 5px; }
    #controls .next			{ background: url(../../images/next.png) no-repeat; float: right; position: absolute; left: 605px; }
    #controls .next:hover, #controls .prev:hover	{ opacity: 1; }
    #controls a:focus		{ outline: none; }

    #featured-slideshow		{ position: relative; z-index: 0 !important; border: 5px solid #CCC; }			

    .featured-article		{ display: block; width: 640px; height: 250px; text-decoration: none !important; background-position: center !important; }
    .featured-article img	{ width: 640px; height: 250px; }
    .featured-entry			{ position: relative; top: -85px; overflow: hidden; background: #000; height: 85px; color: #a7a7a7; padding: 0; display: block; opacity: 0.8; filter: alpha(opacity = 80); }
    .featured-entry .entry-title	{ color: #FFF; padding: 10px 15px 5px; display: block; font-size: 18px; font-weight: bold; }
    .featured-entry .entry-summary	{ padding: 0 15px; margin: 0; display: block; }

    /* bottom content */
    #bottom-content-1, #bottom-content-2	{ list-style: none; float: left; width: 320px; margin: 30px 10px 10px 0; overflow: hidden; padding: 0; }
    #bottom-content-1 .widgetcontainer, #bottom-content-2 .widgetcontainer  { background: #FFF; }
    #bottom-content-1 .xoxo, #bottom-content-2 .xoxo	{ margin: 0; }
    #bottom-content-1 * .xoxo, #bottom-content-2 * .xoxo{ margin-left: 15px; }
    #bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle	{ background: #F0F0F0; }

    .layout-3c-r-fixed #bottom-content-1, .layout-3c-r-fixed #bottom-content-2, .layout-3c-fixed #bottom-content-1, .layout-3c-fixed #bottom-content-2	{ width: 243px; }

    /* latest headlines */
    .posts-default, .posts-quick, .posts-line	{ list-style: none; margin: 0 0 20px; padding: 0; overflow: hidden; }
    .posts-default .entry	{ float: left; margin: 0 8px 8px 0; font-size: 12px; padding: 5px 2px 10px; background: url(../../images/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; overflow: hidden; minheight: 100%; }
    .posts-default img		{ float: left; background: #111; }
    .posts-default .entry-title	{ font-weight: bold; font-size: 14px; margin: -2px 5px 5px; line-height: 1.3em; }
    .posts-default .entry-thumbnails-link { margin-left: 5px; }
    .posts-default .entry-summary, .posts-quick .entry-summary	{ color: #111; margin: 0 5px 10px; overflow: hidden; }
    .posts-default .entry-summary	{ font-size: 12px; }

    .entry-thumbnails	{ clear: both; display: inline-block; }
    .entry-thumbnails:hover	{ border-color: #383332; }
    .entry-thumbnails-link { float: left; background: #111; display: block; text-decoration: none !important; }

    .posts-quick			{ margin: 0 10px 10px 0; padding: 10px; background: url(../../images/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; }
    .posts-quick li			{ padding: 15px 10px 0 0; border-bottom: 1px solid #CCC; }
    .posts-quick li:first-child	{ padding-top: 5px; }
    .posts-quick .entry-title	{ font-weight: bold; font-size: 14px; margin: 0; line-height: 1.3em; }
    .posts-quick .entry-summary	{ font-size: 12px; line-height: 1.6em; margin-bottom: 15px; }
    .posts-quick .quick-read-more	{ font-weight: bold; font-size: 12px; padding: 10px 0 0; margin: 0; }
    .posts-quick .entry-thumbnails	{ float: left; margin: 3px 10px 10px 5px; border: 2px solid #CCC; }
    .posts-quick .entry-thumbnails-link	{ margin: 0; }
    .posts-quick .entry-info { font-size: 11px; color: #666; border: none; margin: 0 0 5px; }
    .posts-quick .entry-info abbr { padding: 0 4px 0 0; text-decoration: none; border: none; }
    .posts-quick .entry-info span { padding: 0 4px; }
    .posts-default .entry-meta, .posts-quick .entry-meta	{ color: #CCC; float: left; background: #000; height: 25px; display: block; margin: -25px 0 0; font-weight: 700; opacity: 0.7; }
    .posts-default .entry-meta a:link, .posts-default .entry-meta a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta a:visited	{ color: #FFF; text-decoration: none; }
    .posts-default .entry-comments, .posts-quick .entry-comments { float: right; margin: 5px 5px 0; background: url(../../images/comments.gif) no-repeat left center; padding: 0 0 0 12px; }
    .posts-default .published { text-transform: uppercase; float: left; margin: 5px 5px 0; font-size: 10px; color: #999; border-bottom: none; }
    .posts-line				{ background: url(../../images/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 10px; line-height: 1.4em; }
    .posts-line	li			{ padding: 7px 0; border-bottom: 1px solid #EEE; }
    .posts-line .entry-cat	{ float: left; font-size: 11px; width: 100px; overflow: hidden; color: #848485; }
    .posts-line .entry-title	{ float: left; font-size: 12px; margin: 0; max-width: 450px; line-height: 1.4em; }
    .layout-3c-fixed .posts-line .entry-title, .layout-3c-r-fixed .posts-line .entry-title { max-width: 300px; }
    .posts-line .entry-comments	{ float: right; font-size: 11px; color: #848485; }

    .navigation				{ margin: 10px 10px 0 0; }

    .home-title				{ text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 6px 10px;  background: url(../../images/feed-title-white.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; color: #333; }

    /* single post */
    .single .post, #main .single-post	{ background: url(../../images/content-bg.jpg) repeat-x top #FFF; border: 1px solid #CCC; margin: 0 10px 15px 0; padding: 0 15px; }
    .single .post .entry-title, .single-post .entry-title	{ font-size: 22px; font-weight: 700; padding: 0; margin: 15px 0 5px; line-height: 1.3em; }
    .single .post .entry-info, .single-post .entry-info	{ padding-bottom: 10px; margin-bottom: 10px; color: #848485; font-size: 11px; text-transform: uppercase; border-bottom: 1px dotted #CCC; }
    .single .post .entry-info .published, .single-post .entry-info .published { border: none; }
    .single .post .entry-cat, .single-post .entry-cat	{ display: block; color: #848485; margin: 5px 0 0; }
    .single-post .entry-info a:link, .single-post .entry-info a:visited	{ color: #666; text-decoration: none; }
    .single-post .entry-info a:hover	{ color: #333; }
    .single .post .entry-author, .single-post .entry-author { font-weight: 700; margin: 0; color: #848485; display: inline; }
    .single .post .entry-author address, .single-post .entry-author address	{ display: inline; font-style: normal; }
    #main .single .post .tags, #main .single-post .tags { margin: 15px 0; padding: 15px 0 0; color: #848485; border-top: 1px dotted #CCC; }
    #main .single .post .tags a, #main .single-post .tags a { padding: 0; }
    #main .single .post .tags strong, #main .single-post .tags strong { text-transform: uppercase; font-size: 11px; }
    .single .post .entry-photo, .single-post .entry-photo	{ overflow: hidden; }
    .single .post .entry-photo img, .single-post .entry-photo img	{ margin: 10px 0; overflow: hidden; border: 1px solid #CCC; }
    .single .post .entry-comments, .single-post .entry-comments  { float: right; padding: 3px 3px 3px 17px; margin-top: 20px; background: url(../../images/comments.gif) no-repeat 3px 6px #0052A3; display: inline-block; color: #FFF; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

    .entry-content	{ margin: 20px 0; font-size: 12px; line-height: 1.5em; overflow: hidden; }
    .entry-content ul, .entry-content ol  { margin: 0 15px; padding: 0 0 1.5em; }
    .entry-content ul ul, .entry-content ol ol, .entry-content ol ul, .entry-content ul ol  { padding: 0; }
    .entry-content blockquote { font-style: italic; }
    .entry-content form { margin: 1em 0; }
    .post-edit-link:link, .post-edit-link:visited	{ text-decoration: none; padding: 0 0 0 14px; }

    .page .entry-content	{ margin: 0 0 20px; }

    .layout-3c-r-fixed .post .entry-photo, .layout-3c-r-fixed .single-post .entry-photo, .layout-3c-fixed .post .entry-photo, .layout-3c-fixed .single-post .entry-photo	{ width: 480px; }

    .single-post-meta-field { background: #0052A3; display: block; border: 1px solid #1A8DFF; padding: 5px 10px; color: #FFF; font-weight: 700; }
    .single-post-meta-value	{ border: 1px solid #CCC; padding: 5px 10px; background: #F0F0F0; display: block; }

    .module-title, .feed-title, .archive-title, #reply-title	{ line-height: 1em; color: #333; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 8px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border: 1px solid #CCC; display: block; }
    .feed-title				{ border-bottom: none; }

    .gallery  { clear: both; margin: 10px 0; }
    .gallery-item  { float: left; margin-right: 10px; width: 31%; text-align: center; }
    .gallery-icon img  { padding: 4px; border: 1px solid #CCC; }
    .gallery-caption  { font-size: 12px; }

    .about-author			{ border: 1px solid #CCC; padding: 10px; margin: 0 0 10px; line-height: 1.5em; background: #F5F5F5; }
    .about-author .avatar	{ margin-bottom: 0; }
    .about-author .author-meta { margin-left: 60px; }
    .about-author h4		{ margin: 0 0 5px; color: #333; font-weight: 700; font-size: 12px; }

    /* gd star rating */
    .gdmultitable			{ margin: 0 0 10px !important; }
    .gdmultitable td		{ padding: 5px !important; }

    /* wp-pagenavi */
    .wp-pagenavi			{ margin: 0 0 10px; font-size: 12px; }
    .wp-pagenavi a:link, .wp-pagenavi a:visited	{ padding: 3px 4px; margin: 2px; text-decoration: none; background: #FFF; border: 1px solid #CCC !important; }
    .wp-pagenavi a:hover	{ color: #000; }
    .wp-pagenavi span.pages, .wp-pagenavi span.extend	{ padding: 3px 4px; background: #FFF; margin: 2px; border: 1px solid #CCC !important; }
    .wp-pagenavi span.current	{ padding: 3px 4px; background: #FFF; margin: 2px; font-weight: bold; border: 1px solid #CCC !important; }
    .wp-pagenavi span.pages	{ margin-left: 0; }

    /* comments */
    #commentlist			{ background: #F3F3F3; border: solid #CCC; border-width: 0 1px; list-style: none; padding: 10px; margin: 0 10px 0 0; }
    #commentlist li			{ margin: 0; padding-bottom: 10px; overflow: hidden; }
    #commentlist li:last-child	{ padding: 0; }
    #commentlist .avatar	{ border: 1px solid #CCC; padding: 1px; float: left; margin: 0 5px 10px 0; }
    #commentlist cite		{ font-weight: bold; font-style: normal; line-height: 20px; font-size: 12px; }
    #commentlist p			{ clear: left; line-height: 1.8em; }
    #commentlist .reply		{ float: right; }

    #commentlist .children	{ clear: right; margin: 5px 0 0; list-style: none; padding: 0; }
    #commentlist .children li	{ border-bottom: none; border-left: 5px solid #DDD; padding: 0 0 0 10px; }
    #commentlist #respond	{ clear: both; padding: 10px 0 0; border-top: 1px solid #CCC; }
    #commentlist #respond .module-title { margin: 0; background: url(../../images/feed-title-blue.jpg) top repeat-x; color: #FFF; border: 1px solid #0052A3; }
    #commentlist #respond #commentsform	{ margin: 0; }
    #commentlist .comment-author	{ padding: 10px 0 0 10px;}
    #commentlist .comment-content	{ padding: 0 10px; font-size: 12px; }
    #commentlist .comment-node	{ background: #FFF; border: 1px solid #EEE; }
    #commentlist .comment-meta, #commentlist .comment-meta abbr	{ border: none; text-decoration: none; color: #999; font-size: 11px; }
    #commentlist .comment-controls	{ background: #FFF; padding: 10px; font-weight: bold; float: right; }
    #commentlist .comment-controls a:link, #commentlist .comment-controls a:visited	{ background: url(../../images/feed-title-white.jpg) top repeat-x #EFEFEF; color: #000; text-decoration: none; padding: 5px 10px; margin: 0; border: 1px solid #CCC; font-weight: bold; }
    #commentlist .comment-controls a:hover	{ background: #314E6A; color: #FFF; }

    #commentlist .reply a, .comments-navigation a, .read-more, .navigation a	{ background: url(../../images/feed-title-white.jpg) top repeat-x #EFEFEF; color: #000; text-decoration: none; padding: 5px 10px; margin: 0; border: 1px solid #CCC; font-weight: bold; display: inline-block; }
    #commentlist .reply a:hover, .comments-navigation a:hover, .navigation a:hover, .read-more:hover	{ background: #314E6A; color: #FFF; }

    .comments-navigation	{ clear: both; margin: 0 10px 10px 0; background: #F3F3F3; border: solid #CCC; border-width: 0 1px 1px; padding: 10px; }
    .comments-navigation span.current	{ padding: 5px 10px; border: 1px solid #CCC; background: #314E6A; color: #FFF; font-weight: bold; }

    .nocomments				{ background: url(../../images/content-bg.jpg) repeat-x top #FFF; border: solid #CCC; border-width: 0 1px 1px; padding: 15px 10px; margin: 0 10px 10px 0; font-size: 12px; }

    #commentform			{ background: url(../../images/content-bg.jpg) repeat-x #FFF; border: solid #CCC; border-width: 0 1px 1px; margin-right: 10px; padding: 10px; }
    #commentform label		{ color: #999; }
    #commentform label.error  { margin: 5px 0; color: #D8000C; font-weight: bold; padding: 5px; }
    #commentform span.required	{ color: #FF0000; }
    #commentform input[type=text]  { display: block; width: 300px; font: 14px ‘Lucida Grande’,Arial,Helvetica,sans-serif; margin: 5px 0; }
    #commentform textarea	{ display: block; font: 14px ‘Lucida Grande’,Arial,Helvetica,sans-serif; width: 90%; margin-bottom: 5px; }
    #cancel-comment-reply-link	{ font-size: 11px; padding: 0 10px; }

    .pingbacks				{ background: #FFF; border: solid #CCC; border-width: 0 1px 1px; padding: 15px 10px 15px 30px; margin: 0 10px 10px 0; }
    .pingbacks li			{ padding: 2px 0; font-weight: bold; }
    .pingbacks a:link, .pingbacks a:visited	{ text-decoration: none; }

    /* search results */
    .search-results h2      { color: #333; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 6px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border: 1px solid #CCC; }
    .search-results-content { border: solid #CCC; border-width: 0 1px 1px; background: #FFF; margin: 0 10px 10px 0; padding: 10px; }

    /* author template */
    .author-posts-title, .author-content h1 { text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 6px 10px;  background: url(../../images/feed-title-white.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; color: #333; }
    .author-content .entry-content  { background: url(../../images/content-bg.jpg) repeat-x top #FFF; border: 1px solid #CCC; margin: 0 10px 15px 0; padding: 10px; }
    .author-content dl  	{ margin-left: 115px; }

    /* footer */
    #footer				{ margin: 20px auto 0; width: 960px; background: #FFF; padding-bottom: 10px; border: 1px solid #CCC; }
    #footer .widgetcontainer	{ background: none; border-width: 0; padding: 10px; margin: 0 10px 10px 0; float: left; width: 100%; }
    #footer .widgettitle	{ background: none; border: none; font-size: 11px; color: #444; padding: 0 0 10px; text-transform: uppercase; margin: 0; }
    #footer .widgetcontent	{ font-size: 11px; background: none; padding: 0; border: none; }
    #footer .footer-message	{ margin: 0; padding: 10px 15px 0; font-size: 11px; }
    #footer .footer-message p { margin: 0 0 0.5em; }
    #footer .footer-message .floatright { margin-left: 20px; }
    .footer-sidebar-container  { overflow: hidden; margin: 10px 10px 0; border-bottom: 1px solid #CCC; }
    .footer-sidebar		{ overflow: hidden; float: left; margin: 0; padding: 0 0 10px; }
    .footer-sidebar ul	{ list-style: none; margin: 0; padding: 0; }
    .footer-sidebar li	{ margin: 0 0 3px; }

    #logomvds {display : block; width : 180px; height : 73px; background : url(http://img.actu-moteurs.com//uploads/2012/04/mvds2.png);}
    #logomvds:hover {background : url(http://img.actu-moteurs.com//uploads/2012/04/mvds.png);}

    #logoreference {display : block; width : 180px; height : 59px; background : url(http://img.actu-moteurs.com//uploads/2012/04/referenceur2.png);}
    #logoreference:hover {background : url(http://img.actu-moteurs.com//uploads/2012/04/referenceur.png);}

    #logoraw {display : block; width : 180px; height : 52px; background : url(http://img.actu-moteurs.com//uploads/2012/04/raw2.png);}
    #logoraw:hover {background : url(http://img.actu-moteurs.com//uploads/2012/04/raw.png);}

    .spacer {clear:both;}
    .ads_300 {float : left; width:300px; height: 250px; margin-left : 10px;}

    Merci pour votre aide,

    Nathan.

    9 juillet 2012 à 18 h 09 min #842043
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Edit Modération: J’ai placé le source dans des balises code.

    Ceci d’autant plus que je ne suis pas persuadé que d’avoir un fichier de style CSS serve à quelque chose, je me serai plutôt orienté vers un javascript, sinon je ne vois pas trop bien comment faire sauf à faier des trucs compliqués avec des div qui te poseront un jour ou l’autre des problèmes, sans compter la compatibilté entre navigateurs.

    Ma note personelle 🙂 je râle à chaque fois que je tombe sur un site qui propose ce genre de truc, je pense cliquer sur une surface libre, pour reprendre le focus par exemple, et je me retrouve avec une fenêtre de pub qui s’ouvre sans en avoir été prévenu.

    9 juillet 2012 à 18 h 12 min #842034
    luciole135
    Participant
    Maître WordPress
    13714 contributions

    Voir :
    http://www.wordpress-fr.net/support/viewtopic.php?pid=268551#p268551

    9 juillet 2012 à 18 h 13 min #842035
    khymo1
    Membre
    Chevalier WordPress
    106 contributions

    Bonjour,

    Merci pour votre réponse rapide, n’auriez-vous pas des termes de recherche à me donner pour que je puisse chercher une solution à l’aide du javascript?

    En fait, je ne suis pas très fan de cette technique. Néanmoins, j’aimerais bien expérimenter.

    Cordialement,

    Nathan.

    9 juillet 2012 à 18 h 24 min #842036
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Sinon, je reviens en pensant à une chose, mais il faudra tester

    pour chaque page juste après la balise body, tu insères un div qui fait toute la page.


    <div class="fond_pub">
          <a href="lapub.com"></a>
       </div>
       <div id="lesite">

       ……….

    avec des styles css du genre

    .fond_pub a {
       display : block;
       width : 100%;
       height : 100%;
       }

    .fond_pub {
       width : 100%;
       height : 100%;
       position : absolute;
       z-index : 0;
    }

    pour le div d’id le site, je ne sais pas bien si c’est necessaire, ou si tu peux directement faire l’affichage. il faudra surement le mettre en position:relative avec z-index de 1, mais alors là…. faire attention si il y a d’autres définitions de z-index.

    9 juillet 2012 à 18 h 26 min #842037
    khymo1
    Membre
    Chevalier WordPress
    106 contributions

    J’ai déjà un div consacrée à l’arrière-plan, j’aimerais la modifier en rajoutant un lien.

    9 juillet 2012 à 18 h 37 min #842038
    luciole135
    Participant
    Maître WordPress
    13714 contributions
    khymo1 wrote:
    Bonjour,

    Merci pour votre réponse rapide, n’auriez-vous pas des termes de recherche à me donner pour que je puisse chercher une solution à l’aide du javascript?

    En fait, je ne suis pas très fan de cette technique. Néanmoins, j’aimerais bien expérimenter.

    Cordialement,

    Nathan.

    les mêmes avec en plus js ou javascript

    9 juillet 2012 à 19 h 33 min #842039
    Guy
    Participant
    Maître WordPress
    14817 contributions

    la solution javascript, toujours pareil, il faudra tester, c’est uniquement de rajouter un onclick sur le body
    Dans ton header.php, tu devras trouver un

    <body >

    tu le modifies en:

    <body onclick= »location.href=’lapub.com’; »>

    Inconvénient: ne marche pas si javascript non activé.

    L’autre solution, c’est juste de mettre en dessous de <body >, le div cité plus haut (avec le css qui va bien)

    <body >

    Inconvénient: cela doit poser des problèmes en cas de scrolling

    SI tu as un div qui fait déjà tout le fond, tu appliques la deuxième solution mais avec ton div, cela devrait marcher. De toute façon, une solution css seule ne marchera pas, il faut forcément toucher au code.

    9 juillet 2012 à 19 h 43 min #842040
    WebDevEur
    Membre
    Initié WordPress
    11 contributions

    Une simple version de ce que tu veux faire est très simple à mettre en place et ne nécessite que du CSS.
    Il faut mettre un background à une balise A.

    Voici une première version qui fonctionne très bien. Par exemple juste après la balise Wrapper, ajoute ce code :

    <a href="http://www.leblogger.com" target="_blank">LeBlogger</a>

    L’image est cliquable à 100% et le texte ne s’affiche pas

    9 juillet 2012 à 19 h 44 min #842041
    WebDevEur
    Membre
    Initié WordPress
    11 contributions

    Faut bien sur enlever le background-image du body

    9 juillet 2012 à 19 h 55 min #842042
    Guy
    Participant
    Maître WordPress
    14817 contributions

    A mon avis, je crains qu’il y ait des problèmes de scrolling si la page est plus grande que la fenêtre du navigateur, (et rajouter une balise n’est pas du css seul 🙂 )

    10 juillet 2012 à 7 h 02 min #842044
    khymo1
    Membre
    Chevalier WordPress
    106 contributions

    Bonjour,

    Cette façon de faire fonctionne mais l’image s’affiche plusieurs fois.

    10 juillet 2012 à 8 h 56 min #842045
    WebDevEur
    Membre
    Initié WordPress
    11 contributions

    Il suffit de mettre un

    background-repeat: no-repeat;

    10 juillet 2012 à 8 h 58 min #842046
    khymo1
    Membre
    Chevalier WordPress
    106 contributions

    il est déjà dans le code qu’on m’a donné:

    LeBlogger

    10 juillet 2012 à 9 h 26 min #842047
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Ce n’est pas en ligne?

  • Auteur
    Messages
15 sujets de 1 à 15 (sur un total de 22)
1 2
  • Vous devez être connecté pour répondre à ce sujet.