|
Friday, May 18. 2007
Online networking of friends is a very popular Internet fad. Teenagers and even adults from all over the world use such cool websites to build a network of their friends, while also making known to other people their personal wacky profiles. MySpace and Friendster are among the most widely used customized online networking sites. If you have an account in Friendster, you are probably aware that you can apply new design techniques to your profile in different customizing options, using CSS.
Thursday, May 17. 2007
As I go through my network of friends in my Friendster account, I noticed that almost all my friends used CSS codes to change their profile layouts. They included pictures, backgrounds, sounds, and cool effects. Now, there are several tricks for those who do not know where to place their CSS codes to customize their Friendster accounts. First you need to open your account, then from Home, go the the Edit Profile. You can select the customize tab, then you can now put your CSS codes on the second text fields.
Monday, May 14. 2007
 One trick that you can do to customize your Friendster profile is to apply colors to your scrollbar. When you search for CSS codes via the Internet, you will be able to choose the colors you want, generate the codes, then copy the codes to your edit Friendster profile. In case you have friends who are also tech-savvy and are into personalizing their profiles, you can contact them via Friendster. You can ask for advice or ask what codes they used in their respective profiles. I'm sure they'll provide you with helpful codes.
Sunday, May 13. 2007
< - start of code - >
/ Friendster-Tweakers.com Scrollbar Color CSS Generator /
body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ff00cc; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; }
< - end of sample - >
Saturday, May 12. 2007
Reference materials are very essential in this fast-paced and innovative world we have today. Even though the Internet already poses as the ultimate means of resources by millions of people around the globe, books or published reference materials still prevail. With regard to reference materials to learn the basics and other essential infos about Cascading Style Sheets, a number of books are still very handy and useful to those peeps who like to learn the application of CSS.
Friday, May 11. 2007
 Kynn Bartlett's CSS in 24 Hours is one of the most useful CSS reference materials read and applied by many CSS developers today. The published material is a solid reference guide in learning the basics of CSS. The author claimed that he was inspired to write the CSS book since there were really a couple of superb and helpful reference materials for CSS. He also wanted his output to be included in today's prime CSS published materials that can be used by many web page developers.
Thursday, May 10. 2007
Bartlett's book aims to give thousands of professional and starting web developers in the world a practical and solid background and foundation in utilizing and applying Cascading Style Sheets. Web developers will get to learn how CSS specifications are implemented and applied in various browsers. With every turn of pages, readers' knowledge on CSS will surely increase. By the end of the book, I am sure that readers will be proud and amazed of how fast they have learned and how many CSS tricks they are now ready to apply.
Wednesday, May 9. 2007
When you are utilizing a cascading style sheet on your web design techniques or development, it is important for you to make your background look attractive. Backgrounds of your sites contribute a lot to the overall impact of your site, so it is best to take some time in learning a few tricks on CSS background developing. If you have the luxury of browsing the Internet for CSS background tips, go through the tutorials. I promise you that you will definitely learn a lot.
Tuesday, May 8. 2007
When you are to define the exact position of an image within a certain HTML element, you can try the CSS background positioning. It is important for you to know that defining image position has three different means: keywords, lengths, and percentages.
Monday, May 7. 2007
p {
background-image: url<smallPic.jpg<
background-position: 20px 10px;
}
h4 {
background-image: url<smallPic.jpg<
background-position: 30% 30%;
}
ol {
background-image: url<smallPic.jpg<
background-position: top center;
}
Sunday, May 6. 2007
 There are other helpful CSS background tricks that you can apply to improve your website's background. One is the fixed background image where you can have the desired background move naturally or in a fixed location. However, such trick may not work correctly in some browsers when you placed the codes in text area. There is an exception, of course, but it is only for Internet Explorer 6.0, since it displays the the image more correctly.
