Newbie to Able.... css and stuff

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
Dean
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Mon Jan 25, 2010 8:57 pm

Newbie to Able.... css and stuff

Post by Dean » Wed Aug 18, 2010 9:55 am

I just started using a developers license last night. Oddly, one of my major concerns was that I would have trouble changing the design to match our old store, but it seems amazingly flexible and so far I have had good results in changing the skin.

I looked for a skinning guide, but didn't find one. looks like there is a lot of info in the forum.

I am still trying to wrap my head around what a "Webpage" scriptlet is for. I first was hoping it was used to design custom pages, but now I think maybe not. I need to add some custom pages to the site, and I would like to have my custom pages wrapped with standard header/footer and controls. What is the best way to do that?

Dean
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Mon Jan 25, 2010 8:57 pm

Re: Newbie to Able.... css and stuff

Post by Dean » Thu Aug 19, 2010 11:38 pm

I finally figured this out. I guess this is fairly simple so other members didn't see any value in offering the answer, but for a newbie, absorbing everything can take a while.

For that reason, I will try to come back and put an answer here after I am more familiar with configuring the platform. I think I can write a useful answer, but I will wait and make sure I know before I add any further information on this topic.

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Newbie to Able.... css and stuff

Post by mazhar » Fri Aug 20, 2010 3:36 am

Following thread has some useful information about creating skins.
viewtopic.php?f=44&t=9324

Dean
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Mon Jan 25, 2010 8:57 pm

Re: Newbie to Able.... css and stuff

Post by Dean » Fri Aug 20, 2010 5:39 am

When I said I figured it out, I was mostly talking about the webpage thing....

When it comes to reworking css, I have kind of developed my own thing. Since I am self taught, it may not be the best way but it works for me. I just load the source code for a page that I want to modify up in a html editor so that I can identify which css elements I am wanting to change and start doing my thing to the style sheet. I always work on a live page so I can watch the changes as I go. I always have started out with some other theme and just modified it until I got what I wanted. I doubt that I could design a theme from scratch within a reasonable period of time.

I am making my new store match my old store in design. I was amazed how fast I was able to get the thing roughed out the first night. It took me about 4 hours and I had the thing looking very close to what my old store looks like. Of course, it is nice when you already have most all of the graphic elements you need.

dappy2
Commander (CMDR)
Commander (CMDR)
Posts: 114
Joined: Wed Jan 18, 2006 5:53 pm
Contact:

Re: Newbie to Able.... css and stuff

Post by dappy2 » Fri Aug 20, 2010 7:04 am

I just load the source code for a page that I want to modify up in a html editor so that I can identify which css elements I am wanting to change and start doing my thing to the style sheet.
You need Firebug. I know mazhar uses it. I've been using it for years. Its one of the best ways to see what's going on with CSS. It does almost exactly what you are doing now, minus the copy and pasting of source code. And you can "inspect" HTML elements by point and click.

getfirebug.com (its a firefox plugin).

Dean
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Mon Jan 25, 2010 8:57 pm

Re: Newbie to Able.... css and stuff

Post by Dean » Fri Aug 20, 2010 5:23 pm

Live and Learn! Yes, I tried it. That would be very handy. Thanks for sharing!

Post Reply