Advanced MCS Pages Tricks and Tips

In this Forum you can get help on the features provided for you here such as your My Cool Space profile and the chat room support. Also, feel free to ask any questions you may have regarding any of the features here.

Advanced MCS Pages Tricks and Tips

Postby phantomfaith » Tue Mar 11, 2008 4:34 pm

Help on adding image codes for comments:
If you use photobucket or any other myspace type codes for images on comments just copy and paste the html code or the bbcode to the box (it may be called IMG code for bbcode as well)

-------------------------------------------------------------------------

We have provided you with hundreds of images and we will be adding more as we go. Here is the link:
http://s245.photobucket.com/albums/gg46 ... nityOasis/

Codes to use from photobucket images:

Image

Direct Link: Code - is used only for Backgrounds for MCS pages only
HTML Code: Code - is for MCS pages only only
IMG Code: Code - is for comments and/or for posts or private messages


To place a background on your page:

Click on the Backgrounds Folder in photobucket and select the image you want and Copy the Direct Link code

Image

Click MCS pages and then add a page or edit an existing page.

Paste the code in the Background Image:

Adjust the settings as you like Background Color: changes the color for the page behind your image

Feel free to use the images we have provided for you especially if you do not want to have to advertise for other sites

We have many folders that Lizzie added for us all:

Angels
Animated Animals
Backgrounds
Backgrounds2
Blessings
Butterflies
Christmas
Congratulations
Flowers
Friends
Get Well Soon
Good Morning
Happy Birthday
Happy New Year
Have a Good Day
Hello
Hugs
Images by Jesus_freak
Images by Paz.Amor.Musica
Jesus Christ
Love Ya
Misc. Animations
Miss You
Mothers Day
Oasis Comments
Prayers and Praise
Scriptures
Scripture Text
Slideshows
Smilies
Smilies 2
Smilies 3
Thanksgiving
Thank You
Valentines
Welcome

Thanks to Lizzie who took the time to upload and share these AWESOME images with us all to use :)

Although you can use whatever site you like, please remember that children may be viewing your profiles. Please do not post any unacceptable images on your site or they will be removed.
Last edited by phantomfaith on Sat Nov 21, 2009 12:58 pm, edited 1 time in total.
User avatar
phantomfaith
Males
 
Posts: 200
Marital Status: Not Interested

Postby lizzie » Mon Oct 13, 2008 9:58 am

Centering your text

This code centers your text.

<DIV align="center">
text
</DIV>

ok so where you see text, just put in whatever u want to be centered. This should work for images as well, tho i havent tried that yet :roll: but it should work *dunno*

so for example, i wanna center a heading, MY FAVORITE THINGS

<DIV align="center">
MY FAVORITE THINGS
</DIV>


you can also use the colored text with this. If i wanted to say the same thing in green, it would be

<DIV align="center">
<p style="color: green">text</p>
</DIV>

And you should have a green centered heading.
Last edited by lizzie on Mon Nov 09, 2009 12:28 am, edited 1 time in total.
User avatar
lizzie
 

Postby lizzie » Tue Oct 14, 2008 10:07 am

Create a New Section

Maybe you want to create a new section to show off your slideshows or maybe post some of your favorite scriptures or something.

In your MCS page editor box, you post this code

<html>
<head>
<style type="text/css">
h6{font-family: arial}
</style>
</head>
<body>
<h6><p style="color: white">text </p></h6>
</body>
</html>

Where u see the word 'text' you can change it to whatever header you want.

Here are some already done, so if u want any of these headers on your page, just copy paste the entire code for the header you want and put it in your MCS page editor box:

My Favorite Scriptures:

<html>
<head>
<style type="text/css">
h6{font-family: arial}
</style>
</head>
<body>
<h6><p style="color: white">My Favorite Scriptures: </p></h6>
</body>
</html>


My Thoughts:

<html>
<head>
<style type="text/css">
h6{font-family: arial}
</style>
</head>
<body>
<h6><p style="color: white">My Thoughts: </p></h6>
</body>
</html>


My Slideshows:

<html>
<head>
<style type="text/css">
h6{font-family: arial}
</style>
</head>
<body>
<h6><p style="color: white">My Slideshows: </p></h6>
</body>
</html>

My Blog:

<html>
<head>
<style type="text/css">
h6{font-family: arial}
</style>
</head>
<body>
<h6><p style="color: white">My Blog: </p></h6>
</body>
</html>


So u can basically create any new header you wish, using this code.
Last edited by lizzie on Mon Nov 09, 2009 12:29 am, edited 1 time in total.
User avatar
lizzie
 

Postby lizzie » Tue Aug 04, 2009 8:03 pm

ADDING A BORDER AROUND A PHOTO OR IMAGE

Code:
<img src="DIRECT LINK CODE" width="120" height="200" alt="logo" style="border:15px dashed purple">


Where you see DIRECT LINK CODE , just paste in the Direct Link Code from your photobucket or other image upload site.

Adjusting the size of the border
You can adjust the size of the border and image, by messing around with the width and height values.

For example: To make it smaller would look like this

<img src="DIRECT LINK CODE" width="80" height="100" alt="logo" style="border:15px dashed purple">


Different types of borders
Now u can also have diff types of borders by changing the name of the border in the code.
This code im typing here is using a dashed border. If you wanna try a ridge border, just put in the word ridge where the word dashed is. Simple as that, and u will see it change.

For example, i changed dashed to ridge:

<img src="DIRECT LINK CODE" width="120" height="200" alt="logo" style="border:15px ridge purple">


Diff types of border names you can try out:
dotted
dashed
solid
double
groove
ridge
inset
outset

Change the Border color
Now you can change the color of the border, simply by typing in any of the colors listed in the above post (changing Text color) or by using a color code from the link above.

This code below will give you a purple border.

<img src="DIRECT LINK CODE" width="120" height="200" alt="logo" style="border:15px dashed purple">


Center your border
Also if you wanna center it on your page, use the code from the post above (centering Text) and ur image with border will be centered.
The code will look like this

<DIV align="center">
<img src="DIRECT IMAGE CODE" width="300" height="400" alt="logo" style="border:15px dashed pink">
</DIV>
Last edited by lizzie on Tue Oct 20, 2009 1:52 am, edited 1 time in total.
User avatar
lizzie
 

Postby lizzie » Sat Nov 07, 2009 4:09 pm

MAKE UTUBE VIDEOS SMALLER

Sometimes when you place utube(or other) vids on your page, it can look really big and bulky and depending on placement, can really stretch out your page.

With a simple adjustment of the embed code (which is the code you copy and paste on your profile) you can downsize these videos to make em look neater and fit more on your page.

Here is how you do it:

Each Embed Code will carry the following info:

width="425" height="344"


These parameters will occur twice within any Utube embed code. Once at the very beginning, and once at the end. By simply adjusting the Width and Height you can make your videos smaller.

So if i was to change it to the following my video would appear smaller than it usually does when placed on my page:

width="300" height="250"

You can play around with it to get the size that suits you. I dont suggest making it bigger than the original embed code has it tho, as this can stretch out your page and make the vid look weird :roll:

(NOTE: An easy way to do this is to paste the Embed Code on Notepad or Word first and change it there, then paste it to your profile)
User avatar
lizzie
 


Return to C-O-O-L Support



Who is online

Users browsing this forum: No registered users and 6 guests

cron