background preloader

CSS Background

CSS Background
CSS background properties are used to define the background effects of an element. CSS properties used for background effects: background-color background-image background-repeat background-attachment background-position Background Color The background-color property specifies the background color of an element. The background color of a page is set like this: With CSS, a color is most often specified by: a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" a color name - like "red" Look at CSS Color Values for a complete list of possible color values. In the example below, the <h1>, <p>, and <div> elements have different background colors: Example Try it yourself » Background Image The background-image property specifies an image to use as the background of an element. By default, the image is repeated so it covers the entire element. The background image for a page can be set like this: Below is an example of a bad combination of text and background image. Try it yourself » More Examples

Related:  EDITORS 2

How To Put A Button In Your Sidebar Instructions below are for Typepad, Blogger and Wordpress (without a host site): For Typepad: You need two things: *the button image above (button size is 120x120) CSS Templates, Free CSS Website Templates, Introduction/2 Column CSS Templates The following css templates are all constructed using XHTML1.0 and CSS2. Templates marked with

Ten more CSS tricks you may not know Our article, Ten CSS tricks you may not know has proven to be such a success that we decided it was time to offer you ten more CSS tricks that you may not know. 1. Block vs. inline level elements Nearly all HTML elements are either block or inline elements. Creating Dynamic Websites Using JavaScript In the last article we discussed a method for creating a modular Javascript toolbox. Having this ability is a great boon for rapid development, but does little in the way of being very useful on its own--so this week we'll move on to one of the most common uses for Javascript since its debut: modifying the appearance of your website! Thanks to standards developed by the W3C, as well as concepts based in SGML, each page has a document heirerarchy associated with it. We call this the DOM, (Document Object Model), and it is very useful for creating DHTML (Dynamic HTML) pages when used in conjunction with CSS and Javascript. There are books that cover the concept of the DOM by itself so it is slightly outside of the scope of this article, however we can use it to create our own dynamic pages. Let's start by creating some generic CSS classes that will allow us to manipulate the page via JavaScript.

Top 10 Best Free Video Editing Software for Windows Video editing has become more and more popular due to the popularity of camcorders and convenience of online video sharing. To save money, you can use some video editing tools which are free of charge to edit videos. But it may be difficult to find such good program for Windows since nowadays there are too many free video editing programs available on the market. Five CSS tricks Getting a lot of hits from the 53 CSS-Techniques You Couldn’t Live Without post on Smashingmagazine I realised I don’t really need a lot of those (although a lot are cool). Instead let me share with you CSS techniques that saved my a*** whenever I had to create a layout using CSS or proving those wrong that claimed layout tables cannot be replaced. None of these are new, and many will be the comment that people knew about this, but I can safely say that knowing about the following and some scripting allows me to create almost any of the fancy 53 techniques mentioned. Tabula Rasa – the global whitespace reset In October 2004 I found Andrew Krespanis’ global whitespace reset on his still (to me ) beautiful site leftjustified.

Creating a Modular JavaScript Toolbox As you progress with your scripting and programming projects, you will find many places where code and concepts are identical. In cases like these, it is often beneficial to copy/paste the relevant code portions into new frameworks. In programming lingo these code snippets, usually all saved in one central folder, are known as your "toolbox." Download Movavi Video Editor to Enlarge Video Zoom In - Out Click to view Want to focus your viewers’ attention on specific details in your video? There’s an easy way to do it: just apply a zoom in effect to the video and bring those scenes closer to your audience.

Reset CSS After a bit of time to bake and a few more suggestions from readers, I have what I’m willing to call the final version of my take on the topic of reset styles. To wit: So what changed from the last iteration? I added background: transparent; to the first rule. It’s probably not as necessary as some of the other bits here, but it seemed like a good thing to add.Added a :focus rule to try to suppress link outlining. Top 10 Fonts Web Designers Love When I was starting out with Web and graphic design, I was always wondering about the fonts that real designers use. So I conducted a research to find out the most popular fonts designers like to use, their best practices, and also out of personal curiosity, their typographical needs. It would be nice to know which font is good for which situation and today I am sharing with you the results of my research.

Jing, Record and share videos on your computer, by TechSmith The always-ready program that allows you to instantly capture images and record video on your computer—then share them with anyone. Jing is a great tool for adding basic visual elements to all of your online conversations Jing for Screenshots Capture What You See The Jing sun sits nicely on your desktop, ready to capture your screen at a moment’s notice. 53 CSS-Techniques You Couldn’t Live Without Advertisement CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts – and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one.

How to Install phpMyAdmin on Your Windows PC: 4 Steps Edit Article Edited by Sean Hickey, Tom Viren, Ben Rubenstein, Russell Montgomery and 26 others phpMyAdmin allows you to control your MySQL server from a web browser. Installing phpMyAdmin is a quick process that will have you up and running in a few minutes. Once installed, you can create databases, tables, mysql users, as well as setting privileges for mysql users for particular tables or databases. Ad A Complete Guide To Tumblr Think of Tumblr as micro-blogging on steroids (technically, it’s called “tumblelogging”). Whereas Twitter and similar services limit posts to 140 characters or less, Tumblr lets you post updates of any length, although it’s best suited to short-format posts. Tumblr bridges the gap between full-blown blog and micro-blog.

Related:  html