Saturday, May 5. 2007
The pages of most internet sites these days have all sorts of good interactive features and functions, not to mention about a ton of visually appealing graphics and styles. With such improvements on the pages of most internet sites, web developers and designers are pushing the limits when it comes to their internet site designing ventures. They have discovered that through CSS, you can easily customize the actual HTML tags on the pages of your internet site! Now doesn't that totally unleash the power of CSS as a tool for fully customizing the pages of your internet site?
Friday, May 4. 2007
The customizability of the pages of most internet sites rely heavily on CSS design techniques and tactics. With proper CSS coding, you could even create your own set of actual HTML tags. These tags affect the actual layout of the pages of your internet site, and fully customizing it would evidently increase the visual appeal of your internet site! That is, based on your own preferences when it comes to visual appeal and all. The next thing would be for you to develop your creativity.
Thursday, May 3. 2007
 CSS HTML tag customizing has been a long practiced technique of web developers and designers knowledgeable in CSS tactics. With CSS design patterns properly done on the pages of your internet site, it would improve the overall usability and visual layout of your internet site. For instance, adjusting the HTML tags used for lists and bullets with CSS tag customizing techniques would provide you with fully customized bullets, not to mention full control on the actual white spacing between the list elements.
Wednesday, May 2. 2007
Wireless internet access has certainly sped up how we go through each and everyday of our lives. With this, handheld gizmos are shrinking and shrinking by the minute. But since information access on the world wide web is now a necessity for most people, web developers and designers are devising schemes to shorten the time they put in their work. In styling the pages on your internet sites using CSS, there is now a trick which could shorten both your code sequences and the time you work on your internet site.
Tuesday, May 1. 2007
Shortcut classes literally mean using code shortcuts on the CSS styled pages of your internet site. This makes use of properly configuring the CSS codes on the pages of your internet site so as to assign it with several classes. This would make the pages of your internet site very visually appealing and accessible since the elements to be found on each actual page have several styles. It is not hard to do, and mastering this trick would provide you with enough time to work on other aspects on the pages of your internet site. After all, that's what shortcuts do, right?
Monday, April 30. 2007
With shortcut classes, you are no longer limited to assigning a specific class to each element on the pages of your internet site. You could now assign several styles to each element, or multiple classes to a group of elements you have chosen. The codes below would generally give you the entire picture of how shortcut classes could be done so as to improve the pages of your internet site, as well as improve the quality of your life! Why? Well, you'd have more time to do the better things in life than just sitting in front of your computer and doing CSS coding the hard way.
Sunday, April 29. 2007
< - start of code - >
<style type="text/css">
body, table, tr, td {
font-family:arial;
font-size: 12px;
color: navy;
}
h1 {
font-size:16px;
}
h2 {
font-size:14px;
}
.m {
color:maroon;
}
.bc {
background-color:yellow;
}
.r {
color:red;
}
.hm {
margin:0px 0px 0px 0px;
}
.b {
font-weight:bold;
}
</style>
Saturday, April 28. 2007
 There are lots of hacks that come with making most things developed by digital information technology compatible with each other. One very obvious incompatibility is CSS design with various internet site browsers. For instance, a CSS styled page on your internet site could look good on IE. But it could ultimately destroy your credibility as a web developer and designer when it comes to viewing the same page of your internet site using different internet site browsers!
