I want to create a custom template with two columns, can anyone tell me how or where I can get the codes?
Original Post
Replies sorted oldest to newest
quote:Originally posted by thevintagelady:
I want to create a custom template with two columns, can anyone tell me how or where I can get the codes?
Hi,
The easy method is to create a table with a single row and two columns. Here's some starter code:
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
</table>
Each of the <td></td> combinations represent a cell in the table's single row, and you place your other elements for that "column" between the <td> and the </td>. You can also set the width of the column by percent or pixel, e.g. <td width="300"> sets the column width to 300 pixels. Use "50%" as example for percentage width. Note, I set the table's width to 100%, which makes the table operate at page/browser width in the absense of any parent structure limitation.
Hope that helps.
Danno
Edit: If you're looking for a simple double column with top banner framing template, I create this one for the Forum some months back.
http://practicewriter.com/vu/?4DC44
Dano, thank you. I now realize this is beyond my capabilities. I love the one you made. I realize that it will not work in Auctiva click picture.
Dano, I now have another problem. and I don't know how to explain it. I don't understand how to post practice writer.
I have everything set up, but the "words" description, shipping, payment are missing. I can't figure out what I did wrong, and my title is very small. Can you point me in a direction for help?
Dano, I now have another problem. and I don't know how to explain it. I don't understand how to post practice writer.
I have everything set up, but the "words" description, shipping, payment are missing. I can't figure out what I did wrong, and my title is very small. Can you point me in a direction for help?
Sorry forgot the second "n" n n
Danno
Danno
Hi,
If you can copy and paste your template to practicewriter and post the link to the Forum, I'll give it a look.
www.practicewriter.com
You can also use the posted instructions in the sticky thread in the Forum on how to receive help with your template and use the practiceboard (if it's working). It has it's bad days due to it's owner being in poor health.
The other template I made does support Auctiva's picture selection in the one-page lister. If you click on the "Edit this document" link at the page bottom, you'll see the HTML code with Auctiva's [IMAGE1_URL] type tags for the images.
If you are a vintage clothing seller, I can adjust that template to use the more desired 2:1 aspect ratio for the pictures with 600x400 instead of its current 4:3 ratio at 600x450.
Danno
If you can copy and paste your template to practicewriter and post the link to the Forum, I'll give it a look.
www.practicewriter.com
You can also use the posted instructions in the sticky thread in the Forum on how to receive help with your template and use the practiceboard (if it's working). It has it's bad days due to it's owner being in poor health.
The other template I made does support Auctiva's picture selection in the one-page lister. If you click on the "Edit this document" link at the page bottom, you'll see the HTML code with Auctiva's [IMAGE1_URL] type tags for the images.
If you are a vintage clothing seller, I can adjust that template to use the more desired 2:1 aspect ratio for the pictures with 600x400 instead of its current 4:3 ratio at 600x450.
Danno
Danno, thank you. I'm taking baby steps with the HTML, in my era the closest thing to a computer was the school intercom system. I'm trying, but it becomes confusing.
I think I copied the right link.
Oh, is this to wide?
http://PracticeWriter.com/vu/?551DF
I think I copied the right link.
Oh, is this to wide?
http://PracticeWriter.com/vu/?551DF
Hi,
That's fine....got it. I did a little color-check trick to get that red color code and added a quick piece of code for effect.
http://PracticeWriter.com/vu/?551E6
Here's what I added just before the description tag:
<font size="6" color="#eb1537" face="impact"><b>description</b></font><br /><br />
That's using the "impact" font, which I've seen other indie sellers use.
That's fine....got it. I did a little color-check trick to get that red color code and added a quick piece of code for effect.
http://PracticeWriter.com/vu/?551E6
Here's what I added just before the description tag:
<font size="6" color="#eb1537" face="impact"><b>description</b></font><br /><br />
That's using the "impact" font, which I've seen other indie sellers use.
Danno, thank you sooo much.
Sorry one more question. I have to do this to each section? shipping, payment? do I put it before or after the what's already written there?
Sorry, that really is the last question
Sorry one more question. I have to do this to each section? shipping, payment? do I put it before or after the what's already written there?
Sorry, that really is the last question
Hi,
No problem....good question.
Follow my example in the code with placement of the header prior to each of the tags.
Hmmmm....question. I like your banner and the border. Do you like that split column template I created with pics down the left and text down the right column? If so, would your border and that header style using that color and font be of interest?
Danno
No problem....good question.
Follow my example in the code with placement of the header prior to each of the tags.
Hmmmm....question. I like your banner and the border. Do you like that split column template I created with pics down the left and text down the right column? If so, would your border and that header style using that color and font be of interest?
Danno
Thank you Danno.
Yes, and YES to your question. I tried it just as as, and edited with Auctiva left top, and everything right became squished, does that make sense?
Yes, and YES to your question. I tried it just as as, and edited with Auctiva left top, and everything right became squished, does that make sense?
Hi,
Not sure I'm following, but here's an update with the headers for each.
http://PracticeWriter.com/vu/?551EC
I haven't done a "coffee challenge" template for awhile, i.e. I do those over morning coffee for the Forum. Let me see what I can do with this combination.
Check back tomorrow mid-morning and I'll post progress.
BTW....do you want the picture sizes similar to what the other indie folks seem to prefer at 3:2 aspect ratio, e.g. 600x400 (tall and narrow for model or mannequin pics)?
Danno
Not sure I'm following, but here's an update with the headers for each.
http://PracticeWriter.com/vu/?551EC
I haven't done a "coffee challenge" template for awhile, i.e. I do those over morning coffee for the Forum. Let me see what I can do with this combination.
Check back tomorrow mid-morning and I'll post progress.BTW....do you want the picture sizes similar to what the other indie folks seem to prefer at 3:2 aspect ratio, e.g. 600x400 (tall and narrow for model or mannequin pics)?
Danno
Danno thank you so much for all of your help. I use a mannequin. I'm not indi, just plain ol lady lol. Not sure if I can post it, ladydaysvintage with a dot com at the end. I like a lot of pictures for the most part, sadly, I'm not familiar with ratio sizing. Guess I have A LOT of studying to do.
I'll check back tomorrow, and again thank you so much.
The not indi is a joke, love they style and the models.
I'll check back tomorrow, and again thank you so much.
The not indi is a joke, love they style and the models.
Danno, I'm going to step away from this for awhile. Maybe I'll have better results later.
The word Description is above the pictures? The title section is very small. And there is a big gap between the description section and the payment section. I'm going to try with practice board to see if I can get it.
http://PracticeWriter.com/vu/?5520C
The word Description is above the pictures? The title section is very small. And there is a big gap between the description section and the payment section. I'm going to try with practice board to see if I can get it.
http://PracticeWriter.com/vu/?5520C
Good morning.
Well, because the banner has a white-white #ffffff background and the other backgrounds were a slightly yellowed white, I opted to put the banner inside the main border and give it its own 1px black border. That seems to give it boundaries and good look with the rest of the template. Hope that's OK? I also placed a 2px border around the pictures in the same red as the hair and font. That can be easily changed. I use a slighly yellowed gray on the picture mat to match the white.
Here's the template on the practiceboard (seems to be working today) with code you can copy and paste to the template editor.
http://www.practiceboard.com/?10324440
Here's the template using my account to build a test listing to show picture selection from the one-page and all the other tags are working. I created 12 image tags, but more can be easily added up to the 24 limit. I set the image width to 400 with no height. That will cause all the pictures to size correctly to the left column and keep them uniform, no matter how you dimension or crop them. The two in my text are 600x400 (that 3:2 aspect ratio I mentioned).
Note, I added a Terms of Sale tag for use with Return Policy. Again, easy change if you don't want it.
http://www.practiceboard.com/?10324454
I ran tests of the template with IE7, Firefox 3, and Safari browsers.
Let me know if you want any changes.
Note, because you are using that Javascript to stop copies, you'll need to highlight the text on the practiceboard with mouse and then use the keystroke Ctrl-C (hold down Ctrl key and strike C key) to copy the text for paste to the template editor.
Danno
Well, because the banner has a white-white #ffffff background and the other backgrounds were a slightly yellowed white, I opted to put the banner inside the main border and give it its own 1px black border. That seems to give it boundaries and good look with the rest of the template. Hope that's OK? I also placed a 2px border around the pictures in the same red as the hair and font. That can be easily changed. I use a slighly yellowed gray on the picture mat to match the white.
Here's the template on the practiceboard (seems to be working today) with code you can copy and paste to the template editor.
http://www.practiceboard.com/?10324440
Here's the template using my account to build a test listing to show picture selection from the one-page and all the other tags are working. I created 12 image tags, but more can be easily added up to the 24 limit. I set the image width to 400 with no height. That will cause all the pictures to size correctly to the left column and keep them uniform, no matter how you dimension or crop them. The two in my text are 600x400 (that 3:2 aspect ratio I mentioned).
Note, I added a Terms of Sale tag for use with Return Policy. Again, easy change if you don't want it.
http://www.practiceboard.com/?10324454
I ran tests of the template with IE7, Firefox 3, and Safari browsers.
Let me know if you want any changes.
Note, because you are using that Javascript to stop copies, you'll need to highlight the text on the practiceboard with mouse and then use the keystroke Ctrl-C (hold down Ctrl key and strike C key) to copy the text for paste to the template editor.
Danno
Danno, thank you so much. I had a late start this morning sorry, chaos. I'm just getting to look at them, and understand lol. Coffee has not kicked in yet, so the light bulb moment had not hit me yet.
I really can't thank you enough for this.
I really can't thank you enough for this.
Hi,
You're welcome. That "red" and the banner theme really caught my eye yesterday as great material for a makeover. I also like a challenge.
If you want any adjustments or need coaching on changes, let me know.
You might try copying the code to your template lib and see how it operates with one of your listings.
Danno
You're welcome. That "red" and the banner theme really caught my eye yesterday as great material for a makeover. I also like a challenge.
If you want any adjustments or need coaching on changes, let me know.
You might try copying the code to your template lib and see how it operates with one of your listings.
Danno
Danno, I am SOS=stuck on not so smart. I have a really hard time explaining, and I am sorry. I am totally lost.
One of them (now I've gotten them confused) one has 4 pictures above the border. That's the one that has the image tags that I can see, I think that's the one you said you did in your account.
The other one won't give me a preview in Auctiva as it says it has 2 item & description tags. I have read the HTML over a few times and I don't see the tags.
On the fist one, you have the 12 images, so I went to the bottom and from the left added 13, but that image tag did not look like the other one's.
I HAVE TO LEARN HOW TO figure this out, I have to. My fear is that I'm going to change the wrong thing, get confused and lose everythig. That's the biggest fear, that everything will go poof on me. OK, I'm going to open a new browser, see if I can remove the pictures from above the border. Sorry to be such a pain
One of them (now I've gotten them confused) one has 4 pictures above the border. That's the one that has the image tags that I can see, I think that's the one you said you did in your account.
The other one won't give me a preview in Auctiva as it says it has 2 item & description tags. I have read the HTML over a few times and I don't see the tags.
On the fist one, you have the 12 images, so I went to the bottom and from the left added 13, but that image tag did not look like the other one's.
I HAVE TO LEARN HOW TO figure this out, I have to. My fear is that I'm going to change the wrong thing, get confused and lose everythig. That's the biggest fear, that everything will go poof on me. OK, I'm going to open a new browser, see if I can remove the pictures from above the border. Sorry to be such a pain
Hi,
From the post I made this morning, the first link is to the raw template code. That one should show 12 place holders down the left column for the 12 image tags.
The second link is to a test case from using the template in the one-page lister to build and export (copy - paste) the code to the practiceboard. That one should have two images labelled #1 and #2 in the left column. Those are real 600x400 test images from my image library on Auctiva.
Does that help? Do you need assistance adding image tags?
Danno
From the post I made this morning, the first link is to the raw template code. That one should show 12 place holders down the left column for the 12 image tags.
The second link is to a test case from using the template in the one-page lister to build and export (copy - paste) the code to the practiceboard. That one should have two images labelled #1 and #2 in the left column. Those are real 600x400 test images from my image library on Auctiva.
Does that help? Do you need assistance adding image tags?
Danno
Danno, ok what I did was copy and paste the codes hit save in the make your own template in Auctiva.
Then I went to my listing, make similar listing, then I did custom and loaded the template.
The 1st one, above the border it has 3 pictures, and a description bar in gray. So this is giving me a shot of what the actual listing will look like.
The second link, I can't save and preview I get the red box saying it has 2 description tags.
Then I went to my listing, make similar listing, then I did custom and loaded the template.
The 1st one, above the border it has 3 pictures, and a description bar in gray. So this is giving me a shot of what the actual listing will look like.
The second link, I can't save and preview I get the red box saying it has 2 description tags.
Hi,
My second link from this morning was only to demonstrate it works with the one-page lister and code builder with real pictures and text, and should not be used as a template.
Only the first link is a REAL TEMPLATE. I'm not quit sure by your description if that one is working correctly or not? Is what you are seeing with your test similar (hopefully almost identical) to what I posted in the second link?
Danno
My second link from this morning was only to demonstrate it works with the one-page lister and code builder with real pictures and text, and should not be used as a template.
Only the first link is a REAL TEMPLATE. I'm not quit sure by your description if that one is working correctly or not? Is what you are seeing with your test similar (hopefully almost identical) to what I posted in the second link?
Danno
Danno, yes they are identical links one and two. Now I can get the 1st link to save, earlier it was saying it had 2 description codes? maybe a glitch. I hope this works. I made a sample listing, and copied the link, hopefully it will work here. You will see 4 pictures above the border.
http://www.auctiva.com/listings/intl_preview.aspx
http://www.auctiva.com/listings/intl_preview.aspx
Nope it wont work here. How can I get you to see what I see?
Hi,
You can use the <HTML> icon at right of each Saved Listing on the Save Listing page to copy and paste the code to the practiceboard.
That's how I made the 2nd link at practiceboard this morning.
Danno
You can use the <HTML> icon at right of each Saved Listing on the Save Listing page to copy and paste the code to the practiceboard.
That's how I made the 2nd link at practiceboard this morning.
Danno
Danno, sorry for being such a pain. Here is the link? You will see the 4 pictures above the template, but for some reason the gray bar I see above those is not showing in practiceboard?
http://www.practiceboard.com/?0
http://www.practiceboard.com/?0
It's not working?
Hi,
It looks like you only copied part of the link from practiceboard. It's missing the full number that follows the ? mark.
Danno
It looks like you only copied part of the link from practiceboard. It's missing the full number that follows the ? mark.
Danno
Hi,
Got it now. It looks like there is added code which is corrupting the original template code.
When you created the new template earlier, was that from scratch or did you copy and paste to replace prior code on a prior attempt. I'm guessing that happened, as those upper pics above the template don't even seem to be part of that listing. Am I correct?
Danno
Got it now. It looks like there is added code which is corrupting the original template code.
When you created the new template earlier, was that from scratch or did you copy and paste to replace prior code on a prior attempt. I'm guessing that happened, as those upper pics above the template don't even seem to be part of that listing. Am I correct?
Danno
Yes Danno, and now I cant remember from where. I hang my head in shame, oy.
Hi,
Don't sweat the small stuff, and btw, it's all small stuff. I teach or at least did. I'm not judgemental on these things so please stop worrying. I perfectly understand how complex and intimidating this can be. Trust me, you're doing fine. Just keep pluggin at it. It gets better.
Try again.....
Danno
Don't sweat the small stuff, and btw, it's all small stuff. I teach or at least did. I'm not judgemental on these things so please stop worrying. I perfectly understand how complex and intimidating this can be. Trust me, you're doing fine. Just keep pluggin at it. It gets better.
Try again.....
Danno
Danno, thank you so much and for understanding. Off to try it again.
One question. I have to find the original, then remove the code? Or is there a way to remove it, though it's not showing?
Hi,
I would simply delete the old template from your library and start over with fresh copy of code from my 1st link to practiceboard this morning.
Danno
I would simply delete the old template from your library and start over with fresh copy of code from my 1st link to practiceboard this morning.
Danno
Yep, looks like it's working.
Let me know if you want changes. I'll let you test and play for awhile.
Danno
Oops....spoke too soon. Something is still corrupting the code.
Confirmed: The very first table statement is incomplete. Looks like it wasn't copied completely.
Let me know if you want changes. I'll let you test and play for awhile.
Danno
Oops....spoke too soon. Something is still corrupting the code.
Confirmed: The very first table statement is incomplete. Looks like it wasn't copied completely.
Danno, noooooo what do you see that's wrong?
Hi,
This is the code you just posted:
<TABLE width="928" cellspacing="0" cellpadding="10" <table cellpadding='0' cellspacing='0' border='0'><tr><td align='center'><a id='aucimagelink'<TR><TD bgcolor="#fdfdf9" align="center">
This is the correct code from this mornings posted links ( 1st http://www.practiceboard.com/?10324440 2nd http://www.practiceboard.com/?10324454 ) :
<TABLE width="928" cellspacing="0" cellpadding="10" border="0" align="center">
<TR><TD bgcolor="#fdfdf9" align="center">
I have no idea where the extra code is coming from. It's not appearing in either of my link 1 or 2 posts, so it's not coming from code I created. Since it's actually corrupting the table element by removing part of it's statement, it's more likely it is some type of copy error.
Visually, the template is shifted to left rather than center on the page. That's due to the missing align="center" from the definition.
Danno
Edit: Are you making the copy from my practiceboard link in one single copy, or are you breaking it into multiple copies (pieces)? If so, you should attempt to copy the entire codeset with a single selection and copy.
If that Javascript that prevents copy is giving you problems, I can delete that to get the main template copied and give you instructions on how to add it back.
This is the code you just posted:
<TABLE width="928" cellspacing="0" cellpadding="10" <table cellpadding='0' cellspacing='0' border='0'><tr><td align='center'><a id='aucimagelink'<TR><TD bgcolor="#fdfdf9" align="center">
This is the correct code from this mornings posted links ( 1st http://www.practiceboard.com/?10324440 2nd http://www.practiceboard.com/?10324454 ) :
<TABLE width="928" cellspacing="0" cellpadding="10" border="0" align="center">
<TR><TD bgcolor="#fdfdf9" align="center">
I have no idea where the extra code is coming from. It's not appearing in either of my link 1 or 2 posts, so it's not coming from code I created. Since it's actually corrupting the table element by removing part of it's statement, it's more likely it is some type of copy error.
Visually, the template is shifted to left rather than center on the page. That's due to the missing align="center" from the definition.
Danno
Edit: Are you making the copy from my practiceboard link in one single copy, or are you breaking it into multiple copies (pieces)? If so, you should attempt to copy the entire codeset with a single selection and copy.
If that Javascript that prevents copy is giving you problems, I can delete that to get the main template copied and give you instructions on how to add it back.
Danno, you have been sooo helpful, and I thank you. If I can ever help you with something don't hesitate to ask.
Hello. I'm hoping that you can help me. I am new to this site and I don't understand much about HTML codes. I have located a template that I like:
http://www.auctiva.com/listings/templates/template_prev...lack&i=1&a=0&g=1&d=1
but I'm not sure where to locate the HTML code or where to post it to make corrections when the code is located. Can someone please assist me with this?
Thank you sooo much!!!
http://www.auctiva.com/listings/templates/template_prev...lack&i=1&a=0&g=1&d=1
but I'm not sure where to locate the HTML code or where to post it to make corrections when the code is located. Can someone please assist me with this?
Thank you sooo much!!!
Hi,
That appears to be one of the stock Auctiva templates, the Curly Black on Black. If you use the "Customize an Auctiva Template" on the LISTINGS tab page, that will take you to the template editor, where you can modify (or copy) the template code to your own HTML editor for changes.
I copied the code to the practicewriter site, so you can get best assistance with changes from the Forum.
http://practicewriter.com/vu/?55F95
I also see a possible bug in the template. Color #666 isn't beginning applied to the Description header.
Looks like a bug with the whole Curly group. I can fix it, but that's dependent on any changes you might want.
Neil (or someone at Auctiva), didn't this Curly group have a code bug reported previously? I see where the Style sheets are getting more complex, so I'm guessing it's an update error.
Danno
Edit: I took a stab at fixing the template. It was missing a normal TABLE and a DIV that operates with that code section. Neil or someone can check my work. Here's the update on a new practicewriter link.
http://practicewriter.com/vu/?55FAB
That appears to be one of the stock Auctiva templates, the Curly Black on Black. If you use the "Customize an Auctiva Template" on the LISTINGS tab page, that will take you to the template editor, where you can modify (or copy) the template code to your own HTML editor for changes.
I copied the code to the practicewriter site, so you can get best assistance with changes from the Forum.
http://practicewriter.com/vu/?55F95
I also see a possible bug in the template. Color #666 isn't beginning applied to the Description header.
Looks like a bug with the whole Curly group. I can fix it, but that's dependent on any changes you might want.Neil (or someone at Auctiva), didn't this Curly group have a code bug reported previously? I see where the Style sheets are getting more complex, so I'm guessing it's an update error.
Danno
Edit: I took a stab at fixing the template. It was missing a normal TABLE and a DIV that operates with that code section. Neil or someone can check my work.
Here's the update on a new practicewriter link.http://practicewriter.com/vu/?55FAB