Welcome, Guest Login
You must login or register to post.

Pages: 1 2 
Using some HTML in your storefront (Read 3635 times)
Tom_133317
Gold Member
artist
*****



Posts: 2169
Using some HTML in your storefront
Feb 28th, 2008, 6:47am
 
Another artist desired a way to discuss their Featured cards on their storefront, and I suggested adding HTML in the welcome module to do this.  HTML can be used in your header text field, your artist's profile, the welcome module, and in the bulletin module.
 
I've only done this in my header text and in my artist's profile so far.  Check out my store to see what I'm talking about, and then consider playing around with it on your site.
 
Some Basics:
=========
If there is text you want to make bold, put this before those words: <b>
and this after those words </b>
 
So it looks like this example:  <b>Have a wonderful day!</b> causing the letters in between to be bold.
 
The "<  >" tells the browser there is a command inside, and the "b" is the BOLD command.  The "</b>" tells the browser to go back to normal (non-bold) test.
 
To make letters larger, you use an "H" command, followed by a number 1-2-3-4 and so on.  I used an H4 in my artist's profile to make the word BACKGROUND,  and I used an H2 in my header text.  The smaller the number, the bigger the text.  H is a command for HEADING.
 
Again it would look like this <H4>BACKGROUND</H4>  
You can also do an <i> xxxxxx </i> to make text in between italics.
You can also center words this way <center> xxxxxx </center>
 
To add a blank line, use a single <p>
 
Here is exactly the section from my artist's profile that you can simply cut-paste into your profile text and modify the words as you desire:
=============================
........ by adding imaginative <b>Comical Captions</b>.<p>  I encourage you to customize the inside of the card to match your occassion.  Your friends and family may just die laughing, and if so, I want the pictures.  Thanks for visiting.
<H4>BACKGROUND</H4>
My photo collection is from the 1930s and earlier, ........
=============================
And from my store header:
=============================
<H2><i><CENTER>IF YOU WANT ANYTHING MODIFIED, JUST LET ME KNOW!</CENTER></i></H2>
=============================
 
Notice in the header example, that the command sequence is important.  The first command, <H2> is the last command you remove. using the </H2>.  This avoids confusing the browser.  You can cut-paste this and modify as desired as well.
 
Play around with it and see what works best for your store.  As I mentioned above, these codes can be used in the welcome and bulletin modules too.  I suggested to the artist wanting to describe her featured cards, to consider using these tricks in her Welcome module, and to place her featured cards just below.
 
TOM
 
 
 
Back to top
 
« Last Edit: Feb 28th, 2008, 9:23am by Tom_133317 »  
Email   IP Logged
Wendy_132744
Junior Member
artist
**



Posts: 79
Re: Using some HTML in your storefront
Reply #1 - Feb 28th, 2008, 6:57am
 
Thanks ever so much for this Tom
HTML has always been such a mystery to me.
Great clear instructions
I think even I can do this now!!!
You are a pal
Back to top
 
 
Email   IP Logged
Norval_132688
Gold Member
artist
*****



Posts: 908
Re: Using some HTML in your storefront
Reply #2 - Feb 28th, 2008, 10:04am
 
Tom, Thank You, I just printed this and will give it a try.       Norval
Back to top
 
 
Email   IP Logged
Sue_132963
Gold Member
artist
*****



Posts: 1224
Re: Using some HTML in your storefront
Reply #3 - Feb 28th, 2008, 1:08pm
 
Tom,
How very kind of you to offer some valuable, yet simple, instruction to help us improve our sites.  I know this took valuable time just to put together for us.  You are a peach and I do believe you and GCU make a peach of a pair!   embarrassed  to borrow an old cliche...
Thank you!
SueB
Back to top
 
 
Email   IP Logged
Lisa_131617
Full Member
artist
***



Posts: 189
Re: Using some HTML in your storefront
Reply #4 - Feb 28th, 2008, 3:04pm
 
And to borrow from SueB, DITTO re peaches!!! Tom, you mentioned the likes of GCU artists being friendly and helpful when you introduced yourself - but WOW, you give friendly and helpful a new meaning and I thank you very much for the tutorial. I've read (or tried to keep interest in) books on html and have just learned more from your words than any book I've sought help from. Cheers, you are not just another pretty face with a great sence of humor! Smiles, Lisa Charlton
Back to top
 
 
Email   IP Logged
David_133145
Full Member
artist
***



Posts: 148
Re: Using some HTML in your storefront
Reply #5 - Feb 28th, 2008, 4:12pm
 
Tom,
I am renewed in my never ending attempt to find good in people.
   
     What you've done in your post is nothing short of helpful, understandable, and very generous.  
 
     HTML is intimidating for a lot of people, but it is almost a must if one wants to stand out.  I've always wondered, since I've got shops all over in a variety of sites, why most places don't offer some basic HTML templates, much like what you offered, to the shopkeepers?  It would seem to me to be to the benefit of the companies, improve sales, etc.  Most places invite you to "add your own HTML" but with hosted web-sites being so popular and effortless, most people haven't learned code.  Simplw templates (with simple instructions) would be invaluable
   
     I figure there will be a day when my son's kid will tell me, "you mean you actually had to write HTML code?"  It'll disappear along with DOS and binary code.  
But in the meantime,, once again, your generosity is to be very much admired.
 
      Hey wait a second...all these other replies are from ladies!?  What the...?
Well I guess that says something for the ladies in this forum...they can spot a gentleman.
       Keep up the great work and success,
            ~David
Back to top
 
 
Email   IP Logged
Tom_133317
Gold Member
artist
*****



Posts: 2169
Re: Using some HTML in your storefront
Reply #6 - Feb 28th, 2008, 4:55pm
 
Wow - glad to see some interest.
 
