Pls Customize that for me

[Taronix]

Hey Guys, can anybody customize me that Pictures?

Font: Aldo the Apache

Follow *Test*: https://picload.org/image/paliclo/neuerfollower.png
Follow Template: https://picload.org/image/paliclg/followeralerts.png

Donation *Test*: https://picload.org/image/palicld/neuedonation.png
Donation Template: https://picload.org/image/palicop/donationalerts.png


Thank you VERY MUTCH!!!

[TheNumbLock]

Any particular font?

[Taronix]

That Font pls:
http://www.dafont.com/de/aldo-the-apache.font

[TheNumbLock]

Make sure you have that font installed on your computer.

Requested by: Taronix

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 200

CSS Code:

Code: [Select]

@font-face {
font-family: 'Aldo';
src:local('AldotheApache'),
    local('Aldo the Apache'),
    local('AldotheApache.ttf'),
    url('AldotheApache.ttf');
}
 
#follow-notification {
display: none;
position: absolute;
width: 500px !important;
height: 150px !important;
border-radius: 00px !important;
background-image: url('https://img5.picload.org/image/paliclg/followeralerts.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 50px !important;
margin-left: 50px !important;
width: 400px !important;
font-size: 42px !important;
font-weight: normal !important;
font-family: Aldo !important;
color: #ffffff !important;
text-transform: capitalize;
-webkit-text-fill-color: White;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

Preview: (If there is a black background, it is just my background.)




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 500
Height: 200

CSS Code:

Code: [Select]

@font-face {
font-family: 'Aldo';
src:local('AldotheApache'),
    local('Aldo the Apache'),
    local('AldotheApache.ttf'),
    url('AldotheApache.ttf');
}

#donor-notification {
position: absolute;
left: 0px !important;
width: 500px !important;
height: 150px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('https://img5.picload.org/image/palicop/donationalerts.png') !important;
}

#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 50px !important;
margin-left: -80px !important;
width: 200px !important;
font-size: 34px !important;
font-weight: normal !important;
font-family: Aldo !important;
text-transform: capitalize;
color: white !important;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
-webkit-text-fill-color: white;
text-shadow: none !important;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 50px !important;
margin-left: -120px !important;
width: 300px !important;
font-size: 34px !important;
font-weight: normal !important;
font-family: Aldo !important;
text-transform: capitalize;
color: white !important;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
-webkit-text-fill-color: white;
text-shadow: none !important;
}

.donor:after {
content: ' - ' !important;
}

Preview: (If there is a black background, it is just my background.)