Create your own snippets and share...

User 103173 Photo


VP of Software Development
0 posts

As you know, we are just about to release the new version of the HTML Editor, and it's packed with loads of new features. For more information, see http://www.coffeecup.com/forums/html-ed … ml-editor/ .

We want to see some of the amazing new things you can do with the new version of the Editor. The program currently comes with a small selection of predefined code snippets, but we're looking to expand this list to include many more. Have you created a handy-dandy snippet that would make any designer's life easier? If so, share it with the world and show everyone how über-cool you really are. If we like it, we may just include it in the final release of the software.

Of course it goes without saying that all code in the snippets must fully validate, so watch those apostrophes and quotation marks ;)

Here's what you gotta do:

1) Create your snippet in the Editor, highlight it, and then save it by going to File > Save Selected Text as Snippet.

2) Go to C:\Program Files\CoffeeCup Software\Snippets , locate the .snp file, and attach it to your post with a brief description about what your snippet does. (Don't paste in the code in the forum, 'cause it won't work — you have to attach the file to the message.)

The person who makes the most useful code snippet will receive three complimentary copies of any CoffeeCup product — software, themes, modules, graphics, whatever! You'll also receive two official CoffeeCup Swiss Army knives and a flag from our soon-to-be launched swag store. How cool is that? :)

Our über-cool CoffeeCup knives: http://www.coffeecup.com/files/forums/coffeecup-knives.png

Our official CoffeeCup flag: size: 200 x 300cm or 6.5 x 9.8 feet
http://www.coffeecup.com/files/forums/coffeecup-flag.png

Let the coding begin! :)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 6573 Photo


Ambassador
2,649 posts

Pay Pal Basic Shopping Cart Button

Just look for the ***ALL CAPS WORDS*** and replace with your information. It is a basic 740 width wide table with photo and description and add to cart button.
Attachments:

User 130978 Photo


Ambassador
3,025 posts

Here's a must-have for your php page footers. Add this copyright tag to any page with a php extension and on January 1st, you'll have one more thing to celebrate when your site automatically updates!
User 6573 Photo


Ambassador
2,649 posts

Pay Pal Basic Shopping Cart Button with 1 Option

Just look for the ***ALL CAPS WORDS*** and replace with your information. It is a basic 740 width wide table with photo and description and add to cart button.

Allows you to enter one option
Attachments:

User 130978 Photo


Ambassador
3,025 posts

Ever need a drop down list for dollar amounts for your forms, but just did not want to type them all out? Here is a simple php select drop down list you can modify to fit in your forms. Naturally pages, must have a .php extension.

IMPORTANT: set the $max variable to the highest amount you want repeated. I have it set for 200 Do not delete the max or you could create a never ending loop...not a fun thing...

This was originally created for a gift certificate form
Attachments:
User 130978 Photo


Ambassador
3,025 posts

Here's a quick and easy iFrame. There is already a frame snippet inlcuded with the editor, but this is a simpler, as-needed type of frame, called an iframe. While frames - of any kind - hide their contents from the search engines, there are occasions when a good iframe is just the tool you need for some added functionality on a page!

Naturally, rename the content I have in upper case with the appropriate names. It is good practice to give your iframe an id...especially if there is more than one iframe on a page. Remember, never use iframes for anything you want search engines to see...

Attachments:
User 184085 Photo


Ambassador
1,707 posts

this snippet adds the following:
Meta to force IE8 into IE7 mode (for compatibility issues)
Meta names for Keywords, Description, Author, Revision, and UTF-8
Title tags
Link to style sheets for screen, projector, print, and conditionally a css link for Internet Explorer

all wrapped in <head></head> tags
Attachments:
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 148353 Photo


Ambassador
808 posts

A fix for IE to stop those annoying ActiveX popups. Place the first in the head of your page. Place your <object> in between the second.
Attachments:
"Time heals everything. Know who said that? My Latin teacher at barber college!"
- Floyd Lawson

Widoktadwat - "Plays Well With Others"

User 184085 Photo


Ambassador
1,707 posts

So Scott, who snagged the swag??? :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 103173 Photo


VP of Software Development
0 posts

david wilson wrote:
So Scott, who snagged the swag??? :)


Still too early to tell as we just began announcing the editor to our users. I will probably will let this run for a good month or so to give people time to check it out.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.