Eddsworld Tord Layout! [Works with all devices]

Tags:

Description:

I will probably do more of these soon! :]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by VIX / VIKTOR！☆ (https://layouts.spacehey.com/layout?id=24697) -->

<style>
body{
background-color: #0a0a0a
!important;
background-image: url('https://raisamaudit.com/?Raisa+Maudit.head.15071981091') !important;
background-attachment: SCROLL !important;
background-repeat: REPEAT-X !important;
background-position: TOP !important;
}

footer::after{
  bottom: 0;
  font-size:0;
  left: 77%;
  position:fixed;
  pointer-events: none;
  content:url("https://static.wikia.nocookie.net/debatesjungle/images/4/47/Tord_png.png");
}



</style>
<style>
.top{
background-color: #0a0a0a !important;
background-image: url('https://tenor.com/view/tord-gif-24720463.gif') !important;
background-attachment: SCROLL !important;
background-repeat: REPEAT-X !important;
background-position: TOP !important;
}
</style>
<style>
main{
background-color: COLOR !important;
background-image: url('https://tenor.com/view/princess-connect-re-dive-anime-eriko-evil-smile-evil-eyes-gif-17392322.gif') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT OR NO-REPEAT !important;
background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
}
</style>
<style>
.links{
background-color: #cc0000 !important;
background-image: url('URL') !important;
background-attachment: FIXED OR SCROLL !important;
background-repeat: REPEAT OR NO-REPEAT !important;
background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
}
</style>
<style>
.container{
border: 1px solid #d41919 !important;
}
</style>
<style>
.contact .heading{
background-color: #ff1f1f !important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.contact{
border: 1px solid #000000 !important;
}
</style>
<style>
.top{
color: #FFFFFF;
}
main{
color: #FFFFFF !important;
}
footer{
color: #FFFFFF;
}
</style>
<style>
a{
color: #FFFFFF !important;
}
a:hover{
color: COLOR !important;
}
a:visited{
color: COLOR !important;
}
.top a{
color: #FFFFFF !important;
}
.top a:hover{
color: COLOR !important;
}
.top a:visited{
color: COLOR !important;
}
.links a{
color: #FFFFFF !important;
}
.links a:hover{
color: COLOR !important;
}
.links a:visited{
color: COLOR !important;
}
.friends-grid p{
color: #FFFFFF !important;
}
footer .links a{
color: COLOR !important;
}
footer .links a:hover{
color: COLOR !important;
}
footer .links a:visited{
color: #FFFFFF !important;
}
</style>
<style>
table, th, td {
border: 0px solid;
}
:root {
--topic1: "-general-";
--topic2: "-music-";
--topic3: "-movies-";
--topic4: "-tv-";
--topic5: "-books-";
--topic6: "-heroes-";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color: #ffffff !important;
letter-spacing:normal !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
</style>
<style>
table.details-table{
background-color: #0a0a0a !important;
background-image: url('https://i.imgur.com/H1Dhd5a.gif') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: CENTER !important;
}
.profile .details-table td{
background-image: url('https://i.imgur.com/H1Dhd5a.gif') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: CENTER !important;
background-color: #0a0a0a !important;
}
</style>
<style>
table.details-table{
border: 1px solid #d41919 !important;
}
.profile .details-table td{
border: 1px solid #d41919 !important;
}
</style>
<style>
.table-section .heading{
background-color:
#ff1f1f
!important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.blog-preview h4{
background-color:
#ff1f1f
;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.blurbs .heading{
background-color:
#ff1f1f
!important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.friends .heading{
background-color:
#ff1f1f
!important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
</style>
<style>
.online {
    color: red;
}

.online img {
   content: url(https://static.wikia.nocookie.net/character-stats-and-profiles/images/b/bf/Tord.png) !important;
    animation-name: blink !important;
}
</style>
<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "-talk to me-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "-latest blogs-"; font-size:.8rem; color: #FFFFFF !important; }
</style>
<style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "-get to know me-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "-about me-"; font-size:.8rem; color: #FFFFFF !important; }
</style>
<style>
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "-who i'd like to meet-"; font-size:.8rem; color: #FFFFFF !important; }
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "-friends?-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "-comments-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.blurbs .inner{
text-align: center !important;
}
</style>
<style>
.url-info{
border: 1px solid #000000 !important;
}
</style>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
border: 2px solid #000000;
}
</style>
<style>
table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}
</style>
<style>
footer{
background-color: #1f1f1f !important;
background-image: url('URL') !important;
background-attachment: FIXED OR SCROLL !important;
background-repeat: REPEAT OR NO-REPEAT !important;
background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
}
</style>
<style>
footer {background-color: var(--bgcolor); color: var(--textcolor);}
@keyframes flicker {
0% {
opacity: 0.27861;
}
5% {
opacity: 0.34769;
}
10% {
opacity: 0.23604;
}
15% {
opacity: 0.90626;
}
20% {
opacity: 0.18128;
}
25% {
opacity: 0.83891;
}
30% {
opacity: 0.65583;
}
35% {
opacity: 0.67807;
}
40% {
opacity: 0.26559;
}
45% {
opacity: 0.84693;
}
50% {
opacity: 0.96019;
}
55% {
opacity: 0.08594;
}
60% {
opacity: 0.20313;
}
65% {
opacity: 0.71988;
}
70% {
opacity: 0.53455;
}
75% {
opacity: 0.37288;
}
80% {
opacity: 0.71428;
}
85% {
opacity: 0.70419;
}
90% {
opacity: 0.7003;
}
95% {
opacity: 0.36108;
}
100% {
opacity: 0.24387;
}
}
@keyframes textShadow {
0% {
text-shadow: 0.8389924193300864px 0 1px rgba(100,100,100,0.4), -0.8389924193300864px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
5% {
text-shadow: 1.6px 0 1px rgba(100,100,100,0.4), -1.6px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
10% {
text-shadow: 0.04956275843481219px 0 1px rgba(100,100,100,0.4), -0.04956275843481219px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
15% {
text-shadow: 0.80218538552878136px 0 1px rgba(100,100,100,0.4), -0.80218538552878136px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
20% {
text-shadow: 2px 0 1px rgba(100,100,100,0.4), -2px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
25% {
text-shadow: 1.2125630401149584px 0 1px rgba(100,100,100,0.4), -1.2125630401149584px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
30% {
text-shadow: 0.7015590085143956px 0 1px rgba(100,100,100,0.4), -0.7015590085143956px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
35% {
text-shadow: 1.4px 0 1px rgba(100,100,100,0.4), -1.4px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
40% {
text-shadow: 0.9px 0 1px rgba(100,100,100,0.4), -0.9px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
45% {
text-shadow: 0.6px 0 1px rgba(100,100,100,0.4), -0.6px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
50% {
text-shadow: 0.08084290417898504px 0 1px rgba(100,100,100,0.4), -0.08084290417898504px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
55% {
text-shadow: 2px 0 1px rgba(100,100,100,0.4), -2px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
60% {
text-shadow: 0.8px 0 1px rgba(100,100,100,0.4), -0.8px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
65% {
text-shadow: 1px 0 1px rgba(100,100,100,0.4), -1px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
70% {
text-shadow: 0.48874025155497314px 0 1px rgba(100,100,100,0.4), -0.48874025155497314px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
75% {
text-shadow: 0.8948491305757957px 0 1px rgba(100,100,100,0.4), -0.8948491305757957px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
80% {
text-shadow: 0.0833037308038857px 0 1px rgba(100,100,100,0.4), -0.0833037308038857px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
85% {
text-shadow: 0.09769827255241735px 0 1px rgba(100,100,100,0.4), -0.09769827255241735px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
90% {
text-shadow: 0.443339761481782px 0 1px rgba(100,100,100,0.4), -0.443339761481782px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
95% {
text-shadow: 0.1841838852799786px 0 1px rgba(100,100,100,0.4), -0.1841838852799786px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
100% {
text-shadow: 0.6208764473832513px 0 1px rgba(100,100,100,0.4), -0.6208764473832513px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
}
body::after {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
opacity: 0;
z-index: 2;
pointer-events: none;
animation: flicker 0.15s infinite;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.4) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
body {
animation: textShadow 1.6s infinite;
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-3/gam235.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/12/22/runescape-skull-dead.html" target="_blank" title="Runescape - Skull Dead"><img src="https://cur.cursors-4u.net/cursor.png" alt="Runescape - Skull Dead" style="position:absolute; top: 0px; right: 0px;"/></a>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 5 of 5 comments ( View all | Add Comment )

keezykish	1729481289 Could I just get the code for the tord in the corner? Report Comment
Winifred	1684362733 Omg I love this sm, def using this!! Report Comment
!!! DAISUKE!!!	1669752480 question how do i get photos on the layout because imma just put alot of eddsworld memes on there Report Comment If you're on mobile, just hold on an image and click on Copy Link Address but make sure it has .gif, .jpg, .png And all of that. :] by VIX / VIKTOR！☆; 1669760856; Report im on computer by !!! DAISUKE!!!; 1669832864; Report Oh well then you hold on the image and click on "copy link" but still make sure it has like .gif, .jpg, .png, etc. by VIX / VIKTOR！☆; 1669848303; Report ok thank you and happy 24 more days till xmas :) by !!! DAISUKE!!!; 1669917702; Report
!!! DAISUKE!!!	1668450034 omg bootiful Report Comment Ty!! :33 by VIX / VIKTOR！☆; 1668464573; Report np! by !!! DAISUKE!!!; 1668465399; Report