Hi, just finished working on my new template. Can be seen on practiceboard here http://www.practiceboard.com/?10902943
Will this work ok as I am not very experienced with html etc....
Thanks Clive.
Original Post
Replies sorted oldest to newest
Hi Clive,
Yes, it's a good start. The center section and background look functional. You'll need to add the appropriate Auctiva tags for description, seller details, and pictures, as needed.
The HTML, HEAD, and BODY tags will need to come off, as eBay provides those as their parts on the webpage.
I'd recommend use of any of Auctiva's standard templates, as a guide. Their use of tags and arrangements should work exactly the same for yours.
Danno
Yes, it's a good start. The center section and background look functional. You'll need to add the appropriate Auctiva tags for description, seller details, and pictures, as needed.
The HTML, HEAD, and BODY tags will need to come off, as eBay provides those as their parts on the webpage.
I'd recommend use of any of Auctiva's standard templates, as a guide. Their use of tags and arrangements should work exactly the same for yours.
Danno
Thanks Danno. I have just updated/finished my template design http://www.practiceboard.com/?10911665
I would appreciate it if you could take another look and verify everything is ok before i start using it for my ebay listings.
Also I would be interested to hear some feedback from other members on my template. Thanks.
I would appreciate it if you could take another look and verify everything is ok before i start using it for my ebay listings.
Also I would be interested to hear some feedback from other members on my template. Thanks.
Hi Clive,
Again, in general, looks good.
You've done the Seller Detail tags correctly for removal of unused sections; I assume from a using an Auctiva sample. There is one little gotcha that trips up many. The method Auctiva used from whichever sample has paragraph tags for each section. If you create more than a single paragraph in a section, the span and/or font tags used to apply color, font, etc., will "technically" apply only to the first paragraph and/or the editor will unformat the others. One work-around is to use divisions <div>...</div> in place of paragraphs <p>...</p> and apply the styles to the entire division. Another would be to use Ctrl-Enter to create <br /> codes for returns in the text (that bypasses new paragraphs being created).
The Title and Description and Images tags don't have a font size and font family assigned, as do the other sections. What you see is whatever default the browser gives them, e.g. the family name is Times New Roman with IE8 check at default setting.
I would experiement with the Preview in the template editor to see how sample text and pictures work with various layouts and repeat that with real text and images in the one-page lister.
Let me know if you have any problems and I'll try to lend a hand. You're do'in great!
Danno
Again, in general, looks good.
You've done the Seller Detail tags correctly for removal of unused sections; I assume from a using an Auctiva sample. There is one little gotcha that trips up many. The method Auctiva used from whichever sample has paragraph tags for each section. If you create more than a single paragraph in a section, the span and/or font tags used to apply color, font, etc., will "technically" apply only to the first paragraph and/or the editor will unformat the others. One work-around is to use divisions <div>...</div> in place of paragraphs <p>...</p> and apply the styles to the entire division. Another would be to use Ctrl-Enter to create <br /> codes for returns in the text (that bypasses new paragraphs being created).
The Title and Description and Images tags don't have a font size and font family assigned, as do the other sections. What you see is whatever default the browser gives them, e.g. the family name is Times New Roman with IE8 check at default setting.
I would experiement with the Preview in the template editor to see how sample text and pictures work with various layouts and repeat that with real text and images in the one-page lister.
Let me know if you have any problems and I'll try to lend a hand. You're do'in great!
Danno
Hi Danno, I might need a bit of help. I just cannot seem to make the changes you say without making things worse!
Could you if possible please set the title to color #000080 and a standard/suitable size and maybe sort out that paragraph thing.
Would I be better adjusting the text color/font etc.. for the description in the listing editor when creating a listing rather than setting it in the template?
Thanks again.
P.S. Nearly there I hope!
Could you if possible please set the title to color #000080 and a standard/suitable size and maybe sort out that paragraph thing.
Would I be better adjusting the text color/font etc.. for the description in the listing editor when creating a listing rather than setting it in the template?
Thanks again.
P.S. Nearly there I hope!
Hi Clive,
I'll try to give it a look first thing tomorrow. I'll work from the last practicewriter post and/or give me any update you'd like me to work from.
Danno
I'll try to give it a look first thing tomorrow. I'll work from the last practicewriter post and/or give me any update you'd like me to work from.
Danno
Morning Clive,
Here's what I did....for AM Coffee Challenge.
I created a CSS Style Sheet just ahead of the text section and pulled all the header and text info into simple classes to make changes easy and removed all the inline coding. I created a division around the entire section applied the class name gg_text_section. I left the title and headers(pictures) in paragraphs and changed the text fields from paragraphs to division. Note, when you create your text elements in the one-page description box or the Seller Details profile, the editor will (normally) add paragraphing for you. I used x-small for the text font and medium for the title. That's now simple to change in the style sheet for either. Hopefully, this method will make it easier to make simple changes like font size and font color and gives you standardized code that the editor will also like.
The only real change I made was to operate the text (not headers) as margin "justified", i.e. the text will flow from left to right and fill to the margins (rather than the raggy edge look center would do). If that's not desired, just change that word justify in the style sheet to center (like it's doing to the headers).
Suggestion: You might want to give the margins a little wider setting. The table that surrounds the center section uses cellspacing=20 to invoke the margin. Increasing that will increase the surround margin. That decision needs some real text, pics, etc. to get a correct look.
Again, the purpose on using divisions around the text fill-in tags is that the editor will add paragraphing (correct pagination) and keep the code technically correct (no paragraphs within paragraphs).
Here's the result at practiceboard:
http://www.practiceboard.com/?10919347
Hope this helps.
Danno
Here's what I did....for AM Coffee Challenge.
I created a CSS Style Sheet just ahead of the text section and pulled all the header and text info into simple classes to make changes easy and removed all the inline coding. I created a division around the entire section applied the class name gg_text_section. I left the title and headers(pictures) in paragraphs and changed the text fields from paragraphs to division. Note, when you create your text elements in the one-page description box or the Seller Details profile, the editor will (normally) add paragraphing for you. I used x-small for the text font and medium for the title. That's now simple to change in the style sheet for either. Hopefully, this method will make it easier to make simple changes like font size and font color and gives you standardized code that the editor will also like.
The only real change I made was to operate the text (not headers) as margin "justified", i.e. the text will flow from left to right and fill to the margins (rather than the raggy edge look center would do). If that's not desired, just change that word justify in the style sheet to center (like it's doing to the headers).
Suggestion: You might want to give the margins a little wider setting. The table that surrounds the center section uses cellspacing=20 to invoke the margin. Increasing that will increase the surround margin. That decision needs some real text, pics, etc. to get a correct look.
Again, the purpose on using divisions around the text fill-in tags is that the editor will add paragraphing (correct pagination) and keep the code technically correct (no paragraphs within paragraphs).
Here's the result at practiceboard:
http://www.practiceboard.com/?10919347
Hope this helps.
Danno
Thanks very very much danno, really appreciate you sorting that out for me. I have created a listing with the template, you can view it here ebay page
Think everything is 100% ok now. I have set the font color for description a lighter blue or would it be better seem color as other text.
If you think everything is fine with template I will get started using it in my listings. Thanks again, Clive.
Think everything is 100% ok now. I have set the font color for description a lighter blue or would it be better seem color as other text.
If you think everything is fine with template I will get started using it in my listings. Thanks again, Clive.
Hi Clive,
The link posted was incomplete.
The background color on the headers is a full bright blue #0000ff (confirmed by my color detect tool). The color around the word Gaget on the template varies, but here are a couple to try that go from dark to lighter #13277e, #132b85, #152a83. Note, they aren't pure blue, but are in keeping with the darker blue on the template and close to the pure #000080 in use.
Going up to small from x-small text might give it more weight (better). Also, you might try adding font-weight:bold; to the title to echo the weight of the picure text.
This type of decorating is more a matter of taste than "correct".
Danno
Edit: I see you corrected the link and already have made some adjustments. Try changing medium to large on the title by adjusting it in the class gg_text_section p (I think it needs help).
Edit2: FYI....the burnt orange on the template is #e59536 or #f28f27 (for any usage you might want in decorating text).
The link posted was incomplete.
The background color on the headers is a full bright blue #0000ff (confirmed by my color detect tool). The color around the word Gaget on the template varies, but here are a couple to try that go from dark to lighter #13277e, #132b85, #152a83. Note, they aren't pure blue, but are in keeping with the darker blue on the template and close to the pure #000080 in use.
Going up to small from x-small text might give it more weight (better). Also, you might try adding font-weight:bold; to the title to echo the weight of the picure text.
This type of decorating is more a matter of taste than "correct".
Danno
Edit: I see you corrected the link and already have made some adjustments. Try changing medium to large on the title by adjusting it in the class gg_text_section p (I think it needs help).
Edit2: FYI....the burnt orange on the template is #e59536 or #f28f27 (for any usage you might want in decorating text).
I've made some changes as suggested, think everything looks better, check it out here improved ebay listing
The only thing I notice now is the text under the "terms & conditions" header seems to be closer than the others.
So what do you think are we good to go!
The only thing I notice now is the text under the "terms & conditions" header seems to be closer than the others.
So what do you think are we good to go!
Hi Clive,
The code in Terms and Conditions section looks like it was copied from Word (note, Word code has compatiblity problems, not HTLM/CSS compliant). It has an inline style that's causing that spacing problem, i.e the margins.
style="text-align: justify; margin: 0cm 0cm 10pt"
It looks like the other sections have some Word copied elements as well. The class="MsoNormal" is a giveaway that's happened. Using the Word Paste tool on the editor Toolbars will help convert the Word code.
Danno
The code in Terms and Conditions section looks like it was copied from Word (note, Word code has compatiblity problems, not HTLM/CSS compliant). It has an inline style that's causing that spacing problem, i.e the margins.
style="text-align: justify; margin: 0cm 0cm 10pt"
It looks like the other sections have some Word copied elements as well. The class="MsoNormal" is a giveaway that's happened. Using the Word Paste tool on the editor Toolbars will help convert the Word code.
Danno
Just a quick update on the template project. Please check out my ebay listing with new template
What do you think? I'm open to constructive criticism, think.
What do you think? I'm open to constructive criticism, think.
Hi Clive,
I've been curious if tabbing of the Seller Details would get a + or - response from buyers. It was a consideration for SophieBox Wildcat, so you'll have to let me know if that's well received. Sellers over here have been a little put-off with eBay tabbing the page, so I decided to keep that feature on hold for the moment. I'd listen to anyone with a need.
I might suggest that frame for the tab section be extended slightly to avoid scrollbar.
Danno
I've been curious if tabbing of the Seller Details would get a + or - response from buyers. It was a consideration for SophieBox Wildcat, so you'll have to let me know if that's well received. Sellers over here have been a little put-off with eBay tabbing the page, so I decided to keep that feature on hold for the moment. I'd listen to anyone with a need.
I might suggest that frame for the tab section be extended slightly to avoid scrollbar.
Danno