How to Set Up a Private Gallery on MFC

Ok ladies, I made this video in a bit of a rush. I hope I covered everything and that you found this helpful if you didn't already know how to do it.

@CamgirlToolkit another AWESOME resource!

I just realized, that I still haven't posted anything about Camgirl Toolkit on my blog yet, and it's high time I did. 
Camgirl Toolkit is a website run by MFC camgirl, Miss Lollipop and super geek, Moros1138. 

They have a continuing mission to be as helpful as possible, with a passion and desire to bring information and technology to the fingertips of the camgirl community. 

One awesome service they provide is their Profile Builder! 

With the Profile Builder you can have a beautiful, functional profile that you can update anytime, without help for less than 69¢ a day. The profile builder is a tool for MyFreeCams profiles that lets you log in and build your own profile without knowing or editing HTML and CSS code. 

The profile builder is run as an affordable monthly ($19.99) or yearly ($189.99) subscription. 

They host your images and their tool generates code. You copy and paste them into your MyFreeCams profile and you’re good to go! Making changes is as easy as logging in, making the change and then copy/paste and click update! 

There’s much more that you’ll be able to check out on your own. Here’s their FAQ for more info 

Want to try it yourself? Register a user name in menu to your right and try it in demo mode for 7 days. If you purchase before your demo runs out everything you’ve created will still be there for you to install! 

Check out my Youtube Channel for Video Tutorials

I know I've said that I was going to add specific video tutorials for a few of my free layouts and I do apologize that it takes me so damn long to get them done sometimes. But just thought I should let everyone know that I have a bunch of profile editing video tutorials on my youtube channel, and even though you may not find a tutorial made specifically for the layout that you want, you can still apply pretty much the same principles to all of the layouts. So go here and give them a peek, and you should be able to find the answer to your profile editing questions.

CSS Maker

I just wanted to recommend an awesome tool to help you customize your css codes.
It's called CSS 3.0 Maker and it has tools to let you modify colors, borders and radius, text and box shadows, transitions, animations, and more.

I use it all of the time when editing profiles.

Custom Border Colors for MFC Galleries

For anyone who wants borders that change color on hover like this...

Here's a few different colors to choose from, just copy n' paste the code for the one that you want in your custom css, that's it!
 

Pink

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #FF0066;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Red

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #FF0000;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Light Blue

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #00FFFF;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Dark Blue

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #0000FF;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Green

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #00FF00;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Yellow

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #FFFF00;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Basic HTML Codes for Editing Text (Beginners)

<br>
 
Line Break Element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

HTML Text Formatting Elements

Tag	Description
<b>	Defines bold text
<em>	Defines emphasized text
<i>	Defines italic text
<small>	Defines smaller text
<strong>	Defines important text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text
<mark>	Defines marked/highlighted text

 Links are defined with the <a> tag:

<a href="url">link text</a>

Example:

<a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a>

Try it Yourself »

The href attribute specifies the destination address (http://www.w3schools.com/html/)

The link text is the visible part (Visit our HTML tutorial).

Clicking on the link text, will send you to the specified address.

The link text does not have to be text. It can be an HTML image or any other HTML element.

2nd Video Tutorial on Editing MFC Profiles

Editing Halloween Profile (part 2)

Floating Ghosts:

For those of you who don't want to use the entire FREE Halloween profile layout I made, but would still like to use the floating ghosts, just ad the code below to your custom css section. (Click on any of the URLs to see what image they represent. Feel free to delete one or two of them from the code if the original is a bit too flashy for you.)

 .profile_section_content {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurlfBkEkEzP82eJdWp5viZA30xwgcaw3Y5V-anzwY-lLFmQRuGsm-xW54dSBr41_L1lazEO9hpQU7cBLT39WtCU7MN2KgjNCCYylDb_K4p8MJxl3dgClYq5fz1hZbdsrtmMOiy6MUXvI/s1600/ghost1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaHSXg7cXTnauEWJgcu_v65aAA8yWVyuNj4PwMu9osGWGZD4jhuo9d6CpPpCr5DFNhSpt6uVMausLtDdTq4P_FDgAJ6WtrokUBKXGJt0vi2Be5-kfKNwDK1oWw7ZcDfbGNeRwpz7WFxE/s1600/ghost2.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiacwef3GHbEKjkFSVeV61Q3cNUAjKKHU3mPVUgkdrS4VWlCrTZ6KdF7p61Mp2PIAy4qeTSmVCkO4Oni_WGItPql9rPVO01prrrxTxSWco3atbLXqqydsinaxIuAC840Y4CmeVjip300A4/s1600/ghost3.png);
  -webkit-animation:ghosts 20s linear infinite;
  -moz-animation:ghosts 20s linear infinite;
  -ms-animation:ghosts 20s linear infinite;
  animation:ghosts 20s linear infinite;
 }

@keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-moz-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  50% {
    background-color:rgba(0,0,0,0.7);
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
    background-color:rgba(0,0,0,0.8);
  }
}

@-ms-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

Editing Halloween Profile (part 1)

Editing the Skype Raffle Ad:

All you have to do to add details to the image provided in the FREE Halloween profile is go to this link, then click on the "From URL" tab, paste https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGDhevFe9OvFXCITrtYsHWny3in4JoWdufypBMDxAz0bj31tO-ek3JTWpy9l6fFGiGiog948vFSFzSDNOOnWyheAlJbtM46ZnGUD-NCOxuR2Ky54gPt1V0Y0iwRMGQOfFSqEdhdiWDp80/s1600/skyperaffel.png and hit "Upload".

From there you can add whatever text you like, save it to your computer, upload it to whatever image hosting site you use, and replace the old image url with your new one in the html code.

Click here if you would rather use a completely blank image to work with.

And for those of you who don't want to use the whole Halloween profile, but would still like to use the Skype raffle ad, here's the codes:

CSS:

div.skype-ad,div.hof-ad {
  width:400px;
  margin:50px 0;
  position:absolute;
  top:5px;
  left:350px;
  z-index:10;
}

div.skype-ad img,div.hof-ad img {
  width:50%;
  max-width:2000px;
}

div.skype-ad img:hover,div.hof-ad img:hover {
  width:110%;
}

img {
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
  -moz-transform:rotate(-0deg);
  -webkit-transform:rotate(-0deg);
}

.container img:hover {
  -moz-transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
}

.container a.desc-img img {
  -moz-transform:rotate(-1deg);
  -webkit-transform:rotate(-1deg);
}


HTML (About Me section):

<div class="skype-ad nohide"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDl630jgLm05KuH-zgqtxGw3R-6bAvE9qXjcGDcyMTPRPOYKUrqMt6hqxjXjBd5QQYHOvjzmgcZQTXJ8coAyDmEFJj7ZF5GdzyEZq4h7qvCb6O-ElTLRCrPaJiz5TlNqEN9LwXftyavg/s1600/skype+raffel.png" alt=""></div>

Make a Sparkling Movie Poster Marque for Your Video Ads

To make a graphic like this for your video ads, first make sure the image you have made is 366 x 508px or smaller.

You can create really cool text for your images on the sites listed in the right side bar.

Save this image to your computer by right clicking on it, and choosing "Save image as":

Then upload the image you want in the frame to Online Image Editor

Select the "wizards" tab and click on ""Overlay image" and upload the marque frame.

Then select the "Basics" tab and crop your picture.

Go back to "Overlay image" to add your custom text or any thing else you may want to add, or you can just use the "Add Text" tool.

Save your picture to your computer, then go to Glitterboo to add sparkle effects.

Remember to select "Resize" before downloading.

Photo Effects & Editing for Dummies Websites

Here's some really cool websites that you can upload your photos to, and their site will do all of the work for you, for FREE!!!

LoonaPix

http://www.loonapix.com/

   

FunPhotoBox

http://funphotobox.com/Default.aspx

   

Funny.Pho

http://funny.pho.to/

   

Saigon's Bio Tips for Chaturbate

If you are curious to know how or are wondering about how to enhance the visual appearance of your bio, here are some tips. Athough some HTML tags won't work such as <tr>, <td>, <sup>, <sub>; the list goes on, there are ways around it that produce similar results.

• Bullet Points & Numbered Lists
  Here is a link to a straightforward bullet point guide
