User talk:Hochstrd: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
Wikiwikiwiki (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
==Travelers== | |||
Thanks for the reminder, I forgot the travellers! Will add them now. [[User:Nandop]] | Thanks for the reminder, I forgot the travellers! Will add them now. [[User:Nandop]] | ||
== | ==Adding Black Border to Trimmed Images== | ||
===Overlay Version=== | |||
<pre><div style="position:relative;z-index:5;">[[File:Black border.png|230px|link=Artist]] | |||
<div style="position:absolute;left:15px;z-index:10;top:13px;">[[File:Artist.jpg|200px|link=Artist]]</div> | |||
</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:15px;z-index:10;top:13px;">[[File:Artist.jpg|200px|link=Artist]]</div> | <div style="position:absolute;left:15px;z-index:10;top:13px;">[[File:Artist.jpg|200px|link=Artist]]</div> | ||
</div> | </div> | ||
===CSS Version=== | |||
alternatively (without using extra image): | alternatively (without using extra image): | ||
Line 16: | Line 21: | ||
I like the pure CSS version! | I like the pure CSS version! | ||
[[User:Hochstrd|Hochstrd]] ([[User talk:Hochstrd|talk]]) 09:33, 27 August 2024 (EDT) | [[User:Hochstrd|Hochstrd]] ([[User talk:Hochstrd|talk]]) 09:33, 27 August 2024 (EDT) | ||
:I agree this css is pretty cool. Only advantage I can see to the overlay version is that it allows the border to also act as a link to the card page. –[[user_talk:wikiwikiwiki|wikiwikiwiki]] 21:21, 29 August 2024 (EDT) |
Revision as of 01:21, 30 August 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:15px;z-index:10;top:13px;">[[File:Artist.jpg|200px|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|200px]]</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. Only advantage I can see to the overlay version is that it allows the border to also act as a link to the card page. –wikiwikiwiki 21:21, 29 August 2024 (EDT)