Drupal Tip: Creating Buttons Picture Form


 

Drupal development and the button in a form on your site (search form button, the buttons to vote on polls, etc..), Then removed from the standard image with an image do you want to change the way you can quickly and easily is a few little css tricks. As an example, remove the text on a button and want to replace it with the need to use a visual code is approximately as follows:

  1. #search-block-form .form-submit {
  2. width:50px;
  3. height:30px;
  4. background:url(images/submit-back.jpg) no-repeat;
  5. border:none;
  6. padding-top: 40px;
  7. overflow: hidden;
  8. }

 Here, the process and the desired image on the button to make the background picture of the size of the normal button text button to move to an area further down.  Overflow hidden with the record process is completed transaction.

This article has been translated using Google Translate.

Yeni yorum gönder

Bu alanın içeriği gizli tutulacak ve açıkta gösterilmeyecektir. If you have a Gravatar account, used to display your avatar.
  • Web sayfası ve e-posta adresleri otomatik olarak baÄŸlantıya çevrilir.
  • Satır ve paragraflar otomatik olarak bölünürler.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p>

Biçimleme seçenekleri hakkında daha fazla bilgi

CAPTCHA
Bu soru, otomatik gönderilen spam yorumları engellemek için eklenmiştir. Eğer üye olursanız, bu soruyla karşılaşmazsınız.
Image CAPTCHA
Gördüğünüz karakterleri bu kutuya girin.
drupal-love-right.png