<script language="javascript">
autofriend="yes"
</script>
<div id="autofriendid" class=column_content></div>
Insert that code anywhere in the body section of your HTML
-----------------------------------------------------------------------
<style type="text/css">
.column_content .seeall {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; WIDTH: 100%; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.friendsof {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; COLOR: #9c9c9c; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.friends {
DISPLAY: block; FLOAT: left; MARGIN: 10px 9px 0px; WIDTH: 77px; HEIGHT: auto
}
.see_all_friends {
CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #aeaeae 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 10px 5px; WIDTH: 280px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.see_all_friends A {
FONT-WEIGHT: bold; COLOR: #424d61; BORDER-BOTTOM: #424d61 1px solid; TEXT-DECORATION: none
}
.see_all_friends A:visited {
FONT-WEIGHT: bold; COLOR: #424d61; BORDER-BOTTOM: #424d61 1px solid; TEXT-DECORATION: none
}
.see_all_friends A:hover {
COLOR: #ff8a00; BORDER-BOTTOM: #ff8a00 1px solid; TEXT-DECORATION: none
}
.friendsphoto A:visited {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.friends .name {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 1px 0px 15px; OVERFLOW: hidden; WIDTH: 75px; COLOR: #5f6f8c; PADDING-TOP: 2px; HEIGHT: auto; TEXT-ALIGN: center
}
.friends .name A {
FONT-WEIGHT: normal; COLOR: #2b344c
}
.friends .name A:visited {
FONT-WEIGHT: normal; COLOR: #2b344c
}
.friends .name A:hover {
FONT-WEIGHT: normal; COLOR: #5b647c
}
.friends .icons IMG {
MARGIN: 0px 1px
}
.friends .icons A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none
}
.friends .icons A:visited {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none
}
.friends .icons IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none
}
.friends .icons {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 3px
}
.friends .icons_frame {
DISPLAY: block; MARGIN: 12px 0px 0px 5px; WIDTH: 65px; HEIGHT: 12px
}
.friends .friends_icons {
FLOAT: left; MARGIN: 0px 7px 0px 0px; WIDTH: 9px; HEIGHT: 12px
}
.friends .icons_seperator {
FLOAT: left; MARGIN: 0px 7px 0px 0px; WIDTH: 1px; HEIGHT: 12px
}
.friends .icons_delete {
FLOAT: left; MARGIN: 0px; WIDTH: 9px; HEIGHT: 12px
}
.friendsphoto {
BORDER-RIGHT: #aeaeae 1px solid; BORDER-TOP: #aeaeae 1px solid; OVERFLOW: hidden; BORDER-LEFT: #aeaeae 1px solid; WIDTH: 75px; BORDER-BOTTOM: #aeaeae 1px solid; HEIGHT: 75px; TEXT-ALIGN: center
}
.friendsphoto IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 75px! important
}
</style>
insert the code in the head section of your HTML
this addon only works with the new OG version 4 generate your codes now
http://www.markyctrigger.com
