× Post a link to your DecoNetwork website for feedback and review from the community and other DecoNetwork site owners.

my website

5 years 4 months ago #45 by subprinting
Hi Guys

I will get the ball rolling. This is one of my sites

I went for a clean look, using the new popup designer

www.stubbycoolersaustralia.com.au/

please let me know what you think.

Please Log in or Create an account to join the conversation.

5 years 4 months ago #61 by brenden
Hi there,

Great looking site! Very clean indeed.

I'm a clickaholic so the first thing I tried to do was click on your blue writing "Stubby Coolers, TShirt Printing" and "Coffee Mugs". Be great if they linked directly so your Create page for these. i.e. Stubbies got to www.stubbycoolersaustralia.com.au/blank/Stubby_Coolers?c=27388 .


I really like how you made the blue Create buttons. Great call to actions and very clear.

Small error: Your logo is linked to www.stubbycoolersaustralia.com.au/blank/index.html instead of /home

Looking great!

Cheers,

Senior Product Manager
Wilcom - Sydney, Australia



Please Log in or Create an account to join the conversation.

5 years 4 months ago #67 by subprinting
Thanks Brenden


links are a good idea i think i will add them - logo link now fixed :)


here is the css code for the create button if anyone else wants to use it
li.det_price a {
background-color: #0287C5;
background: url('/uploads/your-directory/File/b-small.jpg') repeat-x; 
border-radius: 5px;
border: 1px solid #0287C5;
color: white;
font-size: 13px;
font-weight: bold;
text-decoration: none;
width: 100%;
line-height: 24px;
padding: 3px 9px;
}

save the b-small.jpg attachment and upload to your upload directory make sure to change the your-directory location

background: url('/uploads/your-directory/File/b-small.jpg') repeat-x;
Attachments:

Please Log in or Create an account to join the conversation.

5 years 4 months ago #68 by brenden
Wow thanks for sharing!

You could also look at replacing the bitmap image with pure CSS using the following:
background: #7acce4; /* Old browsers */
background: -moz-linear-gradient(top,  #7acce4 0%, #7acce4 50%, #1799cd 50%, #2989d8 100%, #1799cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7acce4), color-stop(50%,#7acce4), color-stop(50%,#1799cd), color-stop(100%,#2989d8), color-stop(100%,#1799cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7acce4', endColorstr='#1799cd',GradientType=0 ); /* IE6-9 */

Acquired from www.colorzilla.com/gradient-editor . A fav website of mine!


So total code would be:


li.det_price a {
background: #7acce4; /* Old browsers */
background: -moz-linear-gradient(top,  #7acce4 0%, #7acce4 50%, #1799cd 50%, #2989d8 100%, #1799cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7acce4), color-stop(50%,#7acce4), color-stop(50%,#1799cd), color-stop(100%,#2989d8), color-stop(100%,#1799cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#2989d8 100%,#1799cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7acce4', endColorstr='#1799cd',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
border: 1px solid #0287C5;
color: white;
font-size: 13px;
font-weight: bold;
text-decoration: none;
width: 100%;
line-height: 24px;
padding: 3px 9px;
}

Thanks again!

Cheers,

Senior Product Manager
Wilcom - Sydney, Australia



The following user(s) said Thank You: subprinting

Please Log in or Create an account to join the conversation.

5 years 4 months ago #69 by subprinting
Hi

I tried the new code looks great in Chrome but in IE9 gradient is missing issue with DXImageTransform
Attachments:

Please Log in or Create an account to join the conversation.

5 years 4 months ago #71 by brenden
Ahh yes! My apologies on BEHALF of IE9! Drives you crazy sometimes :)

IE9 needs an SVG replacement so use:
background: #7acce4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhY2NlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdhY2NlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE3OTljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzk5Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7acce4 0%, #7acce4 50%, #1799cd 50%, #1799cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7acce4), color-stop(50%,#7acce4), color-stop(50%,#1799cd), color-stop(100%,#1799cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7acce4', endColorstr='#1799cd',GradientType=0 ); /* IE6-8 */

Cheers,

Senior Product Manager
Wilcom - Sydney, Australia



The following user(s) said Thank You: subprinting

Please Log in or Create an account to join the conversation.

5 years 4 months ago #73 by subprinting
thanks works great!

full code
li.det_price a {
background: #7acce4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhY2NlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdhY2NlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE3OTljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzk5Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7acce4 0%, #7acce4 50%, #1799cd 50%, #1799cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7acce4), color-stop(50%,#7acce4), color-stop(50%,#1799cd), color-stop(100%,#1799cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7acce4 0%,#7acce4 50%,#1799cd 50%,#1799cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7acce4', endColorstr='#1799cd',GradientType=0 ); /* IE6-8 */
border-radius: 5px;
border: 1px solid #0287C5;
color: white;
font-size: 13px;
font-weight: bold;
text-decoration: none;
width: 100%;
line-height: 24px;
padding: 3px 9px;
}
The following user(s) said Thank You: brenden

Please Log in or Create an account to join the conversation.

5 years 4 months ago #107 by StitchPrint
Nice skin! Has a fresh look, I think I'll have a new one!

Please Log in or Create an account to join the conversation.

5 years 4 months ago #113 by subprinting
thanks stitchprint

If you want something different then the deco templates. check out themeforest.net/ which has some nice and affordable html templates that can be easily worked with and made to suit the decostore




Cheers
Brad

Please Log in or Create an account to join the conversation.

5 years 3 months ago #204 by StitchPrint
I've decided to go for the "decocoach" re-skin option as I really want to tie it in better to our market focus - it's going to take a couple of weeks but really looking forward to seeing how it comes together

Please Log in or Create an account to join the conversation.

3 years 6 months ago #9810 by CustomDirect
themeforest.net looks interesting...... If I choose HTML will all themes work with Deconetwork?

Please Log in or Create an account to join the conversation.

3 years 4 months ago #10312 by kellykevin
Thanks a lot for sharing this thread

Please Log in or Create an account to join the conversation.

Time to create page: 0.186 seconds
Powered by Kunena Forum

Latest from our blog

DecoNetwork 8 - Update 3: GDPR Compliance (+56 tasks completed)

DecoNetwork 8 - Update 3: GDPR Compliance (+56 tasks completed) In this release, DecoNetwork updated its Privacy Policy and Terms of Use, effective May 23, 2018. These changes were made primarily in preparation...Read More

This Week in Catalog - May 18, 2018

This Week in Catalog - May 18, 2018 I have two big announcements to make in regards to the DecoNetwork catalogs. We read and listen to your complaints and suggestions. Recently, I...Read More

DecoNetwork 8 - Available Now!

DecoNetwork 8 - Available Now! After an incredible amount of work in design, development, and testing, DecoNetwork 8 is here! With version 8, we recommitted ourselves...Read More

This Week in Catalog: May 11, 2018

This Week in Catalog: May 11, 2018 Lately, we've been getting a lot of new products in each week. More than is typical. All those new products (mostly in the S&S Activewear...Read More

DecoNetwork 8 - Update 2 now available: SEO Improvements and more (+75 tasks implemented)

DecoNetwork 8 - Update 2 now available: SEO Improvements and more (+75  tasks implemented) DecoNetwork 8 was released just ten days ago, but we have already a second update (8.002) available for you with many improvements and fixes...Read More