• You are viewing the forum as a Guest, please login (you can use your Facebook, Twitter, Google or Microsoft account to login) or register using this link: Log in or Sign Up
  • You can now follow UKAPS on Instagram.

ATTEMPTING to create a website

nayr88

Member
Joined
4 Feb 2010
Messages
2,101
Hi everyone

I'm on the ponce for help....:)

So I'm creating a website to sell martial arts kimonos and mixed martial arts equipment
As it's going to be fairly small scale, say 15-25 products, I didn't want to all out pay 700quid
To a designer.

So I'm using bigcartel.com. This site allows me a free site with all the tools tro develop it, is basic butbi can upgrade and pay a monthly membership. For now the free stuff is ok.

Problem is I don't get CSS..... So even the basic stuff is giving me a headache.

This is my site so far

www.grapplegeeks.bigcartel.com
I want to add an image on the home page just below the bar at the top with the home button on.

Also once I have them I'd like to have the brands down the side so you can shop by brand but then also be able to acces products by an overall catergory along the top bar.

Example

Nikey
Ardidas
Toyoto

Down the right side.

And where it says home, in that bar I'd like to have

T shirts
Pants
Socks

So that each product can be found in both catergories




Am I talking pissh? Can it be done......how much should it cost


Sorry guys to rant on Im just so freaking lost :(
 

ghostsword

Member
Joined
19 Nov 2009
Messages
3,422
Location
Cape Town, South Africa
Keep it simple. :)

Get a hosting that has wordpress and some sort of cart that takes payments, then use wordpress to do the display of items and the cart to get these payment accepted.

Otherwise, use eBay as the cart, so after displaying on wordpress you will link to eBay to take the payments.


.
 

nayr88

Member
Thread starter
Joined
4 Feb 2010
Messages
2,101
For payment the site sends the payment straight to paypal.

Adding products is pretty easy, I click add product it asks for pictures price of the item sizes and colour available you can also ad stock amount and a description for it.

If I posted the CSS code do would you understand it enough that you could tell me how to get a picture from my email onto the homepage of the site?

Cheers luis
 

GreenNeedle

Member
Joined
19 Jul 2007
Messages
2,727
Location
Lincoln UK
I used Justhost. £42 for 2 years unlimited hosting, including domain reg. Then I used zencart which is free anyway but included in the justhost control panel (is made easier to setup within the panel) for the shop.

Pretty easy to use and set up :)

Andy
 

Brenmuk

Member
Joined
24 Jul 2008
Messages
198
Location
Peterborough
Why not set your self up an ebay shop? A friend at work put together a small website to sell PC modding equipment a few years ago, he only had about 20 products to sell. He then set up an ebay shop and did most of his business through ebay.
 

nayr88

Member
Thread starter
Joined
4 Feb 2010
Messages
2,101
Cheers for the link andy I've had a quick look I'll get stuck into it and see what there all about soon.


The problem with an eBay shop is the supplies arent too interested in opening trade or buisness accounts.
Thanks for the input though
 

dw1305

Expert
UKAPS Team
Joined
7 Apr 2008
Messages
13,818
Location
nr Bath
Hi all,
If you learn some HTML (or XML) it makes life a lot easier. The problem with all the WYSIWYG website editors/creators is they write lots of extraneous crap in HTML. If you write your own web site you can use a text editor and WC3 (or Firefox) to validate it etc.

All these "languages" are mark ups, they just tell the browser how to interpret the ASCII text. This means that you can edit the web site in a text editor like "Notepad".

Having said that the the coding for your web site so far is really clean.

The image you do have:
<img src="http://cache1.bigcartel.com/theme_images/1545051/ugu.png" (alt="grapple greeks")/>
tells you the location of the images. You can put a new image in this location, and link to it in exactly the same way. The image should have an alt command alt="grapple greeks" (only error on the site at the moment)

