|
|
| Line 1: |
Line 1: |
| <includeonly>
| | {{LinktreeStyle |
| <div style="display: flex; justify-content: center; margin-top: 20px;">
| | | title = Follow Me Online |
| {| class="infobox" style="width: 360px; border: 1px solid #aaa; background: #ffffff; border-radius: 12px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden;"
| | | image = Example.jpg |
| |-
| | | link1text = YouTube |
| ! colspan="1" class="infobox-header" style="font-size: 1.5em; padding: 12px; background-color: #f5f5f5; text-align: center;" | {{{title|My Links}}}
| | | link1url = https://youtube.com/yourchannel |
| |-
| | | link2text = Instagram |
| | style="text-align: center; padding: 10px;" | [[File:{{{image|Example.jpg}}}|250px|center|alt=Avatar]]
| | | link2url = https://instagram.com/yourhandle |
| |-
| | | link3text = Patreon |
| | colspan="1" style="text-align: center; padding: 20px;" |
| | | link3url = https://patreon.com/yourpage |
| | | | link4text = Twitter / X |
| <div style="display: flex; flex-direction: column; gap: 10px;">
| | | link4url = https://x.com/yourhandle |
| {{#if:{{{link1text|}}}|<div><span style="background-color:#1da1f2; padding: 10px 20px; border-radius: 6px; color: white; display: inline-block;"><span class="plainlinks">[{{{link1url|}}} {{{link1text}}}]</span></span></div>}}
| | }} |
| {{#if:{{{link2text|}}}|<div><span style="background-color:#e1306c; padding: 10px 20px; border-radius: 6px; color: white; display: inline-block;"><span class="plainlinks">[{{{link2url|}}} {{{link2text}}}]</span></span></div>}}
| |
| {{#if:{{{link3text|}}}|<div><span style="background-color:#ff9900; padding: 10px 20px; border-radius: 6px; color: white; display: inline-block;"><span class="plainlinks">[{{{link3url|}}} {{{link3text}}}]</span></span></div>}}
| |
| {{#if:{{{link4text|}}}|<div><span style="background-color:#0e76a8; padding: 10px 20px; border-radius: 6px; color: white; display: inline-block;"><span class="plainlinks">[{{{link4url|}}} {{{link4text}}}]</span></span></div>}}
| |
| </div>
| |
| |}
| |
| </div>
| |
| </includeonly>
| |