• Inclusion of Other Characters
  To include other symbols, add the Unicode entity of the character you want, which usually starts with a "&" and ends with a ";" onto the page. A list of Unicode character entities can be found here
• Text Manipulation
  There are a variety of ways of modifying text, besides changing color, boldening, italicizing and underlining, to improve their aesthetic appearance; here's a list of some techniques:
  
  
  • Font Style
    To change the font type, do the following: <font style="font-family: FONT">Text</font>, where FONT is the name of the font.
  • Text Shadow
    Here is a very useful link on text shadows which gives you tutorials on topics such as embossing/letterpress or even putting an outline on text as exemplified just now! Or, how about going up a step with neon lights or even 3D-esque effects? Here's another very useful link
  • Blinking text
    Currently only works in Firefox and Opera. To make text blink, do the following: <font style="text-decoration: blink">Blinking text</font>


• Borders & Boxes
  
  • Borders & Padding
  • Box Shadow
  • Color Gradient
    Here's a very useful link for customizing multi-browser gradient fills: Colorzilla Gradient Editor
• Images
  
  • Adding Images to Bios
    To add an image to your bio page, the code for it looks like this:
    
    <img style="height:HEIGHT;width:WIDTH;background:COLOR;etc..." src="//IMAGE ADDRESS" />
    
    Where IMAGE ADDRESS is the url of the image, without the "http://" bit.
    
    For example, if your image url was the following: http://i.imgur.com/oBDBj.png, then to make it display on your page, the code for it would look like this:
    
    <img style="background:black;height:200px;width:200px;" src="//i.imgur.com/oBDBj.png" />
    
    Which will render like this:
    

Cell Phone Number Advertisement

Have you ever wanted to make a cool graphic like these for advertising your cell phone number, but don't know how to use programs like photoshop or gimp???

Well I made a couple of simple tools last night that anyone can use, to easily make a graphics like these, without having download and use any graphic design software. Now let me show you want to do.

Simple Hack

Free graphic design to use on your MFC profile

Just-a-User made an excellent thread with lots of helpful templates to use on your MFC profile with youtube tutorials on ACF. Check it out:

Free graphic design to use on your MFC profile

Highlighted Twitter & Amazon Links

This summary is not available. Please click here to view the post.

FREE Night Sky Layout Theme

This summary is not available. Please click here to view the post.

Personalized 3D Black Navigation Bar

This summary is not available. Please click here to view the post.

Jazz up your Twitter or Facebook with Symbols

You can add hearts, music notes and other cool symbols to your Twitter, Facebook, and other social networks or chats.

There are two ways!

1) Copy symbols from here!

♥ – love heart ♫ – big musical note
♪ – small musical note
☺ – smilie face
☻ – smilie face #2
☼ – sunshine
♚ – Crown
★ – Star

2) Do the symbols yourself!

This works for some people and not for others, but each of these characters can be typed on your keyboard using the ‘alt’ button.
First, if you’re on a laptop make sure you ‘Num Lock’ is on! The ‘Num Lock’ button is on the top right of your keyboard.
Next, hold down ‘alt’ (the one in the bottom left of your keyboard) and press type the following:

Hold ‘alt’ then type 1 – ☺ Hold ‘alt’ then type 2 – ☻
Hold ‘alt’ then type 3 – ♥
Hold ‘alt’ then type 4 – ♦
Hold ‘alt’ then type 5 – ♣
Hold ‘alt’ then type 6 – ♠
Hold ‘alt’ then type 7 – •
Hold ‘alt’ then type 8 – ◘
Hold ‘alt’ then type 9 – ○
Hold ‘alt’ then type 10 – ◙
Hold ‘alt’ then type 11 – ♂
Hold ‘alt’ then type 12 – ♀
Hold ‘alt’ then type 13 – ♪
Hold ‘alt’ then type 14 – ♫
Hold ‘alt’ then type 15 – ☼
Hold ‘alt’ then type 16 – ►
Hold ‘alt’ then type 17 – ◄
Hold ‘alt’ then type 18 – ↕
Hold ‘alt’ then type 19 – ‼ (it’s one character!)
Hold ‘alt’ then type 20 – ¶

FREE Passion Red Theme Layout

Just put this theme together, it's FREE for anyone who wants to use it. Enjoy!