Home MLG Staff Link to Us Request A Layout ChatRoom

Layouts
Angels
Anime
Celebrities
Game
Miscellaneous
Music
Movies
Pandas
Tribute To Chickie

Guides
Make A Profile 1.0
Make A Profile 2.0
Make A Profile 3.0

Links
tektek
rose-colored.net
gaiatools.com
YOUR SITE HERE!

Was this website helpfull
to you? Please let us know if this website was helpfull or not by clicking sending Chii an email: ichiichobit@midnightlights.net



Make A Profile Vr 1

HOW TO MAKE A PROFILE LAYOUT 1.0 GUIDE


The newest (better) version teaching you how to create a profile layout is out! Check out vr 2 and 3 on the right hand side under Guides!

Video Guides:
The following is a set of three video guides showing you just how to use the 1.0 template ive made available to you people. They can be found at youtube by typing in the youtube search bar 'gaia profile layout' or 'how to make a gaia profile layout'. Subscribe to halloweensgirl, my youtube name.
After watching the videos you can find a step by step guide below. The template and code youll need are also below, with a little extra guide on the things you need to change in the code. I hope you enjoy and this helps you create your own little layout. Feel free to send me a gaia pm or post here at the website your own layouts. Id like to see what you people come up with by using this template. DO NOT TAKE THIS AS YOUR OWN!

WATCH VIDEO 1 HERE!

WATCH VIDEO 2 HERE!

WATCH VIDEO 3 HERE!

NOTE: Video guide 1 was removed from youtube. This entire guide will soon be removed, and updated with a new updated video guide. For now, continue to use this until the update. Thanks ^ - ^

If you follow my video guides on making a version 1.0 layout you will learn how to create your own layout for your gaiaonline profile. But you will need a few things in order to make the layout.

First, you will need the template for the layout. This template is a guideline as explained in the video, without this template my version 1.0 layout will not work for you. Simply right click on the following img link and click 'save picture as', then save it to a folder on your pc.

TEMPLATE IMAGE HERE

Next you will need the code to paste in your content box at the gaia website. Follow the step by step guide to adding this code in the right area.
1. Go to ACCOUNT
2. Select where it says 'Choose Profile' to CURRENT
3. Save
4. Go to PROFILE THEME
5. Right click on the text box below this that conatins the code. Click on the 'Select All' and then right click again and select 'Copy'. Put the copied code into the Theme Override box by right clicking on your mouse and clicking 'Paste'. Or Select these buttons on your keyboard: CTRL + V
6. Save.


If your just getting started and have not even begun to make your layout yet then just come back here later and get this code. If you have followed the videos, made your layout, and your ready to get it up on Gaia copy the code as said above and follow the step by step guide to pasting it in your contents box.

Now withen the code youll need to only edit a few things. If you edit anything else and then go on and on about how you are a layout make wiz then I curse you d: Because other than putting you on the 'Shame' list I cant do much else to anyone who steals my coding. This layout template 1.0 is my gift to you. Dont abuse my gifts.

In the code, provided you followed the videos correctly (resizing your image and what not to the proper size), you must now put the URL of both the main image and the layouts bg image in the code. If you havnt uploaded your two images to a site like photobucket you should do so now.

Grab the URL of the Main image and paste in in the code where it says MAINIMAGEURL. Your url should start with 'http'. Copy the background url and paste it where it says BACKGROUNDURL, again it should start with 'http'.

Now, provided your background and main image are the same sign and aligned just right your layout should show perfectly. However you may want to lower the left hand column some. To do that youll need to adjust the part in the code here:

#column_1 { margin-top: 552px; margin-left: 6px; width: 249px;

If you need to lower that left hand side some adjust the margin-top: 552px to something bigger, like 630px. The column will then drop down the page some.

YOU MAY NOT ADJUST AND MOVE THE COLUMNS AROUND SO AS TO MAKE A DIFFERENT TEMPLATE. It wont work with the one I gave you and thats just altering my gift far too much.

The other thing you may need to change would be the font color, in other words the test color on your profile. Im going to give you a very brief guide on this so bare with me. This will probaly be the hardest part for most of you.

In order for you to change the font color you need to know what a hex color chart is. What is it? Your best friend, put simply. If you google hex color chart, under images, youll get a whole list of font colors combined in numbers and letters. For example, here are a few hex color codes:

Deep Sky Blue- 00BFFF
Dark Green- 006400
ONE VERSION OF RED- EE0000

I like to use this list: HEX COLOR LIST However you can use any hex color chart list you wish. Find the color(s) you wish to use, then using the following picture guide you will learn just wherein the code youll need to paste the font color to change various things on your profile page.

Now to make it simple youll really only need to change two of the colors in the coding. where you see:

a { color: #380474; }
.panel h2{background: #FF99CC;}

The first part is the color of any and all links on your profile. Right now its set to purple. The second one changes the color in the column boxes, where the about me, comments, and the like show up. Right now its set to brown. If you use the code as is youll see what Im talking about. You can change either by picking a new hex code and replacing the old ones.

If you want a far better guide on colors and the like vist the gaia forums. I told you I dont have enough time right now to go into every detail. You can change a lot with colors. The main text, the scroll bar, and more. But as I said I dont have a deep guide on it yet, so check gaia forums.

Other then what I have given you permission to change do not adjust anything else in the templates code. If you need extra help just ask, Im always online on my off days d:

THE NEW MLG UPDATE WILL HAVE BETTER GUIDES! UP TO DATE ONES WITH EASY BREAK DOWN OF THE CODING SO YOU CAN BETTER UNDERSTAND! PLEASE BOOKMARK THE MAIN PAGE AND CHECK BACK SOON!!!

SEND iChiiChobit A COMMENT TELLING HER HOW YOUR LAYOUT MAKING IS GOING? ^ ^;




Site Designed by iChiiChobit. 1/16/2013
AniHQ, GAIA Online and all images associated with GAIA Online are Copyright 2003 - 2012 Gaia Interactive, Inc. All Rights Reserved.