Your CSS is:
<link href="http://cache0.bigcartel.com/theme_stylesheets/6471573/styles.css" media="screen" rel="Stylesheet" type="text/css" />
This comes in the <head> of the page. All the CSS does is provide the formatting for the pages, instead of using a lot of font commands <h1> <font>, <I> and table commands <td> etc the CSS contains the <div> and <span> commands that set the paragraphs, columns, font etc for the web pages. You can have a variety of different CSS that you can apply, by changing the HTML command that calls the CSS in the page header.

Dependent upon your provider you may be able to use ASP or PHP, which allows you to drive the site from a database. Having a dynamic site which creates the pages when you need them makes things a lot simpler if you have a lot of stock.

cheers Darrel
 

nayr88

Member
Thread starter
Joined
4 Feb 2010
Messages
2,101
Nice one Dale, I think I'll have to re read it a few times for it to properly make sense.

On the admin construction side of the site I can edit the colour fonts ect pretty easy it's just when press edit CSS, where I want to put some dots lines and co
Computer talk to make my picture display where I want it that I loose my head haha

/*------------------------------------------------------------

_______ _______ _ _ __ __
|______ |______ \___/ \_/
______| |______ _/ \_ |

----------------------------------------------------------

Theme: Sexy
Author: Big Cartel
http://bigcartel.com

Big Cartel Stores CSS
Copyright 2008 Big Cartel LLC.
More info at: http://bigcartel.com

------------------------------------------------------------*/



/*============================================================
Base
============================================================*/

* {
margin: 0;
padding: 0;
}

body {
margin: 20px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666;
background: #cfcfcf;
}

ul, ol {
margin-bottom: 1em;
}

li {
list-style: none;
}

h2 {
margin-bottom: 1em;
font-weight: normal;
}

h3 {
margin-bottom: .5em;
font-size: 13px;
font-weight: bold;
}

p {
margin-bottom: 1em;
font-size: 11px;
color: #666;
line-height: 15px;
}

a {
text-decoration: none;
}

a:link, a:visited {
color: #5575DD;
}

a:hover, a:active {
color: #0E1B79;
}

a img {
border: none;
}

img {
-ms-interpolation-mode: bicubic;
}

input,
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666;
}

hr {
margin-bottom: 10px;
height: 1px;
color: #ccc;
background: #ccc;
border: none;
}



/*============================================================
Wrapper
============================================================*/

#wrap {
width: 740px;
margin: 0 auto;
text-align: left;
}



/*============================================================
Header
============================================================*/

#header {
margin-bottom: 5px;
}

#header.image h1 span {
display: none;
}

#header h1 {
font-size: 24px;
font-weight: normal;
line-height: 35px;
}

#header h1 span {
padding: 30px 0 10px;
}


/*============================================================
Main Content Area
============================================================*/

#main {
float: left;
width: 557px;
margin: 0 5px 0 0;
}


/* Title ---------------------------------------------------*/

#main-title {
float: left;
width: 100%;
margin-bottom: 5px;
min-height: 50px;
height: auto !important;
height: 50px;
background: #404040;
}

#main-title h2 {
margin: 16px 0 13px 13px;
font-size: 15px;
font-weight: bold;
color: #CDE2F0;
}


/* Content -------------------------------------------------*/

#main-content {
float: left;
width: 537px;
padding: 10px;
background: #fff;
}

* html #main-content {
width: 557px;
w\idth: 537px;
}



/*============================================================
Navigation
============================================================*/

#navigation {
float: left;
width: 178px;
}

#navigation div.pod {
clear: both;
width: 148px;
margin-bottom: 5px;
padding: 0 15px 12px 15px;
font-size: 10px;
background: #fff;
}

* html #navigation div.pod {
width: 178px;
w\idth: 148px;
}

#navigation div.pod h3 {
display: block;
width: 160px;
margin: 0 -15px 11px -15px;
padding: 4px 9px 6px 9px;
font-size: 9px;
font-weight: normal;
color: #CDE2F0;
background: #404040;
}

* html #navigation div.pod h3 {
width: 178px;
w\idth: 160px;
}

#navigation div.pod ul {
margin-bottom: 3px;
}

#navigation div.pod li {
margin-top: 3px;
padding: 3px 0;
list-style: none;
border-bottom: 1px solid #EFEFEF;
}


