Bryan Hadaway's Blog
Signup for the Best Hosting Around

Tag Archives: CSS

Signup for the Best Hosting Around

Google +1 Button Script

If this is the first you’ve heard of this new Google +1 (Plus One) Button; checkout the official page. And full documentation here. First, add this in between <head> ......If this ...continue
Posted in CSS, Freebies, Google, How-to, HTML, Script / Code, Search Engines, SEO, Web Design | Also tagged , , , , , , , Leave a comment

How to Create Inset Text with CSS3

This often gets confused with “How to Create Indented Text with CSS3″ which is completely different, indent means an indented paragraph and isn’t CSS3 anyways. If that’s what you’re here...This often ...continue
Posted in CSS, CSS3, Script / Code, Web Design | Also tagged , , Leave a comment

Something Every CSS Stylesheet Should Have

Perhaps someone a lot smarter than myself can explain it to me, but I’ve never understood why browsers by default do not show form input submit buttons as clickable by...Perhaps someone ...continue
Posted in CSS | Leave a comment

Pure CSS3 Only Graphic Button

This button contains gradients and shadows with no use of actual graphics or JavaScript whatsoever. It uses just about every CSS style that could be used on a button for....postid-1142 .bttnshad{width:155px} ...continue
Posted in CSS, Graphic Design, Script / Code, Web Design, XHTML | Also tagged , , , 2 Comments

Getting Started with Your Very First Website

Many people these days need a website for business or just want one for fun. Whether you have no idea how or where to start or you have some vague...Many people ...continue
Posted in Business Endeavors, CSS, Google, Marketing, Saving Money, SEO, Social Networking, Software, Tools, Web Design, Web Hosting, WordPress, XHTML | Also tagged , , , , , , , , , , , 1 Comment

Pure CSS Only Dropdown Menu

UPDATE: Find the updated and much better script here which I recommend over this one. It’s a little more stylized, but the code is cleaner, better. Just strip the styles...UPDATE: Find ...continue
Posted in CSS, Script / Code, Web Design, XHTML | Also tagged , , 6 Comments

Adding Social Scrape Images

From the title of this article it may not be immediately understandable what it’s about, but plenty of people are looking for this solution. Many have asked how do I...From the ...continue
Posted in CSS, Facebook, How-to, LinkedIn, MySpace, Script / Code, Social Networking, Twitter | Also tagged , , , , , , Leave a comment

How to Create Circles with CSS

Making circles with CSS3 is very simple, but not very well supported with older browsers. If your design depends on circles you should definitely use background images instead. However, if....cmenu{width:100px;height:100px;display:block;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-khtml-border-radius:50px;background:#000;font-size:20px;color:#fff;line-height:100px;text-decoration:none;text-align:center} .cmenu:hover{color:#fff;text-decoration:none;background:#333} ...continue
Posted in CSS, CSS3, How-to, HTML, Script / Code, Web Design, XHTML | Also tagged , , , , , 17 Comments

How to Link to the W3C CSS3 Validation Page

Automatic Method: You should now simply use: http://jigsaw.w3.org/css-validator/check/referer?profile=css3 Manual Method: Typically if you want to dynamically link to a W3C Valid CSS page, we use this link: http://jigsaw.w3.org/css-validator/check/referer That’s perfect...Automatic Method: You ...continue
Posted in CSS, CSS3, How-to, Script / Code, Web Design | Also tagged , , 11 Comments

Pure CSS Minimalist Image Hover Rollover

Demo: Code (Only Use ONE of the CSS Methods Below): CSS Sprites (New Method) .hov{display:block;width:245px;height:195px;background:url(images/hover.png)} .hov:hover{background-position:0 -195px} For this to work, simply stack the normal state image on top of....hov{display:block;width:245px;height:195px;background:url(http://calmestghost.com/images/FreshBlue.png)} .hov:hover{display:block;width:245px;height:195px;background:url(http://calmestghost.com/images/FreshGreen.png)} Demo:Code ...continue
Posted in CSS, Freebies, HTML, Script / Code, Web Design | Also tagged , , , 2 Comments
Feedback
x close