Jump to content

Template:Infobox musical artist: Difference between revisions

← Older editNewer edit →
Taurussmith (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,495 edits
VisualWikitext
No edit summary
No edit summary
Line 124: Line 124:
}}
}}


<!-- LISTEN - Icon only horizontal row -->
<!-- SOCIAL PROFILES -->
{{#if:{{{spotify|}}}{{{apple|}}}{{{audiomack|}}}{{{youtube|}}}{{{youtubemusic|}}}{{{tidal|}}}{{{deezer|}}}{{{boomplay|}}}|
{{#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:85%; margin-bottom:4px;">Social profiles</div>
<span style="font-weight:bold; font-size:85%; white-space:nowrap;">🎵 Listen</span>
<div style="display:flex; gap:10px; overflow-x:auto; white-space:nowrap; padding-bottom:2px;">
{{#if:{{{spotify|}}}|<a href="{{{spotify}}}" target="_blank" title="Spotify" style="text-decoration:none;">🟢</a>}}
{{#if:{{{facebook|}}}|<a href="{{{facebook}}}" target="_blank" style="text-decoration:none;">[[File:Facebook_icon.png|28px|Facebook]]</a>}}
{{#if:{{{apple|}}}|<a href="{{{apple}}}" target="_blank" title="Apple Music" style="text-decoration:none;">🍎</a>}}
{{#if:{{{instagram|}}}|<a href="{{{instagram}}}" target="_blank" style="text-decoration:none;">[[File:Instagram_icon.png|28px|Instagram]]</a>}}
{{#if:{{{audiomack|}}}|<a href="{{{audiomack}}}" target="_blank" title="Audiomack" style="text-decoration:none;">🅰️</a>}}
{{#if:{{{twitter|}}}|<a href="{{{twitter}}}" target="_blank" style="text-decoration:none;">[[File:X_icon.svg|28px|X]]</a>}}
{{#if:{{{youtube|}}}|<a href="{{{youtube}}}" target="_blank" title="YouTube" style="text-decoration:none;">▶️</a>}}
{{#if:{{{tiktok|}}}|<a href="{{{tiktok}}}" target="_blank" style="text-decoration:none;">[[File:TikTok_icon.png|28px|TikTok]]</a>}}
{{#if:{{{youtubemusic|}}}|<a href="{{{youtubemusic}}}" target="_blank" title="YouTube Music" style="text-decoration:none;">🎶</a>}}
{{#if:{{{snapchat|}}}|<a href="{{{snapchat}}}" target="_blank" style="text-decoration:none;">[[File:Snapchat_icon.png|28px|Snapchat]]</a>}}
{{#if:{{{tidal|}}}|<a href="{{{tidal}}}" target="_blank" title="Tidal" style="text-decoration:none;">🌊</a>}}
{{#if:{{{linkedin|}}}|<a href="{{{linkedin}}}" target="_blank" style="text-decoration:none;">[[File:LinkedIn_icon.png|28px|LinkedIn]]</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>
</div>
{{!}}-
{{!}}-
}}
}}


<!-- SOCIAL PROFILES - Icon only horizontal row -->
<!-- LISTEN -->
{{#if:{{{facebook|}}}{{{instagram|}}}{{{twitter|}}}{{{tiktok|}}}{{{snapchat|}}}{{{linkedin|}}}|
{{#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="display:flex; align-items:center; gap:8px;">
<div style="font-weight:bold; font-size:85%; margin-bottom:4px;">Listen</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; padding-bottom:2px;">
{{#if:{{{facebook|}}}|<a href="{{{facebook}}}" target="_blank" title="Facebook" style="text-decoration:none;">📘</a>}}
{{#if:{{{spotify|}}}|<a href="{{{spotify}}}" target="_blank" style="text-decoration:none;">[[File:Spotify_icon.png|28px|Spotify]]</a>}}
{{#if:{{{instagram|}}}|<a href="{{{instagram}}}" target="_blank" title="Instagram" style="text-decoration:none;">📷</a>}}
{{#if:{{{apple|}}}|<a href="{{{apple}}}" target="_blank" style="text-decoration:none;">[[File:Apple_Music_icon.png|28px|Apple Music]]</a>}}
{{#if:{{{twitter|}}}|<a href="{{{twitter}}}" target="_blank" title="X (Twitter)" style="text-decoration:none;">𝕏</a>}}
{{#if:{{{audiomack|}}}|<a href="{{{audiomack}}}" target="_blank" style="text-decoration:none;">[[File:Audiomack_icon.png|28px|Audiomack]]</a>}}
{{#if:{{{tiktok|}}}|<a href="{{{tiktok}}}" target="_blank" title="TikTok" style="text-decoration:none;">🎵</a>}}
{{#if:{{{youtube|}}}|<a href="{{{youtube}}}" target="_blank" style="text-decoration:none;">[[File:YouTube_icon.png|28px|YouTube]]</a>}}
{{#if:{{{snapchat|}}}|<a href="{{{snapchat}}}" target="_blank" title="Snapchat" style="text-decoration:none;">👻</a>}}
{{#if:{{{youtubemusic|}}}|<a href="{{{youtubemusic}}}" target="_blank" style="text-decoration:none;">[[File:YouTube_Music_icon.svg|28px|YouTube Music]]</a>}}
{{#if:{{{linkedin|}}}|<a href="{{{linkedin}}}" target="_blank" title="LinkedIn" style="text-decoration:none;">💼</a>}}
{{#if:{{{tidal|}}}|<a href="{{{tidal}}}" target="_blank" style="text-decoration:none;">[[File:Tidal_icon.png|28px|Tidal]]</a>}}
{{#if:{{{deezer|}}}|<a href="{{{deezer}}}" target="_blank" style="text-decoration:none;">[[File:Deezer_icon.png|28px|Deezer]]</a>}}
{{#if:{{{boomplay|}}}|<a href="{{{boomplay}}}" target="_blank" style="text-decoration:none;">[[File:Boomplay_icon.png|28px|Boomplay]]</a>}}
</div>
</div>
{{!}}-
{{!}}-
}}
}}


<!-- PEOPLE ALSO SEARCH FOR - Auto thumbnail + name horizontal row -->
<!-- PEOPLE ALSO SEARCH FOR -->
{{#if:{{{people1|}}}{{{people2|}}}{{{people3|}}}{{{people4|}}}{{{people5|}}}{{{people6|}}}|
{{!}} 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:85%; margin-bottom:4px;">People also search for</div>
<div style="display:flex; gap:8px; overflow-x:auto; white-space:nowrap; padding-bottom:4px;">
<div style="display:flex; gap:8px; overflow-x:auto; white-space:nowrap; padding-bottom:4px;">
{{#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:{{{people1|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people1}}}.jpg|52px|center|link={{{people1}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people1}}}]]</div></div>}}
{{#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:{{{people2|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people2}}}.jpg|52px|center|link={{{people2}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people2}}}]]</div></div>}}
{{#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:{{{people3|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people3}}}.jpg|52px|center|link={{{people3}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people3}}}]]</div></div>}}
{{#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:{{{people4|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people4}}}.jpg|52px|center|link={{{people4}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people4}}}]]</div></div>}}
{{#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:{{{people5|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people5}}}.jpg|52px|center|link={{{people5}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people5}}}]]</div></div>}}
{{#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:{{{people6|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people6}}}.jpg|52px|center|link={{{people6}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people6}}}]]</div></div>}}
{{#if:{{{people7|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people7}}}.jpg|52px|center|link={{{people7}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people7}}}]]</div></div>}}
{{#if:{{{people8|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people8}}}.jpg|52px|center|link={{{people8}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people8}}}]]</div></div>}}
{{#if:{{{people9|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people9}}}.jpg|52px|center|link={{{people9}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people9}}}]]</div></div>}}
{{#if:{{{people10|}}}|<div style="text-align:center; min-width:65px;"><div style="width:52px; height:52px; border-radius:50%; overflow:hidden; margin:0 auto;">[[File:{{{people10}}}.jpg|52px|center|link={{{people10}}}]]</div><div style="font-size:75%; margin-top:2px; max-width:65px; overflow:hidden; text-overflow:ellipsis;">[[{{{people10}}}]]</div></div>}}
</div>
</div>
{{!}}-
{{!}}-
}}
|}</includeonly><noinclude>
|}</includeonly><noinclude>
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>

Revision as of 16:08, 16 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=2287"