/* MiniCart Contents -------------------------------------------*/

#minicart {
float: left;
width: 178px;
min-height: 50px;
height: auto !important;
height: 50px;
margin-bottom: 5px;
background: url({{ 'cart-bkg.gif' | theme_image_url }}) no-repeat bottom left #fff;
}

#minicart h3 {
float: left;
display: block;
width: 160px;
margin: 0;
padding: 4px 9px 6px 9px;
font-size: 9px;
font-weight: normal;
color: #CDE2F0;
background: #404040;
}

* html #minicart h3 {
width: 178px;
w\idth: 160px;
}

#minicart .minicart-contents {
float: right;
display: inline;
margin: -18px 7px 0 0;
font-size: 9px;
color: #CDE2F0;
}

#minicart .minicart-contents li {
float: left;
}

#minicart .minicart-items {
margin-right: 5px;
}

#minicart .minicart-total {
padding-left: 5px;
font-weight: bold;
border-left: 1px solid #CDE2F0;
}

#minicart .minicart-options {
float: right;
display: block;
width: 100%;
margin-top: 5px;
text-align: right;
}

#minicart .minicart-view {
float: left;
display: inline;
margin-left: 37px;
}

#minicart .minicart-view a {
display: block;
width: 66px;
height: 18px;
background: url({{ 'btn-viewcart.gif' | theme_image_url }}) no-repeat;
}

#minicart .minicart-view span {
display: none;
}

#minicart .minicart-checkout {
float: right;
display: inline;
margin-right: 5px;
}

#minicart .minicart-checkout a {
display: block;
width: 66px;
height: 18px;
background: url({{ 'btn-checkout.gif' | theme_image_url }}) no-repeat;
}

#minicart .minicart-checkout span {
display: none;
}


/* Search --------------------------------------------------*/

#search-input {
width: 113px;
height: 12px;
padding: 1px;
font-size: 10px;
vertical-align: middle;
}

#search-submit {
width: 24px;
height: 18px;
margin-left: 3px;
vertical-align: middle;
border: none;
background: url({{ 'btn-go.gif' | theme_image_url }}) no-repeat;
cursor: pointer;
}

#search-submit span {
display: none;
}


/* Artists -------------------------------------------------*/

#artists-select {
width: 148px;
font-size: 10px;
}


/* Big Cartel Badge ----------------------------------------*/

#badge {
float: left;
width: 100%;
}

#badge a {
float: left;
display: block;
width: 79px;
height: 23px;
background: url({{ 'badge.png' | theme_image_url }}) no-repeat !important;
background: url({{ 'badge.gif' | theme_image_url }}) no-repeat;
}

#badge span {
display: none;
}



/*============================================================
Footer
============================================================*/

#footer {
clear: both;
}



/*============================================================
Alerts
============================================================*/

p.alert-noproducts,
p.alert-noitems {
margin: 20px;
}

div#error {
display: block;
margin-bottom: 5px;
border-top: 1px solid #6c1010;
border-bottom: 1px solid #6c1010;
background: #cf3636;
}

div#error h2,
div#error p {
display: none;
}

div#error ul {
margin: 0;
padding: 5px 20px;
font-size: 13px;
color: #fff;
line-height: 25px;
}

div#error li {
margin: 0;
padding: 0 20px;
font-weight: bold;
background: url({{ 'bullet-error.gif' | theme_image_url }}) no-repeat 0 7px;
}

.form-error {
border: 1px solid #cf3636;
}



/*============================================================
Site Link
============================================================*/

#website {
position: absolute;
top: 0;
background: #fff;
}

#website a {
display: block;
padding: 2px 14px 3px 14px;
font-size: 10px;
line-height: 10px;
}



/*************************************************************

Store Pages

*************************************************************/



/*============================================================
Product List
============================================================*/

#products {
float: left;
display: inline;
margin: 2px 4px 4px 4px;
background: url({{ 'bkg-products-col.gif' | theme_image_url }}) repeat-y #e4e4e4;
}

#products div.product {
float: left;
display: inline;
width: 175px;
height: 100%;
border-top: 2px solid #fff;
}

