Jump to content

Template:Infobox musical artist: Difference between revisions

← Older edit
Taurussmith (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,495 edits
VisualWikitext
No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{| class="infobox biography vcard" style="width:22em; font-size:90%; text-align:left; float:right; clear:right; margin:0 0 1em 1em; background:#f8f9fa; border:1px solid #a2a9b1; border-collapse:collapse;"
<includeonly>{| class="infobox biography vcard" style="width:22em; font-size:90%; text-align:left; float:right; clear:right; margin:0 0 1em 1em; background:#f8f9fa; border:1px solid #a2a9b1; border-collapse:collapse;"
|-
|-
! colspan="2" style="text-align:center; font-size:125%; font-weight:bold; padding:0.5em;" | {{{name|{{PAGENAME}}}}}
! colspan="2" style="text-align:center; font-size:125%; font-weight:bold; padding:0.5em;" | <div class="page-actions-wrapper" style="position:relative; display:inline-block; float:right; z-index:10;"><div class="page-actions-dots" style="cursor:pointer; font-size:20px; padding:0 6px; line-height:1; font-weight:bold;">⋮</div><div class="page-actions-dropdown" style="display:none; position:absolute; right:0; top:24px; background:#fff; border:1px solid #a2a9b1; border-radius:4px; min-width:200px; box-shadow:0 2px 8px rgba(0,0,0,0.15); text-align:left; font-size:85%; font-weight:normal;">{{#ifeq:{{{verified|}}}||<div style="border-bottom:1px solid #eee;">[[Project:Claim|🔒 Claim this page]]</div>|<div style="padding:8px 12px; color:#666; border-bottom:1px solid #eee;">✅ This page is managed</div><div style="padding:6px 12px; color:#888; border-bottom:1px solid #eee; font-size:80%;">Contact admin@dgrwiki.org for changes</div>}}<div style="border-bottom:1px solid #eee;">[[Project:Feedback|💬 Send feedback]]</div><div style="border-bottom:1px solid #eee;">[[{{TALKPAGENAME}}|💭 Discuss this page]]</div><div style="border-bottom:1px solid #eee;">[{{fullurl:{{FULLPAGENAME}}|action=history}} 📜 View history]</div><div>[{{fullurl:{{FULLPAGENAME}}|action=info}} ℹ️ Page information]</div></div></div> {{{name|{{PAGENAME}}}}}
|-
|-
{{#if:{{{image|}}}|
{{#if:{{{image|}}}|
Line 11: Line 11:
{{!}}-
{{!}}-
}}
}}
{{#if:{{{native_name|}}}{{{birth_name|}}}{{{alias|}}}{{{birth_date|}}}{{{birth_place|}}}{{{origin|}}}{{{death_date|}}}{{{death_place|}}}{{{genre|}}}{{{occupation|}}}|
 
<!-- MONTHLY VIEWS -->
{{!}} colspan="2" style="text-align:center; padding:6px 8px; border-top:1px solid #a2a9b1; border-bottom:1px solid #a2a9b1;" {{!}}
<div style="font-size:75%; color:#888; text-transform:uppercase; letter-spacing:1px;">Monthly views</div>
<div style="font-size:26px; font-weight:bold; color:#1db954; line-height:1.2;" class="monthly-views-count">0</div>
{{!}}-
 
{{#if:{{{birth_name|}}}{{{alias|}}}{{{birth_date|}}}{{{birth_place|}}}{{{origin|}}}{{{genre|}}}{{{occupation|}}}|
{{!}} colspan="2" style="background:#f0e68c; text-align:center; font-weight:bold; padding:0.2em;" {{!}} Background information
{{!}} colspan="2" style="background:#f0e68c; text-align:center; font-weight:bold; padding:0.2em;" {{!}} Background information
{{!}}-
{{!}}-
Line 68: Line 75:
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Labels'''
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Labels'''
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{label}}}
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{label}}}
{{!}}-
}}
{{#if:{{{releases|}}}|
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Releases'''
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{releases}}}
{{!}}-
}}
{{#if:{{{associated_acts|}}}|
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Associated acts'''
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{associated_acts}}}
{{!}}-
{{!}}-
}}
}}
Line 113: Line 130:
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Website'''
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Website'''
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{website}}}
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{website}}}
{{!}}-
}}
{{#if:{{{known_for|}}}|
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Known for'''
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{known_for}}}
{{!}}-
}}
{{#if:{{{founded|}}}|
{{!}} style="padding:0.2em 0.5em; vertical-align:top;" {{!}} '''Founded'''
{{!}} style="padding:0.2em 0.5em;" {{!}} {{{founded}}}
{{!}}-
{{!}}-
}}
}}
Line 124: Line 151:
}}
}}


<!-- LISTEN - Icon only horizontal row -->
<!-- SOCIAL PROFILES -->
{{#if:{{{spotify|}}}{{{apple|}}}{{{audiomack|}}}{{{youtube|}}}{{{youtubemusic|}}}{{{tidal|}}}{{{deezer|}}}{{{boomplay|}}}|
{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
<div style="display:flex; align-items:center; gap:8px;">
<span style="font-weight:bold; font-size:85%; white-space:nowrap;">🎵 Listen</span>
{{#if:{{{spotify|}}}|<a href="{{{spotify}}}" target="_blank" title="Spotify" style="text-decoration:none;">🟢</a>}}
{{#if:{{{apple|}}}|<a href="{{{apple}}}" target="_blank" title="Apple Music" style="text-decoration:none;">🍎</a>}}
{{#if:{{{audiomack|}}}|<a href="{{{audiomack}}}" target="_blank" title="Audiomack" style="text-decoration:none;">🅰️</a>}}
{{#if:{{{youtube|}}}|<a href="{{{youtube}}}" target="_blank" title="YouTube" style="text-decoration:none;">▶️</a>}}
{{#if:{{{youtubemusic|}}}|<a href="{{{youtubemusic}}}" target="_blank" title="YouTube Music" style="text-decoration:none;">🎶</a>}}
{{#if:{{{tidal|}}}|<a href="{{{tidal}}}" target="_blank" title="Tidal" style="text-decoration:none;">🌊</a>}}
{{#if:{{{deezer|}}}|<a href="{{{deezer}}}" target="_blank" title="Deezer" style="text-decoration:none;">🔵</a>}}
{{#if:{{{boomplay|}}}|<a href="{{{boomplay}}}" target="_blank" title="Boomplay" style="text-decoration:none;">🟠</a>}}
</div>
{{!}}-
}}
 
<!-- SOCIAL PROFILES - Icon only horizontal row -->
{{#if:{{{facebook|}}}{{{instagram|}}}{{{twitter|}}}{{{tiktok|}}}{{{snapchat|}}}{{{linkedin|}}}|
{{#if:{{{facebook|}}}{{{instagram|}}}{{{twitter|}}}{{{tiktok|}}}{{{snapchat|}}}{{{linkedin|}}}|
{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
<div style="display:flex; align-items:center; gap:8px;">
<div style="font-weight:bold; font-size:90%; margin-bottom:6px;">Social profiles</div>
<span style="font-weight:bold; font-size:85%; white-space:nowrap;">🌐 Social</span>
<div style="display:flex; gap:10px; overflow-x:auto; white-space:nowrap;">
{{#if:{{{facebook|}}}|<a href="{{{facebook}}}" target="_blank" title="Facebook" style="text-decoration:none;">📘</a>}}
{{#if:{{{facebook|}}}|[[File:Facebook_icon.png|28px|link={{{facebook}}}|Facebook]]}}
{{#if:{{{instagram|}}}|<a href="{{{instagram}}}" target="_blank" title="Instagram" style="text-decoration:none;">📷</a>}}
{{#if:{{{instagram|}}}|[[File:Instagram_icon.png|28px|link={{{instagram}}}|Instagram]]}}
{{#if:{{{twitter|}}}|<a href="{{{twitter}}}" target="_blank" title="X (Twitter)" style="text-decoration:none;">𝕏</a>}}
{{#if:{{{twitter|}}}|[[File:X_icon.png|28px|link={{{twitter}}}|X]]}}
{{#if:{{{tiktok|}}}|<a href="{{{tiktok}}}" target="_blank" title="TikTok" style="text-decoration:none;">🎵</a>}}
{{#if:{{{tiktok|}}}|[[File:TikTok_icon.png|28px|link={{{tiktok}}}|TikTok]]}}
{{#if:{{{snapchat|}}}|<a href="{{{snapchat}}}" target="_blank" title="Snapchat" style="text-decoration:none;">👻</a>}}
{{#if:{{{snapchat|}}}|[[File:Snapchat_icon.png|28px|link={{{snapchat}}}|Snapchat]]}}
{{#if:{{{linkedin|}}}|<a href="{{{linkedin}}}" target="_blank" title="LinkedIn" style="text-decoration:none;">💼</a>}}
{{#if:{{{linkedin|}}}|[[File:LinkedIn_icon.png|28px|link={{{linkedin}}}|LinkedIn]]}}
</div>
</div>
{{!}}-
{{!}}-
}}
}}


<!-- PEOPLE ALSO SEARCH FOR - Auto thumbnail + name horizontal row -->
<!-- LISTEN -->
{{#if:{{{people1|}}}{{{people2|}}}{{{people3|}}}{{{people4|}}}{{{people5|}}}{{{people6|}}}|
{{#if:{{{spotify|}}}{{{apple|}}}{{{audiomack|}}}{{{youtube|}}}{{{youtubemusic|}}}{{{tidal|}}}{{{deezer|}}}{{{boomplay|}}}|
{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
<div style="font-weight:bold; font-size:85%; margin-bottom:4px;">🔍 People also search for</div>
<div style="font-weight:bold; font-size:90%; margin-bottom:6px;">Listen</div>
<div style="display:flex; gap:8px; overflow-x:auto; white-space:nowrap; padding-bottom:4px;">
<div style="display:flex; gap:10px; overflow-x:auto; white-space:nowrap;">
{{#if:{{{people1|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people1}}}.jpg|50px|center|link={{{people1}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people1}}}]]</div></div>}}
{{#if:{{{spotify|}}}|[[File:Spotify_icon.png|28px|link={{{spotify}}}|Spotify]]}}
{{#if:{{{people2|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people2}}}.jpg|50px|center|link={{{people2}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people2}}}]]</div></div>}}
{{#if:{{{apple|}}}|[[File:Apple_Music_icon.png|28px|link={{{apple}}}|Apple Music]]}}
{{#if:{{{people3|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people3}}}.jpg|50px|center|link={{{people3}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people3}}}]]</div></div>}}
{{#if:{{{audiomack|}}}|[[File:Audiomack_icon.png|28px|link={{{audiomack}}}|Audiomack]]}}
{{#if:{{{people4|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people4}}}.jpg|50px|center|link={{{people4}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people4}}}]]</div></div>}}
{{#if:{{{youtube|}}}|[[File:YouTube_icon.png|28px|link={{{youtube}}}|YouTube]]}}
{{#if:{{{people5|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people5}}}.jpg|50px|center|link={{{people5}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people5}}}]]</div></div>}}
{{#if:{{{youtubemusic|}}}|[[File:YouTube_Music_icon.png|28px|link={{{youtubemusic}}}|YouTube Music]]}}
{{#if:{{{people6|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people6}}}.jpg|50px|center|link={{{people6}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people6}}}]]</div></div>}}
{{#if:{{{tidal|}}}|[[File:Tidal_icon.png|28px|link={{{tidal}}}|Tidal]]}}
{{#if:{{{deezer|}}}|[[File:Deezer_icon.png|28px|link={{{deezer}}}|Deezer]]}}
{{#if:{{{boomplay|}}}|[[File:Boomplay_icon.png|28px|link={{{boomplay}}}|Boomplay]]}}
</div>
</div>
{{!}}-
{{!}}-

Latest revision as of 03:55, 18 May 2026

   📄 Template documentation

   Template loop detected: Template:Documentation

Template loop detected: Template:Documentation

Retrieved from "https://dgrwiki.org/index.php?title=Template:Infobox_musical_artist&oldid=2393"