How do you....?
- toonybabe
- Kuwabarakuwabara - Oh My God!
- Posts: 748
- Joined: Tue Apr 17, 2007 10:00 pm
- Location: Columbus, OH
- Contact:
How do you....?
I am in the middle of updating my gallery and I am trying to do something more fancy with its scheme/layout. I've noticed that some people have an introduction picture/graphic posted on each of series pages. I've also noticed that some people have pictures posted in their news sections as well. Would anyone be willing to explain to me how to do that? Thanks in advance!
- moonrabitt
- Kuwabarakuwabara - Oh My God!
- Posts: 620
- Joined: Wed Apr 28, 2004 6:06 pm
- Location: Ca
- Contact:
It may seem hard to do, but it's not ^_^
Just find a picture hoster (try photobucket and upload your picture)
Then they give you the code that you need to post your graphic
(it's the 3d code down)
example of how the code looks:
1).Upload pic (random pic sample:) Click on link below
http://photobucket.com/image/batman/sha ... an.jpg?o=2
2). Look at the codes and scroll down to #3 "TML Code - Websites & Blogs"
CODE looks like this:
"<a href="http://s307.photobucket.com/albums/nn29 ... batman.jpg" target="_blank"><img src="http://i307.photobucket.com/albums/nn29 ... batman.jpg" border="0" alt="Batman"></a>"
*THEY give you the code so just:
4).Paste code in the section that you like ^_^
--------------------------------------------------------------------
Now look at my layout and scroll down...do you see all of those boxes and images? Well copy and paste it into "paint" and you will see that it's one HUGE vertical image. So you can use that method...make a LONG pic and then post it in the RB graphics setting next to "Home Left Banner:"
Just find a picture hoster (try photobucket and upload your picture)
Then they give you the code that you need to post your graphic
(it's the 3d code down)
example of how the code looks:
1).Upload pic (random pic sample:) Click on link below
http://photobucket.com/image/batman/sha ... an.jpg?o=2
2). Look at the codes and scroll down to #3 "TML Code - Websites & Blogs"
CODE looks like this:
"<a href="http://s307.photobucket.com/albums/nn29 ... batman.jpg" target="_blank"><img src="http://i307.photobucket.com/albums/nn29 ... batman.jpg" border="0" alt="Batman"></a>"
*THEY give you the code so just:
4).Paste code in the section that you like ^_^
--------------------------------------------------------------------
Now look at my layout and scroll down...do you see all of those boxes and images? Well copy and paste it into "paint" and you will see that it's one HUGE vertical image. So you can use that method...make a LONG pic and then post it in the RB graphics setting next to "Home Left Banner:"
- sensei
- Moderator and Admin-in-waiting
- Posts: 5001
- Joined: Fri Oct 01, 2004 6:55 am
- Location: Cephiro
- Contact:
Yes, the secret is setting up an account at a graphics hosting site like Photobucket, and then using that as a source for importing them into RS.
Actually, the code moonrabbit gives looks like it's the code to use a graphic from one source to provide a link to another (which I use in my Quick Gallery Tour.) If you just want to import an image without any particular fuss, then the markup language is just:
There are lots of variations: Other betarians have ways of importing fancier frames that they might want to share, for instance, and animations take yet another quirky approach. But that's the beginning, and from there you can experiment, preview, tweak, and improve.
One hint: if you work with html markup in many word processing programs, the spell/grammar/style checker will want to turn the quotation marks into "smart quotes" that lean the right way into the word or number inside. But if you try to use smart quotes in html language, they won't work. Disable this function or work on your markup language in Wordpad or some other generic word processing platform.
Good luck!
Actually, the code moonrabbit gives looks like it's the code to use a graphic from one source to provide a link to another (which I use in my Quick Gallery Tour.) If you just want to import an image without any particular fuss, then the markup language is just:
[Easy to remember because "img src" is just short for "image source." You can add<img src="http://SOURCE OF IMAGE">
inside of the final angle bracket to make a pretty frame. Change the number to fiddle with the width of the frame: border="1" is just a thin line, while border="5" is an even fatter line.border="3"
There are lots of variations: Other betarians have ways of importing fancier frames that they might want to share, for instance, and animations take yet another quirky approach. But that's the beginning, and from there you can experiment, preview, tweak, and improve.
One hint: if you work with html markup in many word processing programs, the spell/grammar/style checker will want to turn the quotation marks into "smart quotes" that lean the right way into the word or number inside. But if you try to use smart quotes in html language, they won't work. Disable this function or work on your markup language in Wordpad or some other generic word processing platform.
Good luck!