#products div.product p {
margin-bottom: 0;
}

#products .product-img {
display: inline;
float: none;
vertical-align: middle;
}

#products .product-info {
float: left;
width: 157px;
padding: 5px 9px 11px 9px;
border-top: 2px solid #fff;
}

html #products .product-info {
width: 175px;
w\idth: 157px;
}

#products .product-title {
margin-bottom: 3px;
font-size: 11px;
font-weight: bold;
line-height: 13px;
}

#products .product-price {
float: left;
font-size: 10px;
margin-right: 8px;
}

#products .product-status {
font-size: 10px;
font-style: italic;
}

#products .product-a {
float: left;
clear: left;
display: block;
cursor: pointer;
text-align: center;
overflow: hidden;
}

#products .product-a h3,
#products .product-a p {
color: #5575DD;
text-align: left;
}

#products .product-a:hover h3,
#products .product-a:hover p {
color: #0E1B79;
}

#product-1, #product-4, #product-7, #product-10, #product-13, #product-16, #product-19, #product-22, #product-25, #product-28,
#product-31, #product-34, #product-37, #product-40, #product-43, #product-46, #product-49, #product-52, #product-55, #product-58,
#product-61, #product-64, #product-67, #product-70, #product-73, #product-76, #product-79, #product-82, #product-85, #product-88,
#product-91, #product-94, #product-97, #product-100 {
padding-right: 354px;
}

#product-2, #product-5, #product-8, #product-11, #product-14, #product-17, #product-20, #product-23, #product-26, #product-29,
#product-32, #product-35, #product-38, #product-41, #product-44, #product-47, #product-50, #product-53, #product-56, #product-59,
#product-62, #product-65, #product-68, #product-71, #product-74, #product-77, #product-80, #product-83, #product-86, #product-89,
#product-92, #product-95, #product-98 {
margin-left: -352px;
}

#product-3, #product-6, #product-9, #product-12, #product-15, #product-18, #product-21, #product-24, #product-27, #product-30,
#product-33, #product-36, #product-39, #product-42, #product-45, #product-48, #product-51, #product-54, #product-57, #product-60,
#product-63, #product-66, #product-69, #product-72, #product-75, #product-78, #product-81, #product-84, #product-87, #product-90,
#product-93, #product-96, #product-99 {
margin-left: -175px;
}


/* Pagination
------------------------------------------------------------*/

.pagination {
clear: both;
padding: 20px 0 15px 0;
font-weight: normal;
text-align: center;
}

.pagination span,
.pagination a {
padding: 0 3px 0 6px;
}

.pagination span.disabled {
display: none;
}

.pagination span.current {
font-weight: bold
}

.pagination span.yadda {
padding: 5px 4px;
background: none;
}


/* Stilts
------------------------------------------------------------*/

span.stilt {
display:-moz-inline-stack;
display: inline-block;
vertical-align: middle;
}

#product-image {
position: relative;
display: block;
width: 300px;
height: 300px;
text-align: center;
overflow: hidden;
}

#products span.stilt {
height: 175px;
}

#product-image span.stilt {
height: 300px;
}

#product-image img {
vertical-align: middle;
}



/*============================================================
Product Detail
============================================================*/

#product-content {
float: left;
width: 100%;
padding-bottom: 25px;
}

#product-images {
float: left;
width: 300px;
}

a#product-image span.icon_zoom {
display: block;
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
background-image: url({{ 'icon_zoom.png' | theme_image_url }}) !important;
background-image: url({{ 'icon_zoom.gif' | theme_image_url }});
background-repeat: no-repeat;
background-position: -20px;
z-index: 100;
cursor: pointer;
overflow: hidden;
}

a#product-image:hover span.icon_zoom {
background-position: 0;
}

#product-images .product-img {
margin: 0 0 10px 0;
}

#product-images .images-nav {
float: left;
position: relative;
width: 300px;
height: 28px;
margin: 10px 0 0 0;
background: #e4e4e4;
}

#product-images .images-list {
position: absolute;
width: 244px;
top: 0;
left: 28px;
padding: 7px 0 8px 0;
text-align: center;
}

