Top Menu

Vous êtes ici : Codesscripts » Tutoriels WordPress » Extension Contact Box footer pour WordPress

Extension Contact Box footer pour WordPress

-

-

Télécharger

- Placer les deux images dans le dossier /images/ de votre thème :

mail

bgButton

-

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.

Laisser un commentaire