Yahoo Forum Archive

This is an archive of the MEFA Yahoo Group, which was shut down by Yahoo in 2019. The archive can be sorted by month and by topic ID. You can use your browser to search by keyword within the month or topic you have open.

JanFebMarAprMayJunJulAugSepOctNovDec
2004---18210426558925263362316285
20051895610753834744697276194358565136
200623166277611713912756676615979
200720257-297299143318583103
2008561335424014127477516090106
2009283-39194101722722153624
201067-14103138129321316330
20111-172625906132758
201230---812276-----
2013------------
2014---------1-2
2015------------
2016------------
2017------------
2018------------
2019---------1--

Msg# 10089

Banners and Such Posted by Marta July 01, 2009 - 17:00:21 Topic ID# 10089
Hey guys,

I've received a few questions about banners and how to use them from
photobucket. So I thought I'd make a public post about it. Some basic
information about how to use banners is available in the FAQs at

http://www.mefawards.net/MEFA2009/index.php?page=FAQbanners

but it is difficult to provide general information about how to use
banners. A lot of this comes down to questions about how to use
*graphics*, which some people know a lot about and others are much less
comfortable with. Plus, how you use a graphic really depends on the site
you use it at. So any general advice will have to be, well, rather
general. :-) But perhaps some instructions would be helpful.

First, let me say that you don't *have* to use a banner. We have several
very skilled artists who make some beautiful work, but some authors just
have little interest in displaying banners. That's certainly their
right. But if you'd like to use a banner or button and just don't know
how I'd like to help you.

The first thing you'll need to figure out is whether you use HTML,
Bulletin-Board Code, a WYSIWYG editor, or none of the above. This sounds
complicated, but there's a rather simple test. Say you want to make the
phrase "Frodo Baggins of Bag End" italicized. Which of these matches
what you would type:

1. HTML: simply type "<i>Frodo Baggins of Bag end</i>"
2. Bulletin-Board: simply type: "[i]Frodo Baggins of Bag End</i>"
3. WYSIWYG: type "Frodo Baggins of Bag End," select the text, and click
a button to make it italicized.

The point is that HTML involves angle brackets, bulletin board code
involves square brackets, and WYSIWYG involves clicking a button. And
this is the same way you display a graphic. I'll handle HTML and
Bulletin Board together, since they're similar.



DISPLAYING GRAPHICS - HTML AND BULLETIN-BOARD CODE

First, you need to get the code that will let your website display the
image. To do this:

1. Go to photobucket.com/mefa09n and enter the password celebrimbor.
2. Navigate to the banner you want to use. Click on the banner.
3. Scroll down until you see the "Share this image" box.

For HTML, click in the "HTML Code" box. For Bulletin Board code, click
in the "IMG Code" box. This should automatically select the text in the
box and copy it, but if it doesn't: select the *whole* line and copy it.
In Windows you can copy using control-C, and most browsers let you copy
text using the "Edit" menu.

Now you need to paste this code where you want the image displayed. To
do this:

1. Go to your website and navigate to the page where you edit the story.
2. Click where you want the banner to display. I encourage you to give
the banner a line of its own (no other text before or after); you can
use the "enter" key to get a new line.
3. Paste the text you copied. In windows this is done using control-V or
from the Edit menu.
4. Save the changes you made and check that the graphic you want is
displaying correctly.




For instance, I wanted to use the banner of Gondor's white flag,
accessible from the "[pl] Gondor" tag. So I clicked on the banner and
scrolled down to the "Share this image" box. I clicked in the "HTML
Code" field which copied this:

<a
href="http://gs98.photobucket.com/groups/l253/H4V8QY36O4/?action=view¤t=Gondorflagbannercopy.jpg"
target="_blank"><img
src="http://gi98.photobucket.com/groups/l253/H4V8QY36O4/Gondorflagbannercopy.jpg"
border="0" alt="[ar] NiRi,[pl] Gondor,[rc] Men,[ms] Objects,[fm]
350x100"></a>

That looks big and ugly, but luckily I don't have to understand the code
- I just have to know where to use it. So I scooted over to HASA, which
allows HTML. I edited my story summary so that it read:

"As a young man, Denethor muses on how he became the person he is.

<a
href="http://gs98.photobucket.com/groups/l253/H4V8QY36O4/?action=view¤t=Gondorflagbannercopy.jpg"
target="_blank"><img
src="http://gi98.photobucket.com/groups/l253/H4V8QY36O4/Gondorflagbannercopy.jpg"
border="0" alt="[ar] NiRi,[pl] Gondor,[rc] Men,[ms] Objects,[fm]
350x100"></a>"