#product-images .images-list li {
display: inline;
padding: 0 5px;
list-style: none;
border-left: 1px solid #666;
}

#product-images .images-list li.image-1 {
border-left: none;
}

#product-images .images-prev {
position: absolute;
top: 0;
left: 0;
padding: 5px;
}

#product-images .images-next {
position: absolute;
top: 0;
right: 0;
padding: 5px;
}

#product-images .images-prev a {
display: block;
width: 18px;
height: 18px;
background: url({{ 'btn-prev.gif' | theme_image_url }}) no-repeat;
}

#product-images .images-next a {
display: block;
width: 18px;
height: 18px;
background: url({{ 'btn-next.gif' | theme_image_url }}) no-repeat;
}

#product-images .images-prev span,
#product-images .images-next span {
display: none;
}

#product-details {
float: left;
width: 215px;
margin-left: 15px;
}

#product-details ul {
margin-left: 17px;
}

#product-details ol {
margin-left: 23px;
}

#product-details li {
font-size: 11px;
line-height: 15px;
list-style: disc;
}

#product-details ol li {
list-style: decimal;
}

#product-details .price {
width: 100%;
margin-bottom: .7em;
padding-bottom: .7em;
font-size: 18px;
font-weight: bold;
color: #666;
border-bottom: 1px solid #ccc;
}

#product-form {
clear: both;
float: left;
width: 100%;
}

#product-details .info,
#product-form .options {
width: 100%;
padding: .3em 0 .3em 0;
border-bottom: 1px solid #ccc;
}

#product-form .options select {
width: 100%;
margin: .8em 0;
}

#product-form .options ul {
margin: .8em 0;
}

#product-form .options li {
list-style: none;
padding: 1px 5px;
}

#product-form .options li input {
text-align: left;
vertical-align: middle;
}

#product-form .options li label {
vertical-align: middle;
font-weight: bold;
}

#product-form .options li.sold label {
font-weight: normal;
color: #999;
}

#product-addtocart {
clear: both;
display: block;
width: 81px;
height: 18px;
margin-top: 15px;
border: none;
background: url({{ 'btn-addtocart.gif' | theme_image_url }}) no-repeat;
cursor: pointer;
}

#product-addtocart span {
display: none;
}

#product-details div.sold h4,
#product-details div.soon h4 {
margin-top: .8em;
font-size: 18px;
font-weight: bold;
}

#product-details div.sold h4 {
color: #cf3636;
}

#inventory {
float: left;
width: 100%;
padding: 10px 0 12px 0;
border-bottom: 1px solid #ccc;
}

#inventory h3 {
font-size: 12px;
margin-bottom: 1em;
}

#inventory ul {
margin: 0;
}

#inventory li {
float: left;
position: relative;
display: block;
width: 100%;
margin-bottom: 3px;
background: #f2f2f2;
list-style: none;
}

#inventory .bar {
display: block;
position: relative;
height: 14px;
background: #dadada;
}

#inventory .bar span {
position: absolute;
left: 5px;
top: 1px;
width: 150px;
height: 12px;
font-size: 10px;
line-height: 12px;
overflow: hidden;
}

#inventory .bar span em {
display: none;
}

#inventory span.sold {
position: absolute;
top: 1px;
right: 5px;
font-size: 10px;
color: #ccc;
line-height: 12px;
}



/*============================================================
Cart
============================================================*/

#cart-content {
float: left;
}

#cart-table {
text-align: left;
border-collapse: collapse;
border-spacing: 0;
}

#cart-table td,
#cart-table th {
text-align: left;
}

#update-btn-head {
display: none;
}


/* Cart Table Columns --------------------------------------*/

#col-item { width: 337px; }
#col-price { width: 65px; }
#col-qty { width: 40px; }
#col-total { width: 65px; }
#col-options { width: 30px; }


/* Cart Table Header ---------------------------------------*/

#cart-head {
font-size: 9px;
color: #fff;
background: #404040;
}

#cart-head th {
padding-top: 11px;
padding-bottom: 11px;
}

#head-item {
padding-left: 10px;
}