Here's another very useful area;  adding a clickable link.
 
(This is an assignment for Lisa since I see she has her website URL under her Artist Profile, but it needs to be turned into a LINK.)
 
Lisa-  just replace your www.LisaCharltonGallery.com text with this (cut-paste):
 
<a href="http://www.LisaCharltonGallery.com">Lisa Charton Gallery</a>
 
This HTML is a little more complicated but if you break it apart it kinda makes sense.  It has a:
 
Front end "<a href="URL">"    - this is for the internet address (a = address)
Middle "The LINK text"            - this is the LINK TEXT like the blue ones you see above the forum
End  "</a>"                           - closes the "address" command
 
In place of URL, you put the full internet address including the http:// part
In place of "The LINK text" you put what TEXT you want to use to describe your link
 
So the URL from Lisa's line is      http://www.LisaCharltonGallery.com
And the LINK text is                   Lisa Charton Gallery
 
For other folks, just cut-paste the same line I did for LISA above, and then edit it for your URL and LINK text.  That will save making a mistake.
 
You can put your LINKS, or a set of LINKS,  in the same storefront modules mentioned earlier.  You can even have it in your header, but some don't want to entice people to leave their store, so be cautious when using these links.  
 
Now someone needs to go try some of these tricks and come back all gitty, and I prefer it be a girl!   (Gitty guys are just a bit scary). - No offense David!
 
TOM
Back to top
 
 
Email   IP Logged
Dustin_133010
Junior Member
artist
**



Posts: 99
Re: Using some HTML in your storefront
Reply #7 - Feb 28th, 2008, 5:05pm
 
Thanks, Tom. I have been wanting to add website links to my page but haven't had the time to figure it out!
 
Dustin
Back to top
 
 
Email   IP Logged
Dustin_133010
Junior Member
artist
**



Posts: 99
Re: Using some HTML in your storefront
Reply #8 - Feb 28th, 2008, 5:19pm
 
Tom, I added the link per your instructions, and it works just fine. But, as you say, if someone clicks on it they leave my store.  
 
Do you know how to add a link that opens up in a new browser window?  
 
Thanks for your help.
 
Dustin
Back to top
 
 
Email   IP Logged
Dustin_133010
Junior Member
artist
**



Posts: 99
Re: Using some HTML in your storefront
Reply #9 - Feb 28th, 2008, 5:30pm
 
I just answered my own question:
 
To get a link to open in a new browser window you add this piece of code:  
 
target="_blank" before the closing >
 
In my case, I added: <a href="http://www.shutterfly.com/pro/DKahn/images" target="_blank">online gallery</a>
 
Now it opens in a separate window.
 
Cool. It's easier than it seems!
Back to top
 
 
Email   IP Logged
Ernestine_131365
Gold Member
artist
*****



Posts: 853
Re: Using some HTML in your storefront
Reply #10 - Feb 28th, 2008, 6:02pm
 
Hi All-
 
As long as we're on the HTML thing:  You can add various colored fonts to the editable sections of your homepage, too!
example of what I tried on my page in the "welcome" section:
 
<center><h2><font color="669966"><b>St Patrick's Day</b></font> is coming up and <font color="CC9999"><b>Easter</b></font> soon after.</h2></center>
 
One place to go for color code numbers is: http://html-color-codes.com/  
 
Now to get my web page done so I can link to it!
 
-Ernestine
Back to top
 
 
Email   IP Logged
Cara_131386
Senior Member
artist
****



Posts: 428
Re: Using some HTML in your storefront
Reply #11 - Feb 29th, 2008, 8:28am
 
Tom!  Thank you so much for the information on HTML..I tried to learn it in the late 90's and I was doing fairly good - I wanted to build a website, but I never completed my self teaching process, lol I got sidetracked Smiley  I want to save your post on this, I am sure it's going to really come in handy.  TGIF, my friend.  Thank you again!
 
Perl Smiley
Back to top
 
 
Email   IP Logged
Norval_132688
Gold Member
artist
*****



Posts: 908
Re: Using some HTML in your storefront
Reply #12 - Feb 29th, 2008, 11:40am
 
Tom, Thanks Again,--------Look at my store---Arbogast Design,-----See what my
son did after looking at your post.......Wow!........I didn't know this could be done.
Norval
Back to top
 
 
Email   IP Logged
Tom_133317
Gold Member
artist
*****



Posts: 2169
Re: Using some HTML in your storefront
Reply #13 - Feb 29th, 2008, 12:06pm
 
Hi Norval.  I don't recall what it looked like before, but clearly you guys did a few things with HTML!  Awesome.  Graphics even!
 
A couple of things:
1.  You could put the "Click on my Blog" and the "ecard message" on the same physical line if you wanted.  This would allow at least the first full row of cards to show fully.
 
2.  I did notice 2 typos in the Bulletin (Military and a quote vs. an apostrophe in you're).
 
Nice job!
 
TOM
 
Back to top
 
 
Email   IP Logged
Norval_132688
Gold Member
artist
*****



Posts: 908
Re: Using some HTML in your storefront
Reply #14 - Feb 29th, 2008, 4:14pm
 
I keep saying this---------Thanks again Tom-------Will Fix-------GCU------Please put
spell check everywhere!  I'm a terrable speller and an even worst proof reader.
Back to top
 
 
Email   IP Logged

About Us     Artists     Artist FAQ     Blog     Card Sellers     Contact Us     Content Disclaimer     Forum     Paper Card Categories     Privacy Policy     Shopper FAQ     Holidays 2011

Click to verify BBB accreditation and to see a BBB report.                        
© Copyright 2000- Greeting Card Universe - Powered By Bigdates-Solutions.com   

GCU Forum » Powered by YaBB 2.1!
YaBB © 2000-2005. All Rights Reserved.