I did notice that new mfc models or users (like me :whistle: ) don't know how to add custom links on mfc profile.
(I have read an topic here on this cute forum)... My first answer to this question was to simple...so... here it is, short tutorial about this
Reply:
Custom links can be simple hyper-linked texts or image based links (banners, clickable images).
Most of the models use 2 links on myfreecams profile: Amazon wishlist and twitter profile link.
the basic method implies only simple html and a link looks like this in html preview:
text based link
image based link:
And the professional method looks like this:
css cod:
About Me section:
html code:
I did use Amazon and Facebook for this tutorial
Preview online effect
I just made this tut for both my personal space and this forum. Hope it helps
Have fun &...ye ye ye....b creative :violin:
(I have read an topic here on this cute forum)... My first answer to this question was to simple...so... here it is, short tutorial about this
Reply:
Custom links can be simple hyper-linked texts or image based links (banners, clickable images).
Most of the models use 2 links on myfreecams profile: Amazon wishlist and twitter profile link.
the basic method implies only simple html and a link looks like this in html preview:
text based link
Code:
<a href="amazon url link">Model's amazon wishlist</a>
Code:
<a href="amazon url link"><img src="url image"></a>
And the professional method looks like this:
css cod:
Code:
.link-amazon a {
display:block;
width:258px;
height:165px;
float: left;
background:transparent url('http://i963.photobucket.com/albums/ae117/dexdesign2002/mfcdesign/amazon.png') no-repeat;
position:relative;
margin:195px 0 0 -145px;
z-index:1000;
text-indent:-3000px;
}
.link-amazon a:hover {
background-position:0 -143px;
}
.link-facebook a {
display:block;
width:249px;
height:160px;
float: left;
background:transparent url('http://i963.photobucket.com/albums/ae117/dexdesign2002/mfcdesign/fb.png') no-repeat;
position:relative;
margin: 195px 0 0 20px;
z-index:1000;
text-indent:-3000px;
}
.link-facebook a:hover {
background-position:0 -160px;
}
About Me section:
html code:
Code:
<div class="link-amazon">
<a href="http://www.amazon.com/registry/wishlist/YOUR_ID">YOUR_MFC NAME'S AMAZON WISHLIST</a>
</div>
<div class="link-facebook">
<a href="http://www.facebook.com/YOUR_ID">YOUR FB NAME</a>
I did use Amazon and Facebook for this tutorial
Preview online effect
I just made this tut for both my personal space and this forum. Hope it helps
Have fun &...ye ye ye....b creative :violin: