Welcome to Gaia! ::

Girls Only Guild

Back to Guilds

because every girl needs a place to go~ 

 

Reply Banners~<3
~* How to make banners *~

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Sundey
Crew

PostPosted: Sat Nov 25, 2006 4:57 pm


I'm going to teach you how to make a banner link to the guild. I have come to find, that not all people are CSS smart. I'm going to walk you through this. Please feel free to PM me with any questions that you may have.


1) Open up a art program. Like Windows Paint, or Jasc Pain Shop Pro, or Photoshop. Any will do. Find a picture and resize it to the perfect size like so:

User Image - Blocked by "Display Image" Settings. Click to show.


2) Choose the text tool, and write something. Like "GOG", or "Girls Only Guild", or "A Guild for Only Girls". Doesn't matter. Just put something related to the guild. Also put your avi name on there if you want credit for making it:

User Image - Blocked by "Display Image" Settings. Click to show.


3) Time to teach you a little something about CSS. Do you know what a URL is? Well, it's the little address, in the address bar at the top of the page.
http://www.gaiaonline.com/guilds/index.php?gmode=index&guild_id=9275

That's the URL for the front page of the guild. Now it's time to do something with it. In order to direct the image where you want it to go you have to do this.
[URL=[/code]
After the equal sign, you would place the URL for the guild front page like:
[code][URL=http://www.gaiaonline.com/guilds/index.php?gmode=index&guild_id=9275]

In order to end it, you have to add another bracket. Like I did above. Now it's time to show you how to add the picture.
[code][IMG]
That's how you start a picture code. Now you may be wondering how you host a picture onto the internet. Well I know a few sites. Like [url=http://www.photobucket.com]PhotoBucket[/url] and [url=http://www.imageshack.us]ImageShack[/url]. For imageshack, use the very bottom code, the "Direct Link". For PhotoBucket, use the one that looks just like an internet address. I suggest not using PhotoBucket though, because if the file is to big, it will shrink it. now to show you what to do with the URL for the image.
[code][IMG]http://img174.imageshack.us/img174/7056/2ho5.gif[/IMG]
Make sure to end the code with the /img or else it'll continue on, and you'll just get that nasty red x. Now to add two and two together.
[code][URL=http://www.gaiaonline.com/guilds/index.php?gmode=index&guild_id=9275][IMG]http://img174.imageshack.us/img174/7056/2ho5.gif[/IMG][/URL]
Make sure to add the /url , or everything after it, will end up as a link. And this is what you should get:
[align=center][URL=http://www.gaiaonline.com/guilds/index.php?gmode=index&guild_id=9275][img]http://img174.imageshack.us/img174/7056/2ho5.gif[/img][/URL][/align]

Now, if you want to know how to add code, write all of your code out ahead of time, and after the [b]Message:[/b] part in the writing box, there should be a button called "Code". Highlight anything you want coded, and then press the button, and it'll code it for you. Just know this, if you go into edit it. The code will mess up. It'll add a :1. If you REALLY need to edit it. Make sure you go in, and remove all of the :1's. Hope this helped heart .

[align=center]Comments loved.[/align]
PostPosted: Sun Jul 20, 2008 12:05 pm


User Image - Blocked by "Display Image" Settings. Click to show.


That's Mine! It took me forever to complete it! Yay! I did a little bit of cheating though, I copied your codes a lot, and that helped me! Thank you so much for making this topic to help people like me! I know about URLs and stuff, but this is my first time doing anything with codes! How does it look?

Fancy Kami

Reply
Banners~<3

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum