User talk:Hochstrd: Difference between revisions
Jump to navigation
Jump to search
Wikiwikiwiki (talk | contribs) No edit summary |
Wikiwikiwiki (talk | contribs) avoid new js |
||
| Line 5: | Line 5: | ||
===Overlay Version=== | ===Overlay Version=== | ||
<pre><div style="position:relative;z-index:5;">[[File:Black border.png|230px|link=Artist]] | <pre><div style="position:relative;z-index:5;">[[File:Black border.png|230px|link=Artist]] | ||
<div style="position:absolute;left: | <div style="position:absolute;left:14px;z-index:10;top:14px;">[[File:Artist.jpg|202px|link=Artist]]</div> | ||
</div></pre> | </div></pre> | ||
<div style="position:relative;z-index:5;">[[File:Black border.png|230px|link=Artist]] | <div style="position:relative;z-index:5;">[[File:Black border.png|230px|link=Artist]] | ||
<div style="position:absolute;left: | <div style="position:absolute;left:14px;z-index:10;top:14px;">[[File:Artist.jpg|202px|link=Artist]]</div> | ||
</div> | </div> | ||
| Line 14: | Line 14: | ||
alternatively (without using extra image): | alternatively (without using extra image): | ||
<nowiki><span style="display: inline-block; padding: 11px; border-radius: 10px; background: black;">[[Image:Artist.jpg|201px]]</span></nowiki> | |||
<span style="display: inline-block; padding: 11px; border-radius: 10px; background: black;">[[Image:Artist.jpg| | <span style="display: inline-block; padding: 11px; border-radius: 10px; background: black;">[[Image:Artist.jpg|201px]]</span> | ||
[[User:M knox|m_knox]] ([[User talk:M knox|talk]]) 03:12, 27 August 2024 (EDT) | [[User:M knox|m_knox]] ([[User talk:M knox|talk]]) 03:12, 27 August 2024 (EDT) | ||
Revision as of 17:11, 2 September 2024
Travelers
Thanks for the reminder, I forgot the travellers! Will add them now. User:Nandop
Adding Black Border to Trimmed Images
Overlay Version
<div style="position:relative;z-index:5;">[[File:Black border.png|230px|link=Artist]] <div style="position:absolute;left:14px;z-index:10;top:14px;">[[File:Artist.jpg|202px|link=Artist]]</div> </div>
CSS Version
alternatively (without using extra image):
<span style="display: inline-block; padding: 11px; border-radius: 10px; background: black;">[[Image:Artist.jpg|201px]]</span>
m_knox (talk) 03:12, 27 August 2024 (EDT)
I like the pure CSS version! Hochstrd (talk) 09:33, 27 August 2024 (EDT)
- I agree this css is pretty cool. The only advantage I can see of the overlay version is that it allows the border to also act as a link to the card page. But maybe this is also possible using pure html/css? –wikiwikiwiki 21:21, 29 August 2024 (EDT)