A user sandbox is a subpage of the user's userpage that serves as a testing and development playground.
Please don't edit this sandbox without prior asking me. Note that the content of this page will be overwritten very often. If you want to bookmark or link to this page in the state you're currently seeing it, copy the URL from "Permanent link" found in the side rail's Page Tools. You can also find all older revisions in my sandbox log.
Image button
Example
HTML
<div class="imgbtn-container">[[File:CommentsButton.png|100px|link=Help:Editing|class=imgbtn]]<br>[[Help:Editing|<span class="imgbtn-caption">Blind Warrior</span>]]</div>
CSS
.imgbtn-container {
width: 105px;
height:105px;
text-align:center;
background:lightgrey;
border-radius:5px;
transition:.3s;
}
.imgbtn {
padding:5px;
}
.imgbtn-caption {
color:black;
}
.imgbtn-container a:hover {
text-decoration:none;
}
.imgbtn-container:hover {
background:grey;
}
Related discussion
- Assigning a link to a block element? - 2024-10-23 by TheFlamingX