Heart Like Button Css

How to Use the ePanel to Add CSS. master in a sample ASP. To achieve the best performance when using :input to select elements, first select the elements using a pure CSS selector, then use. In this tutorial we'll create basic styles for and elements, and a custom. According to a report by the Telegraph, Twitter CEO Jack Dorsey told employees at an in-house event last week that he “was not a fan of the heart-shaped button” and that the social service. Add Facebook Like or Share Button in Weebly Site Updated on May 9, 2017 Posted by Editorial Staff Website Building , Weebly 1 Comment Facebook like button allows the users to share your content with their friends network in a single click. But no one’s going to share your content if it’s a chore to do so. To center-align the buttons, try adding the following CSS code to your "Additional CSS" box in Settings > AddToAny. This page shows how to make HTML button links with onclick and href using the. Design and Code an Integrated Facebook App: PHP + jQuery Welcome back! In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. This is a foolproof way of using an CSS to replace a form submit button with an image and which works in any browser and platform. Allows to add Open Graph meta tags to posts and pages. Add social-buttons-3. Here we show you how. Can you advise what to put in the header of a Report Datapage to hide the search button? The first part of your code didn't work when i applied it to the Report Datapage, wishful thinking, but the 2nd part that goes into the HTML block worked great!. This is a piece of cake. "We want to make Twitter easier and more rewarding to use, and we know that at. com - I'm so freakin UNIQUE. Like a big bad wolf I'm born to be bad and bad to the bone If you fall for me I'm only gonna tear you apart Told ya from the start. Thus, it is important to keep in mind a few things before you start styling buttons. Designed to demonstrate the uses of CSS3 animations, Button. Example of some simple custom checkboxes and radio buttons made with pure CSS. The latest Tweets from Web Buttons (@WebButtons). Can anybody help me with a means to style a standard control with css to look like a metro live tile. This will take you to the Theme Options section of the ePanel, where the aforementioned Custom CSS box lays. Feel free to use whatever icons you want. NET MVC application. This week, Twitter tried increasing its emotional pull by ditching its star button in exchange for a heart, prompting users to "like" a post instead of the old "favorite" option. 18 December 2008 John. The most common use of buttons on web sites these. To like a tweet, make sure you are logged into Twitter, then click or tap the new heart button, and it will turn red, confirming that you've liked the tweet. The Pinterest Save button lets you save any idea you find around the web so you can easily get back to it later. When it was Cox’s turn, he dropped a bomb: They needed to do something about the “like” button. Go to the Manage Buttons menu and get the shortcode for the button you just created. The only option offered on the right hand side of the chatbar is sending a photofile, whereas my other accounts still have that heart next to it. Change Radio button and checkbox background using plain CSS. NET MVC application. How to Build a Simple Button with CSS Image Sprites The button is one of the most common elements in the world of the web. Please help me, thank you. Loading Unsubscribe from hunXai? Google-like BUTTON RIPPLE EFFECT in Pure CSS & JavaScript Tutorial - Duration: 8:27. For example, you can change the Like button to a Recommend button, display the number of shares above the button, target a specific URL to share, and much more. The page is part of a sandbox solution so I couldn’t do the work server side, and because the page was a one-off in a library I didn’t want to use a HideCustomAction. Although any tag can be used for a button, it will only be keyboard focusable if you use a tag or you add the property tabindex="0". The button has a "control tip text" property (on the OTHER tab) where you can add the bubble comments. How To Create JavaScript Like Button hunXai. If you use any of the images provided on this site, make sure to put a link back to FreeButtons. Also I tend to use the heart/like button in groups as well as private chats. Whatever the future of Twitter’s “like” button may be, as a scholar of social media and religion I’d argue that the cute little heart-shaped button on Twitter and Facebook is far more. Note that you’re unable to choose the thumbnail image or edit the title or description. CSS Tutorial > CSS Div and CSS Span Div. Thus, it is important to keep in mind a few things before you start styling buttons. Some Photoshop buttons skinned like iphone interface, in 5 diffenrent kind (default Blue, Notes brown, Black, Sturbucks and Pennies). The most important Social Plug-in, and the one we'll no doubt see the most use of, is the Like button. To add the buttons, you need to edit your Tumblr theme. In the CSS, we are going to first define the class button-3d which will give button the 3D look. How to Add a Follow Button to Your Facebook Page If you had previously turned off the capability for your Facebook Timeline to be found via search engines like. Trevor Sutton The number of ‘likes’ on a post can generate feelings of. The flexibility ; The clickability. To get your button on your site we are going to upload the social media icon image to your theme. Adjust any single aspect of the Like Button to best suit your needs. Checkboxes are great. Styling checkboxes and radio buttons using CSS The styling of checkboxes and radio buttons became possible with the introduction of the :checked pseudo-class in CSS3. This can be remedied by setting the overflow property to a value other than hidden , such as visible , scroll , or auto. These are small things that add up quite fast and make it annoying to write vanilla CSS. I mainly used box-shadow to create the effects, but I also incorporated effects like letter-spacing and border-radius to give more dynamic contrast in the animations. Icon fonts got pummeled in a cage match with inline SVG, but they still do the trick here. I mean your link will look like a button. That's it!. Link-based buttons aren't part of the button plugin and only just use the underlying buttonMarkup plugin to generate the button styles so the form button methods (enable, disable, refresh) aren't supported. Facebook to add happiness, love and anger buttons as alternatives to ‘like’ Social network's new 'Reactions' feature, which comes after suggestions it would release a 'dislike' button, will. If you followed along, this is what your button sprite should look like. less into your bootstrap. NET MVC application. To add buttons to the "HTML" editor as well you must use the Quicktags API. The Studder buttons play the sound 5 times quickly at the same volume. I’ve played with this method before, and it has little relation to CSS Sprites. These buttons offer a Bootstrap alternative between the gradient-opinionated 2. Now let’s do the HTML and CSS to get your button working. (See data point #1 and #2) You should definitely limit the networks you include when using social media buttons. While the heart-shaped button is seemingly only for expressing appreciation for the content of a social media post, researchers have determined that people use. The JavaFX Button control is represented by the class javafx. " HTML doesn't have the terminology to make those kinds of layout decisions—all it can say is, "that's a heading and that's a sidebar. Toggle between a like/dislike button with CSS and JavaScript. Heart Button Snippet. How To Create JavaScript Like Button hunXai. Sometimes the best method is to play around with different styles and values until you get the look you want. To get your button on your site we are going to upload the social media icon image to your theme. Pandahall provides cheap buttons, like sewing buttons, craft buttons for craft lovers. You don't need to develop the like and dislike button script by yourself - just copy the like button code and paste it into your website HTML code. radio-toolbar input[type="radio"]:checked + label { background-color:#bfb; border-color: #4c4; } For accessibility reasons, we'd also like to change the appearance when a button has focus. If you try to style a select box you can do that with normal css but you can't style that dropdown arrow like we did for our radio button and checkbox because pseudo element doesn't work with select element. Note: Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. Finally, add some CSS code for that class. The “like" button is one example. Combine them with the right CSS and you can pull off some really neat tricks. button: Defines a button-like input. Stop the heart animation when clicking the like button. Styling checkboxes and radio buttons using CSS The styling of checkboxes and radio buttons became possible with the introduction of the :checked pseudo-class in CSS3. These only work in chrome, but fallback to the native ones in other browsers. CSS Rounded Corners CSS Border Images CSS Backgrounds CSS Colors CSS Gradients CSS Shadows CSS Text Effects CSS Web Fonts CSS 2D Transforms CSS 3D Transforms CSS Transitions CSS Animations CSS Tooltips CSS Style Images CSS object-fit CSS Buttons CSS Pagination CSS Multiple Columns CSS User Interface CSS Variables CSS Box Sizing CSS Flexbox CSS. It’s kind of flat and boring. Select the button typer you would like to add. Revolution Slider Method 1. A wooden heart shaped plaque is painted in a pretty pale mushroom colour which is the perfect neutral colour to fit into any room scheme. Most of the important pitfalls are mentioned in the documentation, but still some Bootstrap mistakes are pretty subtle, or have ambiguous causes. Reference codes from jd-alexander and 吉原拉面 ,thank them for open source code. Design and Code an Integrated Facebook App: PHP + jQuery Welcome back! In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. The newest mode of engagement on Twitter is a bit less versatile, a bit less powerful, a bit more compressed. Vanilla CSS is missing some functionality that would make maintenance work easier. checkbox: Defines a checkbox, which the user can toggle on or off. Each button has its own unique effect applied to it. Android Button Maker is online tool to generate buttons code for Android Apps. Like Moments, its big bet on casual. It is easy to modify in HTML editors such as Notepad or Dreamweaver to put your own content text and images. (See data point #3) Facebook and Twitter will provide the most shares, but make this decision based on your individual audience. It would also be nice to be able to forget about browser specific prefixes. Change Radio button and checkbox background using plain CSS. Select the button typer you would like to add. These buttons size to their content (just like ). And you will need to edit the CSS to style your button differently. I want to use CSS styling to make the LinkButton look like regular Button. To add the buttons, you need to edit your Tumblr theme. Steps to move the Submit button. The flexibility ; The clickability. Most things in CSS can be redefined. The above image pretty much tells what we want to achieve. This is a foolproof way of using an CSS to replace a form submit button with an image and which works in any browser and platform. This article is talking about how to format a cell to look like a 3D button in Excel. Figuring out this stuff is hard and it takes an astoundingly inordinate amount of work to get it. Although any tag can be used for a button, it will only be keyboard focusable if you use a tag or you add the property tabindex="0". It is best to have a fixed width, like 60% or 550px, etc. css and include in your project. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. Simple CSS for buttons. “The heart, in contrast, is a universal symbol that resonates across languages, cultures and time zones. Glen Maddern is an independent web developer from Melbourne, Australia. Like/Favorite Buttons. file: Defines a file upload box with a browse button. He would always like to come up with one CSS style that can be used across all the buttons. Font Awesome (www. To get started click the paint can icon next to the notification button in the top right. How To Disable Checkbox/Radio Button If this is your first visit, be sure to check out the FAQ by clicking the link above. After a bit of playing, I got it working in a clean, easy to use style. Now click on HTML Snipped 1, paste your Facebook Like button code like shown below and click Hide & Save. You don't need to develop the like and dislike button script by yourself - just copy the like button code and paste it into your website HTML code. Android Button Maker is online tool to generate buttons code for Android Apps. Before you attempt to move the position of the Submit button, make sure you're familiar with creating custom CSS files in Wufoo - you'll need to create one and attach it to your theme. To add buttons to the "HTML" editor as well you must use the Quicktags API. You can use the as prop to render whatever your heart desires. So I was a little bored and decided to play around with Javascript. A common use-case for custom TinyMCE plugins is the need for buttons that generate custom styles used in a site's theme, beyond the default HTML tags like Blockquote and Strong. ActionLink, so I thought of writing a post to demonstrate how to do so. Buttons have become an inevitable part of front end development. Research is published across all study phases and designs, from protocols to phase I trials to meta-analyses, including small or specialist studies. You'll find a variety of CSS effects like hover buttons, hover images, CSS box shadows, etc. Using Facebook Like button, you can allow users to Like and share your content on Facebook. Vertical alignment (for one line of text) You will use this in a CSS navigation menu, I can almost guarantee that. Another circle…. I’ve overridden the click behavior of all three so they do the same thing. So I was a little bored and decided to play around with Javascript. Head over to your WordPress Dashboard and click on the Divi tab. You have to do is open the SMS program, choose special characters and type the appropriate icon. Delivery to US, UK, Metropolitan France, Germany, Italy, Canada, Japan, Russia. Change the Like button. Create whatever text you want for the like & dislike button. There is a ton of data showing the more fields you have in a form, the higher the bounce rate of that form. Hitting the like button just doesn't cut it. Label tags can increase the clickable area (see Javascript Function to Check or Uncheck all Checkboxes ), but this also is not a good option. We would need our heart icon in various font file formats and apply it using @font-face, but we'll use the We Love Icon Fonts site to generate that for us. The Archive contains 2. Free CSS Template is a ready-made web design layout based on Cascading Style Sheets (CSS) that format HTML web pages. These only work in chrome, but fallback to the native ones in other browsers. Feel free to use whatever icons you want. While you can find freeware to create professional looking buttons, you can also use CSS3 and nothing but code to create your buttons, complete with hover effects, as we'll show you in this tutorial. Front of this heart-shaped LEGO box shows real girls using walkie-talkies with a flag-topped mountain circular graphic inset above them. Full access to the Like button CSS. The box and the shadow is hidden when the page loads, we have to trigger an event, like a link click to show it. Instead, the best way to find out which social media buttons will perform best on your site is by testing. Notice that because I used a sprite sheet, all I have to do is change the background position. How to format cell to look like a 3D button in Excel? If you want to make a cell more outstanding in your worksheet, you can format it to look like a 3D button as below screenshot shown. true – will disable the filter (data will n. You don't need to develop the like and dislike button script by yourself - just copy the like button code and paste it into your website HTML code. Just straight up, CSS, CSS3 and a bit of experimental CSS. Like a big bad wolf I'm born to be bad and bad to the bone If you fall for me I'm only gonna tear you apart Told ya from the start. The result of running the above JavaFX Button example is an application that looks like. Examples You can use glyphicons in a variety of ways; in buttons, button groups for a toolbar, navigation or prepended form inputs. Try our CSS Grid tools, HTML Editor, Responsive Prototyping & Design Software or innovative Email Designer today. The size of our Free SVG Files can be increased or decreased without any loss of quality. Button blocks stack on top of each other and cannot be lined horizontally unless you are placing two buttons side by side in a two-column template. A pure CSS library to beautify the checkbox and radio buttons. For example, you can change the Like button to a Recommend button, display the number of shares above the button, target a specific URL to share, and much more. When I first started out in CSS, figuring out all the button syntax was one of the most persistent troubles I faced, it seemed like I was always doing it wrong. Allows to collect donations by adding donate buttons to popup. Designed to demonstrate the uses of CSS3 animations, Button. I'm only gonna break, break your, break, break your heart. Adding a border line will make the heart look weird. In this tutorial, we will show you how to make a link into a CSS button. Icon fonts got pummeled in a cage match with inline SVG, but they still do the trick here. If you try to style a select box you can do that with normal css but you can't style that dropdown arrow like we did for our radio button and checkbox because pseudo element doesn't work with select element. Pressed Button State With CSS NOTE: I've covered button link styling using CSS3 in a more recent post which you can read here. What is the belly button? Indeed, the human body is the masterpiece of God's creation. Can you advise what to put in the header of a Report Datapage to hide the search button? The first part of your code didn't work when i applied it to the Report Datapage, wishful thinking, but the 2nd part that goes into the HTML block worked great!. Like Button Plugin Homepage. Using the "Inset" and "Outset" Border Styles in CSS. For example : a post is liked or not liked, user is followed/not followed, article is bookmarked or not etc. The following post is an older method using images. Form inputs are annoying, let's face it. Like HTML text links, image links require opening and closing anchor tags, but instead of placing text between these opening and closing tags, the developer needs to place an image tag -- with a valid source attribute value of course. Facebook has changed its "like" button to a range of emotions including love, surprise and sadness. Figure 3: Add glyphs to make the buttons look more like check boxes. Right-to-left (RTL) support. less into your bootstrap. A collection of 867 Creative Commons-licensed CSS, HTML5 and Responsive site templates created by Cherry, Doni, AJ, and co. They are also distinguished for getting pressed on click, like real buttons do. Twitter Style Animated Heart Using Css, Animated Heart Css, Animated Heart Bear And Break Css, Twitter Animation Hearts, Twitter Heart Animation Svg, Heart Animation Css, Heart Button Css, Twitter. We'll take a look at the ways to bind checkboxes and radio buttons to data variables and the ways we can tweak them. To add a custom CSS class name for either option, open the form builder and go to Settings » General. Put the class name at the lowest possible level. Not all of it was bad; What Amazon’s decision to retrain a third of its employees means for the future of work. Can you advise what to put in the header of a Report Datapage to hide the search button? The first part of your code didn't work when i applied it to the Report Datapage, wishful thinking, but the 2nd part that goes into the HTML block worked great!. Like Moments, its big bet on casual. 18 December 2008 John. It used CSS3 keyframe, jQuery and ajax to create heart blast on click event. Before we dive into some tips and examples, it's important to know how to update the custom CSS within Marketo. Material Design for Bootstrap is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Favorite Heart Button free icon. Adjust any single aspect of the Like Button to best suit your needs. When the user moves the mouse over the image, the image is switched to the ‘active’ image. This article is talking about how to format a cell to look like a 3D button in Excel. When you select one button, all other buttons in the same group are unselected. Boxheart Button Designs are also great for reunions (family, high school, college, military), birthday parties, day care centers and more. Note: Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. pink or red) with ease. Customize appearance with CSS. How to format cell to look like a 3D button in Excel? If you want to make a cell more outstanding in your worksheet, you can format it to look like a 3D button as below screenshot shown. The social network has been looking at getting rid of the heart-shaped button as a way to improve debate on the platform, Twitter CEO and co. 0 and up Animate. I am using this with sharethis buttons (over 5 years) and it works really well. Buttons with pattern animation hover effect in CSS. Use on your web, react, flutter, xamarin iOS and Android projects and apps. allowedContentRules – defined rules will be added to the CKEDITOR. Customized buttons. One of the hottest button styles right now is the ghost button; a button with no background and a heavy border. Meet SCAD, a Major Cause of Heart Attacks in Women 50 and Under. Need help?. See the Pen I Heart You - CSS Shape by CSS-Tricks (@css-tricks) on CodePen. I don't care for it. You searched for: heart shaped buttons! Etsy is the home to thousands of handmade, vintage, and one-of-a-kind products and gifts related to your search. These gradient is useful for background, banners and buttons. Adding a border line will make the heart look weird. Do you want to add a Facebook Like button in WordPress? Facebook is the largest social media platform in the world. I guess it looks nice, right?. Sharing is caring!. Iphone Buttons PSD, HTML, CSS. Posted in Tutorials. The CSS i'm using for my tumblr doesn't have the code for a reblogging button. Buttons are used in every site no matter whether it is designed on any platform like CSS or PSD or any other format. This page describes two techniques: an image-based method, shown in the demonstration below, and a pure CSS method. Here is how you can style your Marketo form like a pro. Twitter has swapped favourites for likes – and a gold star for a red heart The social media platform has removed its "confusing" 'favourite' star, replacing it with a heart-shaped 'like' button. Full access to the Like button CSS. Now that the physical button icon is there, we are going to add in the code to make the button work. A pure CSS library to beautify checkbox and radio buttons. Connect with them on Dribbble; the global community for designers and creative professionals. We are brand engineers that provide companies with strategic marketing, design and branding solutions. This animation is so simple that we won't even need any CSS transitions, but the end product is still a fairly nice, albeit instant, animation. Twitter recently updated the design of their “fave” (also known as “fav”) button, introducing a new animation. Simple Share Buttons allows your visitors to share your content with ease, and you as a provider to offer the service worry free. Some buttons here do use jQuery, but not too lavishly to mess up everything. Most things in CSS can be redefined. About Hover. But he would never want to create a separate image for each one of them. Made by Sam. Company Overview. 13, In BLOG , BLOGGING , blogs , Code, CSS, HTML and XHTML, Scripting , css 3 , by Lechlak Something that has always annoyed me is the lack of customization (without javascript) of form elements. Hitting the like button just doesn't cut it. We'll be relying on CSS shadows a lot to style this button, so pay close attention here. Change Radio button and checkbox background using plain CSS. Today I am going to show you how we can convert a link to the buttons. This heart button system is used by Twitter (below each Tweet). Adding the Facebook Like Button to Product and Blog Post Pages. When you click on it there is a nice zoom out heart animation that goes into the heart icon on the button. Choose from a varied selection of free custom hand made buttons. Make sure you're using the correct class for the button as well. Use a CSS Button Generator to generate CSS code; Input the CSS code into your styles. The other way to work with the submit button, however, a way that’s far more common, is to make some tweaks in the CSS stylesheet for the page itself. These buttons size to their content (just like ). Can you advise what to put in the header of a Report Datapage to hide the search button? The first part of your code didn't work when i applied it to the Report Datapage, wishful thinking, but the 2nd part that goes into the HTML block worked great!. In order create a DIV element in the CMS you can use the new GUI button which looks like this: Designing With Columns Using DIV In order to allow a page to remain reponsive when designing a page with columns, we recommend using DIVs with particular classes. You don't need to develop the like and dislike button script by yourself - just copy the like button code and paste it into your website HTML code. Change Glyphs Dynamically using jQuery. Each player selects a character card, and uses the dice described on the card. 1 – July 19, 2018 Gameday is the premier responsive sports news and media theme for Wordpres. Favorite Heart Button free icon. A wooden heart shaped plaque is painted in a pretty pale mushroom colour which is the perfect neutral colour to fit into any room scheme. If the stylesheet you link to has the file extension of a preprocessor, we'll attempt to process it before applying. Meet SCAD, a Major Cause of Heart Attacks in Women 50 and Under. Though the company has. This page describes two techniques: an image-based method, shown in the demonstration below, and a pure CSS method. With CSS3 transformation , we can rotate or move the coordinates of the object with ease. The only option offered on the right hand side of the chatbar is sending a photofile, whereas my other accounts still have that heart next to it. get a heart shaped ‘like button It’s actually fairly simple to add a heart shape ‘Like’ button to your blog, it just has a lot of steps if you want to customize it further. The simplest way to get an existing universal gadget on to your toolbar is to use a gadget-to-custom button conversion script like this one: Buttons in Google's Button Gallery are marked as. Design and Code an Integrated Facebook App: PHP + jQuery Welcome back! In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. While you're here, format the text to make sure it looks nice with the background. So how adaptable is the heart button?. You can apply CSS to your Pen from any stylesheet on the web. There are many different use cases for checkboxes and many different ways we can process them. Toggle between a like/dislike button with CSS and JavaScript. Woops, after leaving my initial comment, I soon came to realize that there was in fact a way to do this. These gradient is useful for background, banners and buttons. filter(":input"). Finally, add some CSS code for that class. Click on the icon to toggle between thumbs-up and thumbs-down (like/dislike): Toggle (Hide/Show) an Element. Practical Wisdom - Interesting Ideas 5,858,178 views. This article is talking about how to format a cell to look like a 3D button in Excel. The Like Button may only be used online for the Like Button social plugin functionality which can be found here on our developer site. How jQuery-based Button widget works, view demo source code of Kendo UI Button. Before we dive into some tips and examples, it's important to know how to update the custom CSS within Marketo. You can turn on flex layout for a container by setting the property display: flex;. Div (short for division) divides the content into individual sections. ) in HTML and CSS - click here. and radio button states like hover. Every designer is well known about CSS technology and with the help of CSS you can create beautiful buttons with animation effects. The Pinterest Save button lets you save any idea you find around the web so you can easily get back to it later. We can of course add a border to an element simply, but that will change the element’s position. With CSS3 creating a shape like a Heart shape is now easily doable. If you want Wii-like buttons, the article Simple Round CSS Links (Wii Buttons) provides all the necessary resources and explanation on how to style them. Like/Favorite Buttons. Further down you can view an example. Speedy Buttons offering premium & economy custom buttons. Tip: Use the transition-duration property to determine the speed of the "hover" effect:. Here we are going to create a button and make the button grow and shrink just like having a pulse effect. Practical Wisdom - Interesting Ideas 5,858,178 views. These only work in chrome, but fallback to the native ones in other browsers. This will take you to the Theme Options section of the ePanel, where the aforementioned Custom CSS box lays. Customize appearance with CSS. css is intended to provide a lightweight and refreshing user experience. Why Twitter's cute, heart-shaped 'like' button is not so harmless 27 November 2018, by A. Bootstrap Disabled Buttons. ActionLink, so I thought of writing a post to demonstrate how to do so. Buy Gameday - WordPress Sports Media Theme by MVPThemes on ThemeForest. Today we're going to walk through a very simple and flexible process that you can apply to any button you create. css supports the prefers-reduced-motion CSS media feature. A simple like button for your webpage designed by Emil Andersson. All major social media share buttons including: facebook, pinterest, g+, twitter, etc. Are you looking for some CSS3 buttons to use in a website project? Here is a list of ones you might like. First add a new layer. There are probably a number of ways which you can use to create text buttons that look like they are graphical 3D buttons using CSS alone.