#head-options span {
display: none;
}


/* Cart Table Body -----------------------------------------*/

#cart-body {
font-size: 9px;
}

#cart-body th {
padding-left: 10px;
font-weight: normal;
}

#cart-body td {
padding: 9px 12px 9px 0;
}

#cart-body tr.row-alt th,
#cart-body tr.row-alt td {
background: #f0f0f0;
}

#cart-body .item-price {
padding-right: 5px;
}

#cart-body .item-qty input {
width: 2em;
}

#cart-body .item-total {
font-weight: bold;
}

#cart-body .item-options {
text-align: center;
}

#cart-body .item-options .remove-btn {
width: 13px;
height: 13px;
background: url({{ 'btn-delete.gif' | theme_image_url }}) no-repeat;
border: none;
cursor: pointer;
display: block;
}

#cart-body .item-options span {
display: none;
}


/* Cart Footer ---------------------------------------------*/

#cart-footer {
margin: 10px 0;
}

#cart-footer .cart-update {
padding: 10px 0;
text-align: right;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#cart-footer .update-btn {
width: 85px;
height: 18px;
border: none;
background: url({{ 'btn-update.gif' | theme_image_url }}) no-repeat;
cursor: pointer;
}

#cart-footer .cart-shipping {
float: left;
display: inline;
margin: -31px 0 0 11px;
}

#cart-footer #country {
width: 160px;
margin-left: 5px;
padding: 2px 0;
font-size: 11px;
}

#cart-footer .cart-discount {
padding: 10px 0;
border-bottom: 1px solid #ddd;
text-align: right;
}

#cart-footer #cart_discount_code {
width: 80px;
margin-left: 10px;
}

#cart-footer .cart-discount p {
margin: 1px 0;
}

#cart-footer .cart-total {
padding: 15px 0;
text-align: right;
border-bottom: 1px solid #ddd;
}

#cart-footer .cart-total h3 {
font-size: 16px;
margin: 0;
}

#cart-footer .cart-total p {
margin-bottom: 0;
font-size: 9px;
color: #999;
}

#cart-footer .cart-total #cart-shipping-tax p {
margin-bottom: 7px;
font-size: 11px;
color: #666;
}

#cart-footer .cart-options {
float: right;
margin-top: 10px;
}

#cart-footer .cart-checkout {
float: left;
}

#cart-footer .checkout-btn {
width: 66px;
height: 18px;
margin-left: 8px;
background: url({{ 'btn-checkout.gif' | theme_image_url }}) no-repeat;
border: none;
cursor: pointer;
}

#cart-footer .update-btn span,
#cart-footer .checkout-btn span {
display: none;
}

span.total-discount,
span.total-shipping {
font-weight: bold;
}



/*============================================================
FAQ
============================================================*/

#faq-content {
padding: 15px 25px;
}

#faq-content .faq-list dt {
margin-bottom: .5em;
font-size: 13px;
font-weight: bold;
color: #666;
}

#faq-content .faq-list dd {
margin-bottom: 2.3em;
}



/*============================================================
Contact
============================================================*/

#contact-content {
padding: 15px 25px;
}

#contact-form {
width: 425px;
padding: 15px 0;
}

#contact-form label {
float: left;
width: 85px;
padding: 2px 0;
font-size: 10px;
font-weight: bold;
text-align: right;
color: #666;
}

#contact-form input,
#contact-form textarea {
float: left;
width: 250px;
margin: 0 25px 8px 10px;
vertical-align: bottom;
}

#contact-form textarea {
width: 300px;
height: 150px;
}

#contact-form p,
#captcha-div {
float: left;
display: inline;
width: 330px;
margin: 0 -3px 10px 95px; /* -3px fixes ie6 duplicate chars */
}

#contact-form p {
margin-bottom: 25px;
}

#contact-submit {
clear: both;
display: block;
width: 42px;
height: 18px;
margin: 0 0 0 95px;
border: none;
background: url({{ 'btn-send.gif' | theme_image_url }}) no-repeat;
cursor: pointer;
}

#contact-submit span {
display: none;
}



