Checkout Pixlr. If you want to simply retouch your images but don’t want to buy Photoshop. In minutes you can upload your picture and modify.
Here are somethings I would use it for:
- Adding text to images (like your website name)
- Reducing the image size
- Cropping out the background
If you need a new logo checkout 99 Designs. You simply post up what your company is about and post up a prize amount. Then designers from all around the world submit their designs to win your prize money.
It seems like a good prize amount to attract top designers is between $100-$250. To get an idea of how cool this is check out some in process design competitions.
99 DESIGN COMPETITION EXAMPLES
- Competition for Environmental Safe Solutions
- Logo for Michael Jackson Tribute band
MORE LOGO DESIGN OPTIONS
- Make your own using a different font. 1000′s of cool free fonts listed here
- Post an Ad on Craigslist under Jobs in the Art/Media/Design section in your city
Have you ever wished you could have supersize product images on your store? Well, you may have noticed that we don’t offer this option yet… But never fear because our customers are always coming up with creative solutions to get the job done. Sandra at Graffiti Jewelry figured out a very clever way to have supersize images on her site: upload supesrsize images to Flickr and put a link with a popup window opener in the product descriptions. See it in action here.
Here’s how to do it:
Upload your supersize images to your Flickr account (or your own web hosting account)
Make note of the static URLs of each image. For Flickr, they will be something like this:
http://farm4.static.flickr.com/1234/123432432.jpg
Made a nice button that customers can click on to see the supersize image. Sandra’s button says “Click for Details” and matches her store. If you don’t want to do this, you can use a simple text link.
Log in to your store headquarters, navigate to your product page, and put a link to the supersize image in the product description.
Here is some sample HTML code that you can cut and paste. You will need to change the image link to the URL of your image from step 2. This is also where you would add code to link your image from step 3.
<br><br><a href="#" onClick="MyWindow1=window.open('http://farm4.static.flickr.com/1234/123432432.jpg','MyWindow1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=900,height=850'); return true;">Click for details</a>
Thanks Sandra!
Looking for a way to spice up the look of your store? Give it a slick makeover by choosing from our 24 new default background images. No uploading required – just point and click. Check it out in your headquarters under the “Store” tab.
Check out the Stripe Generator and Tartan Designer. You can create a pretty cool background image, save it, and upload it as your store’s background. Have fun!
Customizing the colors on your store site is one of the easiest ways to make it your own. In the past we have offered pre-defined color schemes, as well as custom CSS, but these were still limiting. Our new color tool allows you to set your own colors for any region of your store design, as well as set your own text colors and font styles, with the ease of point-and-click color selection. You can choose your colors and preview how they will look all within the same page.
Those of you who don’t know CSS or don’t want to mess with it now have an easy way to customize the look of your site. We dare you to make something really crazy looking. Seriously, if you want to, now it’s possible. Look for the new color tool in your store Headquarters on the Store > Colors page.
What people are saying:
“I am totally in love!!!” – Baby Town USA
“Just wanted to say THANK YOU! THANK YOU! THANK YOU! for the new color tool…makes it sooooo much easier for those of us who don’t have time to mess with learning the ins and outs of CSS but want more a more customized look…. we love you too! THANKS AGAIN!” Erin Breland, The Blue Daisy & Co.
I discovered a really fun Web 2.0 logo creator last night. Play around with it for a little while if you want to spice up a simple textual logo.
Check out the her blog too!
This is a detailed guide to all the CSS tags used by Flying Cart.
Div Tags: Layout
The DIV tags are used for page layout. They are on every page of the store unless otherwise noted. You can modify the default CSS to dramatically change your store layout.
div#container
A container surrounding the header content, the department menu, the main content, and the footer of the page.
div#header
Formatting for the header if the logo is being displayed as text.
div#header_with_logo
Formatting for the header if a logo image is used.
div#store_name_with_logo
Formatting for the store name if a logo image is used. (See class .header_text for a store name displayed in text.)
div#top_menu
Formatting for the top menu.
div#wrapper
A container surrounding the department menu.
div#menu
A container surrounding the department menu items.
div#content
A container surrounding the inner content of the page.
div#breadcrumb
Formatting for the breadcrumb navigation links. Located on all pages of the store except the homepage.
div#footer
A container surrounding the footer content.
The heirarchy of DIV tags looks like this:
HTML Tags: Formatting
The following standard HTML tags are used within the store and you may choose to style them.
body, a, table, tr, td, h1, h2, h3, p, form
Class Tags: Boxes, Navigation, Text
These classes are used in the inner content of the store pages.
.header_text
The store name if it is being displayed as text
.small_text
The smallest font option.
.medium_text
A medium size font option.
.menu_item_wrapper, .menu_item
The formatting and layout for department names.
.message, .error
The text and box for successful and error feedback to user actions.
.network_box
The region containing the list of the social network connections. Located on the homepage.
.connection
The region containing each social network connection
.product_box
The region containing each product thumbnail image, title, and price. Located on the homepage for Featured Items and on the Department pages
a .product_title
The link text for the title of a product when it is displayed inside a .product_box.
.product_price
The text for the price of a product when it is displayed inside a .product_box.
.product_title_detail
The text for the price of a product when it is displayed. Located on the product detail page.
.addtocart_box
The region showing the add to cart options. Located on the product detail page.
.addtocart_box_head
The top row of the add to cart options. Located on the product detail page.
.cart_box
The region containing the items in the shopping cart. Located on the Cart page.
.cart_box_head
The top row of the table containing the items in the shopping cart. Located on the Cart page.
.cart_box_item
A single row per item in the shopping cart. Located on the Cart page.
.btn
A standard button. Located on the product detail page, the Cart, the Email-A-Friend page.
.btn_sub
A secondary button. Should be smaller or less prominent than the .btn class. Located on the Cart page.
.btn_pay
The button users click to go to PayPal and pay by credit card. Should be larger or more prominent than the .btn class. Located on the Cart page.
The following screenshots show exactly where the classes are used. Class names are indicated in bold black text.
Screenshot 1
Product detail page
Screenshot 2
Cart page
Table ID Additions – Added June 2008
There are now “id” fields assigned to all of the tables on pages within the stores so you can further customize your layout. Here is a list of all the id names. View the page source code within your store to see what goes where. The names explain themselves.
saleContentTable, saleContentTableRow, saleContentTableCell
productsContentTable, productsContentTableRow, productsContentTableCell
homeContentTable, homeContentTableRow, homeContentTableCell
featuredItemTable, featuredItemTableRow, featuredItemTableCell
networkBoxTable, networkBoxTableRow, networkBoxTableCell
emailAFriendTable, emailAFriendTableRow, emailAFriendTableCell
detailContentTable,detailContentTableRow, detailContentTableCell
detailImageContentTable,detailImageContentTableRow, detailImageContentTableCell
cartContentTable, cartContentTableRow, cartContentTableCell
contactBoxTable, contactBoxTableRow, contactBoxTableCell
You can use our custom CSS feature to create a unique design for your store. This document explains how to install a custom CSS file and how to upload images to use with your CSS.
The Learning Curve
Developing with CSS has a significant learning curve. New users should do some reading and go through an online tutorial before attempting anything. Users with basic
CSS knowledge should experiment with modifying the default CSS provided in the Headquarters. Intermediate and advanced users should be comfortable using our CSS reference to create complex new designs and layouts.
If you are having trouble getting your CSS to look right, there are lots of online reference materials.
Updating a CSS File
Uploading Images to Use with your CSS
You may be interested in using background images, button images, or other types of images with your CSS file. We make it easy and let you host these images on our servers.
All the images that you upload will be accessible in the directory http://yourstorename.flyingcart.com/mytemplates/images, with the original filename of the file that you uploaded. For relative links, you should use mytemplates/images/ as the relative path.
For example, if you have an image called myimage.jpg that you want to set as a background, you would use the following CSS in the body tag: background-image: url(“images/myimage.jpg”).
Tips
Make sure you check your site in different browsers. Some CSS tags look very different in different browsers, and some are not universally supported. Invalid CSS may cause your customers difficulty using the site. We recommend that you check your site in Internet Explorer 6 and 7, Firefox, Safari, and on a Mac and PC to make sure it looks like you expect.