(Notice that there is a blank line between my story summary and the code
to display the image.)

And the result is visible here:

http://henneth-annun.net/members/mine/story.cfm?stid=7794

And that's how you display a graphic if your page allows HTML or
bulletin-board code.



DISPLAYING GRAPHICS - WYSIWYG

If you click a button to make your text italicized, odds are that you
use what's called a WYSIWYG editor. WYSIWYG stands for "What You See Is
What You get," and what you type in is usually pretty close to what
people viewing the page will see. So if you just paste in the HTML code
like you did before, visitors will see that big ugly string of text, not
the nice shiny banner you want to show off.

To use a banner in WYSIWYG you will need to find the button that lets
you insert an image. Usually this looks like a painting, and hovering
your mouse over the button will often tell you what the button does -
like "insert/edit image." In the WYSIWYG editor available at HASA and
SWG, for instance, this button is a tree outlined in a white box.

Once you have found this button, the process is really very similar to
HTML and BB code described above. First you'll need to find the banner
you want to use and copy what will tell the site to display the image:

1. Go to photobucket.com/mefa09n and enter the password celebrimbor.
2. Navigate to the banner you want to use. Click on the banner.
3. Scroll down until you see the "Share this image" box.

You will be clicking in the "Direct Link" box this time. Just click in
it and if it doesn't copy, select the whole line and copy it manually.

Now you will need to tell your website where to display the image.

1. Go to your website and navigate to the page where you edit the story.
2. Click where you want the banner to display. I encourage you to give
the banner a line of its own (no other text before or after); you can
use the "enter" key to get a new line.
3. Click the button to insert an image.

Here's where it gets a bit iffy, because different WYSIWYG editors
handle this differently. In most, though, there will be a place to enter
the URL where the graphic is available online. Paste the text you copied
from Photobucket here.

4. Save the changes you made and check that the graphic you want is
displaying correctly.




DOWNLOADING GRAPHICS

Occasionally you will want to use a banner or button somewhere that asks
you to upload it directly from your computer. A good example of this is
icons or avatars, which many sites allow you to display next to your
stories, posts, and comments. This is probably the rarest use of MEFA
graphics, but it does come up.

To download a banner or button:

1. Go to photobucket.com/mefa09n and enter the password celebrimbor.
2. Navigate to the banner you want to use.
3. Right-click on the banner you want to download. (On Macs: click while
holding down the control key.)
4. Select the option to save the image. (In Firefox this is "Save Image
As," and there is a similar option in nearly every browser.)
5. Choose where you want to save your image. Make a note of this, as you
will need to know this later!

How you upload a banner or button will really depend on where you want
to use it, but odds are if you want to do this you will have a specific
use in mind - which usually means you know a webpage that will allow you
to upload a graphic and use it somehow on that site.

For instance, LJ allows you to upload userpics/icons:
http://www.livejournal.com/editpics.bml .

You will also usually be able to tell the website to use a graphic
available on some other website, by posting the URL. You can use the
same "Direct Link" URL used for WYSIWYG editors.





Two quick comments, to close:

In general, it's considered bad form to tell your website to display a
graphic posted on someone else's website. This is what's known as
hotlinking, and is in a way stealing someone else's web resources. With
the MEFAs we post the banners for you to use, and you're welcome to tell
your website to display a graphic hosted at our Photobucket site. That's
what it's there for! But you should always ask before you do this, in
other situations.

Second, different archives have different policies about displaying
graphics. In most cases this is covered in the site's rules and
regulations, but if you're in doubt and it's not your personal site you
should contact the archive's site manager. Some will let you display it
just in certain places, some will allow it anywhere, and some won't
allow graphics at all. I expect you to honor the rules of your site in
this regard, and encourage you to make sure graphics are allowed before
you post them.

If you need further help please let me know. :-)

Marta
(MEFA Admin.)

Msg# 10095

Re: Banners and Such Posted by Viv July 02, 2009 - 10:42:10 Topic ID# 10089
This is a really good explanation of how to use the banners and buttons. If you aren't a HASA member or aren't logged in, just skip over that example link, tho. ;)

viv

http://www.livejournal.com/users/spacellama



And the result is visible here:



http://henneth- annun.net/ members/mine/ story.cfm? stid=7794



And that's how you display a graphic if your page allows HTML or