/*============================================================
Success
============================================================*/

body.success #main-content h2 {
padding: 20px 20px 0 20px;
font-size: 17px;
}

body.success #main-content p {
padding: 0 20px 20px 20px;
}



/*============================================================
Custom Pages
============================================================*/

#faq-content {
padding: 0;
}

body.custom #main-content {
width: 507px;
padding: 20px 25px;
}

body.custom #main-content strong {
font-weight: bold;
}

body.custom #main-content em {
font-style: italic;
}

body.custom #main-content code,
body.custom #main-content pre {
white-space: pre;
}

body.custom #main-content h2,
body.custom #main-content h3,
body.custom #main-content h4 {
margin-top: 15px;
margin-bottom: 15px;
}

body.custom #main-content ul,
body.custom #main-content ol,
body.custom #main-content blockquote {
padding: 0 50px;
}

body.custom #main-content ul li {
line-height: 15px;
list-style: disc;
}

body.custom #main-content ol li {
line-height: 15px;
list-style: decimal;
}

body.custom #main-content blockquote {
margin-bottom: 1em;
font-style: italic;
}

body.custom #main-content dt {
margin-bottom: .5em;
font-size: 13px;
font-weight: bold;
}

body.custom #main-content dd {
margin-bottom: 2.3em;
line-height: 15px;
}




/*============================================================
Basic Styles - used for the simple controls.
============================================================*/

/* Font */
*
{font-family: {{ font }};}


/* Background */
body
{background-color: {{ background }};}


/* Text */
body,
p,
input,
textarea,
#product-details .price,
#faq-content .faq-list dt,
#contact-form label,
#cart-footer .cart-total #cart-shipping-tax p
{color: {{ text }};}


/* Links */
a:link,
a:visited,
#products .product-a h3,
#products .product-a p
{color: {{ links }};}


/* Links rollover */
a:hover,
a:active,
#products .product-a:hover h3,
#products .product-a:hover p
{color: {{ links_rollover }};}


/* Header background */
#main-title,
#navigation div.pod h3,
#minicart h3,
#cart-head
{background-color: {{ header_background }};}


/* Header text */
#main-title h2,
#navigation div.pod h3,
#minicart h3,
#minicart .minicart-contents,
#cart-head
{color: {{ header_text }};}

#minicart .minicart-total
{border-left-color: {{ header_text }};}


/* Sidebar links */
#navigation div.pod a
{color: {{ sidebar_links }};}


/* Sidebar rollovers */
#navigation div.pod a:hover
{color: {{ sidebar_rollovers }};}


/* Products background */
#products,
#products .product-pic,
#product-images .images-nav
{background-color: {{ products_background }};}



/*============================================================
Custom Styles - add and override styles below.
============================================================*/
 

GreenNeedle

Member
Joined
19 Jul 2007
Messages
2,727
Location
Lincoln UK
dw1305 said:
Hi all,
If you learn some HTML (or XML) it makes life a lot easier. The problem with all the WYSIWYG website editors/creators is they write lots of extraneous crap in HTML. If you write your own web site you can use a text editor and WC3 (or Firefox) to validate it etc.

Lol. I used Dreamweaver 4. I have absolutely no knowledge of html or css but I can drag, drop and select different colours :)

Andy
 

nayr88

Member
Thread starter
Joined
4 Feb 2010
Messages
2,101
Was that abit much of a post? Ill make a donation the forum for sure for letting mr use there site as a help point lol
 

dw1305

Expert
UKAPS Team
Joined
7 Apr 2008
Messages
13,818
Location
nr Bath
Hi all,
"DreamWeaver" is fine, but "Expression Web" is horrible. You can use something like the open source "KompoZer" or "eXe" (from the Sourceforge).

You can actually edit the CSS in exactly the same way in a text editor. If you save the site locally to your PC, as you change the CSS you can see the effect it will have on the web pages. If you look at the CSS and the HTML you can find where you are, if the source says "<div id="main-content">" you are in "main content" and you can have a look on the CSS to see the settings. If you just want to add "SEXY" you can do this as either an image or as typed ASCII text straight on to the HTML, you don't need to touch the CSS.

