php - Resize buttons in phpBB -


so have module , i'm trying resize buttons used in module fit larger image. how can downscale image fit specific button dimensions? here's css code use buttons. buttons' images imported through thanks-icon , removethanks-icon. image icons imported atm:image1. want replace owns buttons are: this upvote , img3 downvote (rescaled fit button "locked" button posts.

dl.thanks {     min-height: 35px;     background-position: 10px 50%;      /* position of folder icon */     background-repeat: no-repeat; }  dl.thanks dt {     padding-left: 45px;                 /* space folder icon */     background-repeat: no-repeat;     background-position: 5px 95%;       /* position of topic icon */     width: 45%; }  dd.lastpostthanks {     width: auto;     font-size: 1.1em; } dd.lastpostthanks span {     display: block;     padding-left: 5px; } /* list in forum description */ dl.thanks dt ol, dl.thanks dt ul {     list-style-position: inside;     margin-left: 1em; }  dl.thanks dt li {     display: list-item;     list-style-type: inherit; } li.header dl.thanks {     min-height: 0; }  li.header dl.thanks dt {     /* tweak headers alignment when folder icon used */     padding-left: 0;     padding-right: 50px; }  /* forum list column styles */ dl.thanks {     min-height: 35px;     background-position: 10px 50%;      /* position of folder icon */     background-repeat: no-repeat; }  dl.thanks dt {     padding-left: 45px;                 /* space folder icon */     background-repeat: no-repeat;     background-position: 5px 95%;       /* position of topic icon */ }  /* icon images ---------------------------------------- */ .icon-thanks            { background-image: url("./images/icon_thanks.gif"); background-repeat: no-repeat; } .icon-thanks_toplist    { background-image: url("./images/icon_thanks_toplist.gif"); background-repeat: no-repeat; }   /* profile & navigation icons */ .thanks-icon:before {     width: 60px;      background-position: -3px -1px;      background-image: url("./images/icons_button_likes.png"); } //.thanks-icon:hover:before{ background-position: -3px -19px; }  .removethanks-icon:before {     background-position: -18px -2px;     background-image: url("./images/icons_button_likes.png");  } .removethanks-icon:hover:before {background-position: -18px -20px; }  .thanks_reput_image_back {     background:  url(../../../images/rating/reput_star_back.gif);     background-repeat: repeat-x; } .thanks_reput_image {     background:  url(../../../images/rating/reput_star_gold.gif);     background-repeat: repeat-x; }

thanks.

you can add background-size:cover; scale background image large possible background area


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more

android - Keyboard hides my half of edit-text and button below it even in scroll view -

i having trouble keyboard covers edit-text , half of button in scroll view. here's layout , please tell me how should resolve problem. many questions on topic none of them s working me. <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="@drawable/bg" android:layout_height="match_parent"> <scrollview android:layout_width="match_parent" android:fillviewport="true" android:layout_height="match_parent"> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="w...
Read more