bulletin-board code.



















[Non-text portions of this message have been removed]

Msg# 10096

Re: Banners and Such Posted by Cynthia Johnson July 02, 2009 - 11:03:15 Topic ID# 10089
IE tells me it can't display your link. Even after I copy and paste it in.. o.0

Elvish Writer




________________________________
From: Viv <spacellamaprincess@yahoo.com>
To: MEFAwards@yahoogroups.com
Sent: Thursday, July 2, 2009 10:42:07 AM
Subject: Re: [MEFAwards] Banners and Such





This is a really good explanation of how to use the banners and buttons. If you aren't a HASA member or aren't logged in, just skip over that example link, tho. ;)

viv

http://www.livejournal.com/users/spacellama

And the result is visible here:

http://henneth- annun.net/ members/mine/ story.cfm? stid=7794

And that's how you display a graphic if your page allows HTML or

bulletin-board code.










[Non-text portions of this message have been removed]







[Non-text portions of this message have been removed]

Msg# 10098

Re: Banners and Such Posted by nath kuijpers July 02, 2009 - 14:22:35 Topic ID# 10089
I see an extra space before 'annun'; perhaps that's the problem?


--- On Thu, 2/7/09, Cynthia Johnson <elvishwriter@yahoo.com> wrote:


> IE tells me it can't display your
> link. Even after I copy and paste it in.. o.0
>
> Elvish Writer
>

Msg# 10100

Re: Banners and Such Posted by Marta July 03, 2009 - 1:50:28 Topic ID# 10089
nath kuijpers wrote:
>
>
>
>
> I see an extra space before 'annun'; perhaps that's the problem?
>
> --- On Thu, 2/7/09, Cynthia Johnson <elvishwriter@yahoo.com
> <mailto:elvishwriter%40yahoo.com>> wrote:
>
> > IE tells me it can't display your
> > link. Even after I copy and paste it in.. o.0
> >
> > Elvish Writer
> >
>

Actually *blush* I put in the wrong URL. The URL was to the "author"
version of the page -- what I go to in order to edit the story. But it
looks more or less like the page anyone can view, and I was in a rush,
so I made a mistake. Try this page:

http://henneth-annun.net/stories/chapter.cfm?stid=7794

Marta

Msg# 10101

Re: Banners and Such Posted by Cynthia Johnson July 03, 2009 - 9:17:21 Topic ID# 10089
I can see it now! Thank you Marta! : )

I had a confident feeling about the use of the banners from the get go. However, it never hurts to double check and that was when I noticed the addies didn't work. *tacks up my banner* I was pleasantly surprised to find one that mirrored my story perfectly! *its the banner in which Legolas is withdrawing an arrow while next to him is Aragorn*

Elvish Writer


________________________________
From: Marta <marta.fandom@gmail.com>
To: MEFAwards@yahoogroups..com
Sent: Friday, July 3, 2009 1:50:08 AM
Subject: Re: [MEFAwards] Banners and Such





nath kuijpers wrote:
>
>
>
>
> I see an extra space before 'annun'; perhaps that's the problem?
>
> --- On Thu, 2/7/09, Cynthia Johnson <elvishwriter@ yahoo.com
> <mailto:elvishwrite r%40yahoo. com>> wrote:
>
> > IE tells me it can't display your
> > link. Even after I copy and paste it in.. o.0
> >
> > Elvish Writer
> >
>

Actually *blush* I put in the wrong URL. The URL was to the "author"
version of the page -- what I go to in order to edit the story. But it
looks more or less like the page anyone can view, and I was in a rush,
so I made a mistake. Try this page:

http://henneth- annun.net/ stories/chapter. cfm?stid= 7794

Marta






[Non-text portions of this message have been removed]

Msg# 10108

Re: Banners and Such Posted by Marta July 03, 2009 - 13:03:08 Topic ID# 10089
Cynthia Johnson wrote:
>
>
>
> I can see it now! Thank you Marta! : )
>
> I had a confident feeling about the use of the banners from the get go.
> However, it never hurts to double check and that was when I noticed the
> addies didn't work. *tacks up my banner* I was pleasantly surprised to
> find one that mirrored my story perfectly! *its the banner in which
> Legolas is withdrawing an arrow while next to him is Aragorn*
>
> Elvish Writer
>

I know - I've been very impressed with the banners available, both the
variety and the quality. They're really something. I didn't have time to
make any this year so I've just used some for my own fics, but in any
case I really like what's available.

Marta