Social Network Directory & Network Creator Help - Ning, Spruz, SocialGO, etc...

VIP Ning Club
About VIP

~ Best NING TIPS, available online, special support for Ning Network Creators. TESTIMONIALS...
~ Insert Content or Google Ads within blogs/forums, or most anywhere. Ning-ready sliders/accordions, tabbed content, special shadow techniques, CSS tricks, and much more!
~ Only $34.95 for 6 months of support and all VIP Tips - - a great deal!
Join Now!
Directory

Social Network Directory
Network HELP

Friends helping friends...
Free Ning Tips

Free Ning Network Tips

Basic CSS Styling Lesson - any website.

Basic CSS Styling Lesson

Let's say you wanted to add special content to a special box, that has a thick dark blue border with a light blue background, to several paragraphs across your website - - here's what you could do to save time:

Add the following line of code to your CSS File, or in the head of your HTML page. You only need to use one method, depending on your needs.
We are creating a class called mybluebox.
CSS File Method:
.mybluebox { background-color:#99D0E7; border: 5px solid #003366; padding:10px; }
Top of HTML Method - - between start and ending HEAD tag <head>add between here.</head>:
<style type="text/css"> .mybluebox { background-color:#99D0E7; border: 5px solid #003366; padding:10px; } </style>
Add your newly created class to a paragraph or DIV, or just about any HTML tag. You can add anywhere on your site, where you can add HTML.

<div class="mybluebox">This is my first basic CSS style. It's a class. I named it mybluebox. I must add a period before the name in my CSS. I must use class="mybluebox" when I apply this style to a paragraph, a DIV, or other HTML tags.</div>

Example Below:

This is my first basic CSS style. It's a class. I named it mybluebox. I must add a period before the name in my CSS. I must use class="mybluebox" when I apply this style to a paragraph, a DIV, or other HTML tags.

Tags: basic css, css 101, css tip, css tutorial, getting started in css

Favorite

0 members favorited this

Welcome to
JenSocial: Social Network Directory / Social Web Directory

Sign Up
or Sign In

Or sign in with:

VIP Ning Club:
Jen’s always cooking up new & exciting Ning Tips!

Discover the best Ning Support you’ll find anywhere! Just ask our VIP Members! ;-)

Testimonials

JOIN NOW!

Join the JenSocial Premium Ning Tips Club

All the work/tips created on JenSocial.com are provided free, but your donations allow me to continue offering Free Support, Tips, News, and free Directory Listings. Any amount is greatly appreciated.


Twitter	Facebook

Welcome to JenSocial Network Directory: Social Network Directory and Network Creator Hub for all Social Networking platforms:
Ning, Spruz, SocialGO, Grou.ps, JomSocial, BuddyPress, WackWall, etc...

Formerly the Ning Directory

Add Your Social Network, Find, Preview and Join, all kinds of great Social Networks (Social Communities) - - from Art to Pets!