cheers Darrel
 

Sentral

Member
Joined
28 Jun 2011
Messages
284
Location
London
I'm using prestashop, it's pretty good! You do need to know CSS if you want to theme it though
 

LondonDragon

Administrator
UKAPS Team
Joined
21 Feb 2008
Messages
11,867
Location
London
Sentral said:
I'm using prestashop, it's pretty good! You do need to know CSS if you want to theme it though
Just install Firefox and install a plugin called Firebug, when you select an area on the page you are on, it will pin point where in the CSS/html file the settings come from, it has helped me in the past.
 

martin-green

Member
Joined
8 Aug 2011
Messages
243
HI, my 2p worth.(From experience)
I would not use a "free production site" as often they have limitations that are not obvious when you first start a website, its similar with a pay for it site, that has templates. When you want to start editing the stuff for search engines, you find you do not have access to it, but if its your own site, you have access to everything.
If you buy the domain name from an independent hosting company the good ones will include a couple of email addresses, so that your email will end in the same name as your company name.
eg nayr88@awebsite.com sounds and looks better than say nayr88@hotmail.com (When everyone knows hotmail is a free email account)

Regretfully I can't recommend a webhost, I am just saying the "free ones" and ones with templates are not as good as they first seem.

Good luck.
 

nayr88

Member
Thread starter
Joined
4 Feb 2010
Messages
2,101
Your 2p worth is very welcome


I'm looking to buy the domain name from godaddy.com
They do offer email addresses, but I'm already set up and all suppliers contact me via my @live.co.uk address
Go daddy offers some search engine booster for 15quid a year(or close to that £)

How would I get my account visible on google with a free website? Would I have to pay google? How does this process of bein high on the google list work?

Thanks for all the help so far.
 

martin-green

Member
Joined
8 Aug 2011
Messages
243
Go daddy is not my first choice (or 2nd, 3rd or 4th) but it's up to you, I would get a few more opinions first.
email address change is no problem, you email the suppliers from you old email address, telling them what the new address is. (I have never had a problem doing that)

The "problem" with free web hosting is, as I mentioned you can't access all the HTML, this is fine for folk who want a website "because they can" but if you want it to get high in google, you need to be able to access the HTML on all pages.

Alternatively you can send me £1,000 and I will g'tee you a place in the top rankings in google, you will also receive a free bottle of snake oil. :lol:

Google have a page that lets you submit your own website to their search engine for absolutely nothing. :thumbup:
But it also says it makes no g'tee if or when you will appear in their rankings.

Google use "spiders" to crawl the web looking for information, this information has to be in the HTML of your website, its called "key words" you yourself choose them (or pay some one else to choose them, NOT ME)

I wish you luck. :wave:
 

Sentral

Member
Joined
28 Jun 2011
Messages
284
Location
London
One.com is really good value for money, and you get any domain name you want. Also comes with email. My friends and I have been using these for the past few years with no problems.

SEO is a tricky business, big companies just pay someone to do it for them, but if you know the tricks you can save yourself a fortune!

LondonDragon said:
Sentral said:
I'm using prestashop, it's pretty good! You do need to know CSS if you want to theme it though
Just install Firefox and install a plugin called Firebug, when you select an area on the page you are on, it will pin point where in the CSS/html file the settings come from, it has helped me in the past.
I just use the developer functions in chrome :)
 

nayr88

Member
Thread starter
Joined
4 Feb 2010
Messages
2,101
Cheers guys

I'm thinking of getting the domain name from godaddy, bigcartel have said they can set it so if someone types in my godaddy domain http://www.forexample.co.uk would then take you straight to http://www.forexample.bigcartel.com

This is easy as godaddy say for exta £15 they do there seo thing
And as I have an upgraded account on bigcartel they also do some seo skull duggery
Apparently

At the moment Im usig sites like mine thy are on a huge scale to supply me at a discount. So not much profit, but I now have accounts with the big guys that supply the big sites. Problem is they all want a 1st order minimum of €1000
So will havero deal with small profit then safe t all up and do. Big order.
 
Top