Advertisements

Posts Tagged 'Guild website'

Making a Free Guild Website Part 2 – Making the background Purrrty

Adding Other Graphical elements to your Guildportal Website Is easy,   You just need a place to host the image. Unless you pay for membership, then you can host it on Guild portal.

Your Photobucket account can be used to host these images. 

I’m going to show how you can add a background image to your Guild website to further personalise it and make it stand out

The Background.

if you go into your Guild Control Panel, on the left hand side select “Site Pages” scrolling down you will see “Page Background”
You can keep the background colour that is there by default or change it to any colour you want by selecting the Artist Icon, this could look quite plain, to liven it up add an image, it can be anything but I would suggest that you keep in theme,
Somethings to be mindful about the image you pick
Use either Screenshots from Wow Eg like a shot of the sky, or a texture or scene in game you like, or have a look on Warcrafts Website for wallpapers and other promotional material, that under their creative commons agreement allow you to use, rather then potentially breaching copywrite by nicking someone elses image,
The image you select will be tiled, meaning that it will be replicated across your page, like floor tiles, this can make the background look crap if its busy, or there are incomplete things on the sides of the image, I’ve picked a simple shot of the sky, that fits with my reddish theme yet still has some texture. Upload a couple of images to Photobucket to use, and you can edit, and crop or change the colours as you see fit using their Image Editing tool.

To add the background to your Guild website use the “Direct Link” that photobucket provides you, and copy it, then paste that link into the Blank field that is next to “Page background Image”

Then go to your Website and Refresh the page to allow the new image to upload.
If you don’t like it, try another,
This is what the guild site looks like so far – while it may not win any design awards, its a start

Advertisements

Making a Free Guild Website Part 1 -Making and adding The Banner.

Now that my Alt is the GM of a guild, I’m going to make her a website as a demonstration as to the very Basic free Guild Web site tools that are available.

I’ve picked Www.guildportal.com as my site. Its free, its upgradeable-and really its all you need for a start up. Yes it has annoying ads on it, but at this point I don’t want to pay for the upgrade as I want to demonstrate what you can do for free and without complication. It also has a Downloadable Guide to setting up the site.

So Part 1 – Making The Banner. Using Photobucket I’ve Played around with several Simple Ideas using an Image from Warcrafts Free Wall Paper of a dragon. Check out my other post How to make a Quick and Dirty Website Banner for a Basic Run through..

So these are my examples ( resized to fit in wordpress )
Banner thick Bloodbrothers

and

Banner thing Blood Dragons

and

Now adding onto the website.
On the Guildportal Home page, under “Your guilds” The name of your new guild should appear. Click on it to Open up your guild page. You will see alot of Default text.
If you have the site administration access you should see a “Control Panel” and a little folder at the top of the page Click on it. This brings up a new Site admin Page.

To add the banner click on “Styles and Colours” and under Site Element Styles, Banner Image. Use the banner Image from the result that you saved to photobucket with the tag starting with http:// or the ‘Direct Link’ copied from Photobucket.

Make Sure Center Image on Page is selected and Save.
No go check out your site page.

I’m going to be running a Work in Progress at Blood Dragons

How to Make a Quick and Dirty Guild website Banner

How to use Photobucket to make a Guild banner/Blog Banner

www.photobucket.com  now has all the tools you could need to make a Guild website banner / Blog Banner.. I’ve used it to make my Blog Banner with some of its basic and advanced tools.

So how to do one? – Im assuming you have basic Image editing experience.. Eg crop / Save/ ect.. you don’t need to know Gimp or Photoshop..  you just need a photobucket account.

I took a WOW screen dump of a Picture with an interesting background and cropped it to banner size.. ( if you arent sure what size you want right click on a banner you like the size of and look in the properties to see the dimensions)

Upload that Image from your screenshot folder into Photobucket  –

Open the image and  Select the Edit Tab above the image

edit.jpg picture by notosa

Then select the crop function to select the area of the Picture you want as your banner.. Drag to size..
On the same Tab Select ‘Resize’ to change the dimensions to the banner size you want..

Edit2-1.jpg picture by notosa
This is one I have done.

Raw Banner Cropped

Then select Save – ( I always “Save a copy” incase I do something I don’t like.)

Now select the “Decorate Tab” and the Beta ” Borders” Icon to the right hand side above the image.
Select your border style – I Picked the Solid One.
The Border options floating bar should come up. Change the colours and thickness of the white and black to how you want. The corner radius is a nice little touch too.

Editborder.jpg picture by notosa

This creates a nice little neat Banner like this.

Save a copy.

Now select the “Decorate” Tab, and Select “Text”

Edittext.jpg picture by notosa
Type your text… /Select your font, and adjust the text box on the Image. Play around with the sizes and colours.
Tick the “Transparent” Box so you don’t get a ugly white background behind the text. and you can play with the coulour that shows up best on your image. Now Select apply and then Save a copy.. and you get something like this..

Save a copy…
– Basic – But effective… you then have several codes for putting on a website/blog/ forum ect ect…  formatted for you for that image to add wherever you want…. there are also alot of other great features on there that you can play with to get differnt effects. Experiment, but remember to Save a copy.. so you have the orginal to use if you stuff up.

Some other examples of what you can do is my Blog banner for Pugnacious Priest, and also



Advertisements

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 1,164 other followers

 

Add to Google

@Pugnacious_P

  • Doing my business presentation skills workshop speach on gaming today. I am a night elf mohawk um I mean Night Elf Shadow Priest 3 months ago
  • I might be blind but rail site doesnt seem to mention delays or that they emptied an entired train and made people… twitter.com/i/web/status/1… 3 months ago
  • Guy on train bent over and yes - he wore monday underwear on monday. 3 months ago
  • The girl in the moon by Terry Goodkind was dark. So very horrifically descriptive. Had to buy the two novellas And kates book too :p 4 months ago
  • So happy Im going to see the Whitlams :) 4 months ago

Wanna Email me?

Provided by Nexodyne

Archives

Blog Azeroth

Blog Stats

  • 819,366 hits
Advertisements