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

my website

5 years 8 months ago #45 by subprinting
my website was created 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 8 months ago #61 by brenden
Replied by brenden on topic my website
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

File Attachment:


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

5 years 8 months ago #67 by subprinting
Replied by subprinting on topic my website
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 8 months ago #68 by brenden
Replied by brenden on topic my website
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

File Attachment:


The following user(s) said Thank You: subprinting

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

5 years 8 months ago #69 by subprinting
Replied by subprinting on topic my website
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 8 months ago #71 by brenden
Replied by brenden on topic my website
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

File Attachment:


The following user(s) said Thank You: subprinting

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

5 years 8 months ago #73 by subprinting
Replied by subprinting on topic my website
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 8 months ago #107 by StitchPrint
Replied by StitchPrint on topic my website
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 8 months ago #113 by subprinting
Replied by subprinting on topic my website
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 7 months ago #204 by StitchPrint
Replied by StitchPrint on topic my website
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 10 months ago #9810 by CustomDirect
Replied by CustomDirect on topic my website
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 8 months ago #10312 by kellykevin
Replied by kellykevin on topic my website
Thanks a lot for sharing this thread

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

Time to create page: 0.129 seconds
Powered by Kunena Forum