-
-
Télécharger
- Télécharger contact-box-widget
- Placer les deux images dans le dossier /images/ de votre thème :
![]()
![]()
-
CSS à coller dans le fichier style.css de votre thème :
/* widget contact box footer */
a.cbw-submit {
background: url("images/bgButton.png") repeat-x scroll center center transparent;
border: medium none;
border-radius: 8px 8px 8px 8px;
box-shadow: 1px 1px 3px #555555;
color: #FFFFFF !important;
cursor: pointer;
display: block;
line-height: 19px;
margin-left: 10px;
margin-top: 0;
outline: medium none;
padding: 5px;
text-shadow: 1px 1px #000000;
width: 50px;
}
.widget_cbw_imath_widget h3 {
background: url("images/mail.png") no-repeat scroll 0 0 transparent;
line-height: 24px;
padding-left: 28px;
}
#mail_subscriber, .cbw-from input[type="text"], .cbw-message textarea {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 8px 8px 8px 8px;
font-family: Amaranth,trebuchet MS;
padding: 5px 5px 2px;
}
-
Si votre thème ne contient pas de zone widgetisable dans le footer.
Ajouter dans le fichier footer.php de votre thème :
<div id="widgetized-footer"> <?php dynamic_sidebar( 'footer-widget' ) ?> <br style="clear:both"/> </div>
Ajouter dans le fichier functions.php de votre thème :
register_sidebars( 1,
array(
'name' => 'footer-widget',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgettitle">',
'after_title' => '</h3>'
)
);
-
Lien
Le site de l’auteur (Ouvrez un onglet de votre navigateur et copier /coller l’url dedans) :
http://imath.owni.fr/2011/04/30/contact-box/
-

Aucun commentaire pour le moment.