Friday, April 27. 2007
One such incompatibility in styling the pages of any internet site using CSS is creating the header and content gaps of each page on an internet site. You see, a large gap usually looks good on IE. But if you view the same damn page using another internet site browser, it would look like the work of a well-trained monkey! So, web developers and designers have thought of ways and means around this damn problem. With all their efforts, they came up with an excellent CSS hack for the job.
Thursday, April 26. 2007
These web developers and designers have made it a point not to develop an actual CSS hack which would make gaps created look the same as with using any internet site browser. The CSS hack below would still have a large header and content gap on IE, but a smaller gap on the other internet site browsers. Amazing, right? This can be done by exploiting a long-standing issue with IE and CSS styled web documents. Besides, this damn internet site browser can't detect the functional child selector, while the other internet site browsers can!
Wednesday, April 25. 2007
< - start of code - >
#header {margin-bottom: 25px;}
#header {margin-bottom: 10px;}
#header {margin-bottom: 3em;}
html>body #header {margin-bottom: 1em;}
< - end of sample - >
Tuesday, April 24. 2007
If you're a newbie when it comes to web development and design techniques, I bet you don't know anything about how much the different web development languages could do wonders on the pages of your internet site. That is, assuming that all you know is making functional use of basic HTML coding tactics, as well as how to actually use web design applications. But hey, I think even a professional web developer and designer needs to know a lot about HTML encoding as much as CSS styling techniques! Plus, manually coding the pages of your internet site isn't the way to make your internet site as visually appealing, customizable, accessible, and downright usable, you know. Oftentimes, a good web developer and designer makes use of certain design applications that could actually speed up design processes, not to mention increase the efficiency of every web development language. These applications come in handy, especially now that there is enough room for visual presentations since electronic data transferences are getting faster and faster by the day.
Monday, April 23. 2007
 The TopStyle Pro application is just the tool used by most web developers and designers who like to use CSS styled pages on the internet sites they design. But unfortunately, this damn program misses out on the good things of a good CSS design application, such as the manageability of those complex CSS styled documents through the expansion and retraction of rules, the ability to have a fast and accurate first-hand view of the CSS styled page you are actually working on, and the way the viewer accurately simulates browsing on the top internet site browsers. This version isn't freeware, but there's an actual Lite version of this damn program which is absolutely free to use. But I think you're better off with one powerful and fully functional photo editing application from those Macromedia developers, which usually costs more than what a holiday at a nearby beach, you know. With this, if you're just trying your hand out on CSS design, I think you should also try this program, too. After all, a not-so-functional design app could be made to work well with equally not-so-functional web development and design skills. Well, just treat it as a crash course on good CSS designing techniques, you know.
Sunday, April 22. 2007
Because of the advances we have made on the platforms of modern information access, web developers and designers are also tagging along and making the necessary modifications on their design styles and techniques. Not only the web developers and designers of the world, but the developers of the internet site browsers are also trying to keep up with the continuing changes made on the internet. With this, Microsoft plans to release the IE 7 early this year.
|
|
Bookmark http://www.cascading-style-sheets-css.com/
Cascading Style Sheets Comments
Wed, 18.10.2006 15:40
I have read the book, its a top reference materials. But I hope there are more sample codes included in such published [...]
Wed, 18.10.2006 15:39
Good book. I might buy a copy for myself to help me with my CSS tutorials.
Sat, 07.10.2006 12:20
I don't think assigning multiple styles on the pages of your internet site is good. This is because IE just might not [...]
Sat, 07.10.2006 12:20
I think this trick should also give you more room to tweak the visual aspect of your internet site. In a more [...]
Sun, 24.09.2006 17:12
I think most of the developers of the leading internet site browsers don't have a damn idea what the people need in [...]
Sun, 24.09.2006 17:12
I think most of the developers of the leading internet site browsers don't have a damn idea what the people need in [...]
Sun, 24.09.2006 16:38
I just don't know why a lot of people prefer good visual techniques applied on the pages of the internet sites they view [...]
Sun, 24.09.2006 16:34
I think you should use Mozilla or anything else other than IE. IE just seems to have more and more problems each time [...]
Sun, 24.09.2006 16:33
I think IE has a lot of problems when it comes to viewing CSS styled pages. Even with the releases they have made on [...]
Fri, 22.09.2006 13:29
Now I can use CSS width functions on the pages of my internet site! Back then, I just avoided CSS styled pages on my [...]
Fri, 22.09.2006 13:28
I have encountered the same problem in using CSS width functions on my internet site, but I just seemed to avoid using [...]
Wed, 20.09.2006 15:36
Since I think you wouldn't want to hack your way through the design of your CSS styled documents, I think you should [...]
Wed, 20.09.2006 15:36
I think there are lots of problems with IE and CSS styled web pages. With this, I think you're all better off with [...]
Sat, 16.09.2006 14:47
But I don't think they're releasing any patches yet! I don't know why it's taking them so long to produce a patch, but [...]
Sat, 16.09.2006 14:47
I think this problem can be solved with just a well needed patch from the Microsoft team.