Forum Support

Shape 5
March 28, 2024, 04:37:11 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: newsletter based on template design  (Read 750 times)
heritage
Jr. Member
**
Offline Offline

Posts: 25



« on: October 29, 2007, 11:30:16 AM »

Hello, what is the easy way to make a newsletter html or css design cosistant with Your Store template?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: October 29, 2007, 07:52:29 PM »

Many different ways, just up to how you want to design it.  I would suggest laying out the newsletter with a rounded rectangle wrapping the entire email.  You could copy the layer style off one of the color Your Store PSDs and then apply it to your rounded rectangle box. Maybe put a gradient in this box as the background.  The buttons you use could be stylized with the glossy look used on the main menu in the Your Store template. 

After you layout your newsletter in Photoshop you could slice it up with the "slice tool" for links or other hot spots on your newsletter.  Then do a save for web and either save as tables or css, whichever you prefer.

I hope this helps, if I misunderstood your question let me know.

Regards,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
heritage
Jr. Member
**
Offline Offline

Posts: 25



« Reply #2 on: October 30, 2007, 10:32:10 AM »

Thanks a lot, it helped
Logged
heritage
Jr. Member
**
Offline Offline

Posts: 25



« Reply #3 on: October 30, 2007, 11:15:20 AM »

One more question:
I am trying to create a white shadowed round corner box as you suggested. I made a table 3x3 and inserted all the corners, topline, bottom,left and right images. I made the middle cell white. When I type a text into the main cell and the table stretches, the images (left and right borders) stay the same. How do I make them strech with the text in the newsletter?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #4 on: October 30, 2007, 09:25:36 PM »

The left and right images need to be set to the background of the table and then with some styles made to repeat vertically.

For example if you had the following table tag:

<td>

Just add the below style:

<td style="background: url(http://www.yoursite.com/images/vertical_repeat.jpg) repeat-y;">

Regards,

Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
heritage
Jr. Member
**
Offline Offline

Posts: 25



« Reply #5 on: October 30, 2007, 09:58:14 PM »

thank you. I will try.
Logged
heritage
Jr. Member
**
Offline Offline

Posts: 25



« Reply #6 on: October 31, 2007, 09:15:00 AM »

Hello Jonah, I have one more question: when I created the table with rounded corner content place for my newsletter, when I paste the code to the Acajoom - the program that manages newsletters - it inserts &nbsp; in the table cell, therefore ruining my desing, since the corner images are only 8x8 pixels. When I erease this code, on previewing the program inserts it again.

How can I avoid having &nbsp; inside the code?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: October 31, 2007, 12:05:58 PM »

First I would make sure there are no spaces in the table cell before pasting your code into Acajoom.  The &nbsp; is a space in HTML.

If there is a WYSIWYG editor turn this off.  Sometimes they can insert or delete code (Joomla's default one will strip your content of any Javascript)

Lastly, if none of the above work I would try contacting the developers of Acajoom and informing them of your problem.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.