I havent seen what you have now. If its just the yellow text that just comes from editing the motd text and you want something more fancy or colorful then you need to make a html file with whatever you want then upload that to your web page and then link your motd to it.
The size of the html should be no bigger than 800x600 width and height unless you want to make people scroll through it.
Here is an example of the link code I have on mine.
I had to substitute some of the codes with real words so that it would show up on here. I have indicated where it should be changed.
<DOCTYPE>
<html>
<head>
<title>HL2MP MOTD</title>
<style>
}
body {
background:#000000;
this is motd background color. It should match your html background color (unless you dont want it to)
margin-left:175px;
adjusts margins to center image
margin-top:35px;
}
</style>
</head>
<body>
(should be body scroll="no" inside the <>) if you dont want to have people scoll the image then it should be no.
<pre1>
(should be "pre")
<image
(should be "img")
source
(use "src")="
http://yourwebpage/folder/yourimage.jpg (close quotes and >)
</pre1>
(use "pre")
</body>
</html>
