Nov 21, 2009

Saint Michael Css2 Tips And Tricks Issue #1 - css tips and tricks for you beginners and experts

 		free web hosting
Open Discussion > MODERATED AREA > Tutorials

Saint Michael Css2 Tips And Tricks Issue #1 - css tips and tricks for you beginners and experts

Saint_Michael
Apr 23 2005, 06:05 AM
since my htmls tips and tricks issues are hot on the forum i decided to do some css stuff so lets get to work all you beginners and experts. Also note to those who read this is coming from other websites so i am not claming any rights to this info even though some people think if they make it, its theirs which is bs cuz if that were true then there would not be to many websites on the internet now would their?. Ok the scripting im using for right now is the the actually scripting on the website without external linking

first css trick that is sometimes good to use is the cursor scrip this changes the way your mouse looks when you highlight something on a webpage like a link or text so this how you would do and cursors that you can use
QUOTE
To add these to one or two links, add this attribute to their a tags:

<style="cursor: target; ">

If you want to add it to an entire class of links, add this line of CSS to your stylesheet:

a.help {cursor: help; }

Then add the help class to whatever links you'd like to be affected, like so:

<a href="manual/" class="help">Manual</a>

cursor: auto the default cursor
cursor: crosshair gun-style cross
cursor: default no change
cursor: pointer the normal hand pointer that appears when you hover over a link
cursor: hand a value that is only supported in IE. Don’t use it, use pointer instead
cursor: wait the hourglass (non-animated, sadly)
cursor: text the text-selecting 'I-beam' thing
cursor: help an arrow with a question-mark
cursor: move crosshair with arrows on the ends
   
cursor: n-resize an arrow pointing north
cursor: ne-resize an arrow pointing north-east
cursor: nw-resize an arrow pointing north-west
cursor: e-resize an arrow pointing east
cursor: w-resize an arrow pointing west
cursor: s-resize an arrow pointing south
cursor: se-resize an arrow pointing south-east
cursor: sw-resize an arrow pointing south-west

next script that some people like to use that actually goes well with the design of a website is the scrollbar color their are some website that can do it for you you just choose the colors you want and there you go
QUOTE
<style type="text/css">
body {

scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}
</style>

ok this next script is sweet i just added it to my style sheet this script puts your scrollbar on the left side your website
QUOTE
<style type="text/css">
body {
direction:rtl;
scrollbar-face-color: #3D5D80;
scrollbar-highlight-color: #3D5D80;
scrollbar-3dlight-color: #2E2E2E;
scrollbar-darkshadow-color: #3D5D80;
scrollbar-shadow-color: #2E2E2E;
scrollbar-arrow-color: #2E2E2E;
scrollbar-track-color: #3D5D80;
</style>

Warning on the left sides scrollbar it alwasy reverses the website as well so use at your accord
heres a tip i just found out
QUOTE
Usually attributes are assigned just one class, but this doesn't mean that that's all you're allowed. In reality, you can assign as many classes as you like! For example:

<p class="text side">...</p>

Using these two classes together (separated by a space, not with a comma) means that the paragraph calls up the rules assigned to both text and side. If any rules overlap between the two classes then the class which is below the other in the CSS document will take precedence.

and finally since we are dealing with scrollbars on this is issue for those who have small layout or who use frames (HAHAHAHAHA) heres how to take them off
QUOTE
If you don't want your frame to have a scrollbar, open up your page; somewhere in the <frame > tag (in between the <frame and > add:

CODEscrolling="no"

If you're dealing with your whole page, insert this into your CSS:

CODEHTML, BODY { style="overflow: hidden;

well that it for today hopefully this help you out biggrin.gif[/COLOR]

 

 

 


Comment/Reply (w/o sign-up)

omar
Apr 23 2005, 06:10 AM
Love your Scroll Bar Tip, Is there a way where I can make the width scroll bar so it comes on the top instead of the bottom, YDA

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.
Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : saint, michael, css2, tips, tricks, issue, 1, css, tips, tricks, beginners, experts

  1. Tips On How To Recover You Scammed Rs Account
    Would you like to recover your stolen rapidshare account? (0)
  2. Tricks With Php Variables
    (10)
    You probably are thinking at this moment why I am posting some tricks with variables. Well, there
    are many useful things a variable can do for us. For one they can actually be used to create simple
    games. They also can be used to produce a random result in a page. Another great use is shoutboxes.
    Well here are some cool variable effects. Adding Multiple Strings We can use strings to create
    great effects. Example: CODE $var1="Hello person."; $var2=str_replace("person","world",$var1);
    echo $var1." ".$var2; ?> We used str_replace to show two sentences with str....
  3. Creating A Resume
    10 Tips For Making A Resume (1)
    I've been working on my Resume for months now. Here is a summary of what I've learned: 1.
    Avoid referring to yourself via 1st person or 3rd person terms. Rather than saying "I started this
    job in" just say "Began job in"... Employers expect Resumes to be professional and avoid reference
    to oneself; and instead speaking in an impersonal tone that presents
    achievements/skills/experience/education without personalization. Avoid words like "I", "my", "he",
    "she", etc. Leave out personal pronouns and only use the action words/verbs. This also includes
    your Ob....
  4. How To Make A Decent Forum
    Some great tips on how to make and maintain a good forum (8)
    -Firstly, come on, use a decent forum system. Visitors to forums hate advertisements. The best way
    to guarantee no ads is to host it yourself. There’s loads of free web hosts out there- there’s loads
    of free forum software, too. So, come on! It doesn’t take much energy to find a good host and upload
    some files. I think the two best forum softwares to use are SMF(www.simplemachines.org) and
    phpBB(www.phpbb.com). -Secondly, if anybody is actually reading the topic with the link to your
    forum in, they must be dedicated to this one, and not many people are dedicated to load....
  5. Beginners Guide To Becoming A Computer Hardware Tech
    (2)
    Welcome to my Beginners Guide To Becoming a Computer Hardware Tech guide into getting started with
    computer hardware installation, upgrading and maintaining. I will be talking about various items
    you will need and point to a huge index of links. This includes tutorials on building a computer
    from scratch, tips ands tricks, myths exposed and more. If you plan to build computers from scratch
    then you will need the proper reading in order to get a good understanding of what you will be
    dealing with when you build and maintain computers. The first times on the list ar....
  6. How To Create Self-unzipping Files
    for beginners (18)
    This tutorial is based on winzip 10.0 (but it should work on other versions). Create or open the
    file you would like unzipped. Now, on the Actions menu, click make .exe file. A popup box should
    popup. Click ok. Now in the popup box that appears, type in the default folder that the program
    will unzip to. Press ok. Now another popup will tell you if you want to test the file, click yes.
    Now click ok again in the box that appears. Now press unzip. If it says - files unzipped
    succsessfully! Click ok and pat your self on the back! You have created the self-zipping ....
  7. Beginner's Guide To Skiing
    Based on my own experience. (4)
    I really like skiing. It is so much fun that you won't know how you could have survived until
    your first time. So here are some things you should know before you head over to your lcoal ski
    area: Dressing: You should get a few basic things: -Base layer: long underwear, especially
    thermals, keep you warm, wick moisture from the skin, keep your legs from getting irritated by your
    ski pants -Middle layer: A fleece jacket; or anything aside from wool, which is very itchy. This
    will keep you warm in cold weather. If your outer jacket or parka (see below) is insulate....
  8. Making Interactive Cds With Flash
    My second flash tutorial for Beginners (2)
    Im back again with what i think it would be an interesting tutorial for all of you guys who wants to
    take flash out of the web and make really cool interactive CDS. First of all if all of you are
    thinking right now: "this dude is wrong for making interactive cds you have to use macromedia
    Director", well you are right macromedia director it's used to build interactive cds and dvds
    among other things, but you can also make interactive cds with Flash, the thing is: if you want to
    make a simple interactive CD you can totally do it with flash, of course Director brings ....
  9. Tool Tips Using Only Css To Pop Up The Tool Tip
    No javascript involved! (8)
    Tool Tip Tutorial Example Found Here . Please review before continuing. Nice. And no
    javascript at all to be found. The colours I have used are for demonstration purposes only to show
    you that they are adjustable to suit the background or to contrast against them. Your choice. That
    is a styling issue. It is your site, you decide. The original author's idea was to add
    position:relative to the link, in order to allow the span element inside to position absolutely
    in respect to the parent link. This code has been tested in Ie5.5, IE6, Opera7.11 and M....
  10. Firefox Tricks
    (32)
    Here are some tricks you can do to your firefox browser. Remove bold formatting on the active tab.
    Get rid of the close button the tab bar. Add the code to the userchrome.css CODE
    .tabs-closebutton-box { display: none !important; } Force firefox to load links ina new
    tab. Add the code to your user.js CODE user_pref
    ("browser.tabs.showSingleWindowModePrefs",true); Then restart firefox, you will see an option to
    open windows in a new tab instead under tabbed browsing in Tools|Options|Advanced Added code tags
    round code ....
  11. Saint-michaels Html Tips And Tricks #4
    been awhile so here somewhat new stuff (12)
    WEll its been awhile since i did so i will put up some more useful html tips and tricks here on
    trap17.com Ok for trick actually, want to know how some websites got those ool icons put on their
    website link in the favorites folder well here you go in 3 quick steps. 1. create an image then
    shrink it down to 16x16 and save it as avicon .bmp. 2. then change it to .ico, when is the file
    reconizing it as a icon., if you are having problems saving it, there are some resources out there
    that can change it for you. 3. load the image to your website and add this tag in betwee....
  12. Saint Michael's Dhtml Tips And Tricks Issue #2
    well i thought i catch up in my issues so heres some more (0)
    Todays is were are going to do some text effects that should be interesting for some people, the
    first one we are going to talk about is the matrix scrolling text effect, if you seen the moives and
    about 99% of you have then you know about hte computer screens now you can do it. this is done in a
    2 step process. STEP 1: Insert this script in the head tags QUOTE .matrix {
    font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px;
    padding:0px; margin:0px;} var rows=11; // must be an odd number var speed=50; // lower is fas....
  13. Saint-michael Html Tips And Tricks Issue #3
    exploring meta tags and what uses they have (0)
    Todays issue we are going to talk about a bunch of good newbie stuff. The first is meta tags to
    make it easy use a generator, from my searches on the internet ther are soe many meta tags to use
    its not even funny but for those whoe like them is are the more common ones that are used for a
    website. QUOTE also for a dynamic look using the meta this called page
    fading so to speak, what it does when you click on a link the website will fade for a duration of
    time to the next page on your site warning it doesn't do anything when you first cl....
  14. Saint Michael Xhtml Tips And Tricks #1
    xhtml= html 5.0 :P (3)
    Well by the many views i have seen on my web design issues i should go into new territory, so im
    going start with some useful xhtml info for you web design fenatics, the info i present to you is
    from other websites so be warned it might or might not work all depends but lets start off with the
    basic info for using xhtml. Also this tutorial is for beginners so i won't be doing any xml
    info due to it being a more server side then actually webdesign 1. DOCTYPE this is used to tell
    the browser what kind of infomation it will be displaying. nothing as really changed....
  15. Saint Michaels Dhtml Issue #1
    the ever popular series is back in dhtml (1)
    well since my series is becoming such a big hit im going to go into dhtml and lets start of with
    some beginner stuff so to speak. all scripts are coming from dynamic drive Ok menu and
    navagation is a big part of your website now for those who have lots of info the requires the user
    to scroll down this menu will help out when you scroll the menu goes down with it so heres the
    script. QUOTE if (!document.layers) document.write(' ')            
    Menu               Dynamic Drive       What's New       What's Hot....
  16. Saint-michaels Html Tips And Tricks Issue # 2
    some more tricks of the trade and some wierd stuff to (2)
    Well i thought it was time to bring in issue 2 of html tips and tricks and i found a very
    interesting html coding which i thought was funny as hell its called Preventing Search Engine
    Indexing this coding is used to keep your website from being index why i don't know why you
    don't want you website listed unless it someone stupid as in telletubbies.com but heres the code
    This tag tells the robots not to index this page and not to follow any links within the
    page. QUOTE This tag tells the robots not to index this page, but follow any links wit....
  17. Saint_michael Html Tips & Tricks Issue #1
    useful html stuff (1)
    this little trick i though was useful it used to send a visitor to another page using meta tag and
    it sends the user to another page with in a few seconds for example you will go to the new page in 5
    seconds CODE and for those have a good knowledge of javascript they could use this
    script right here CODE Refresh Page var time = null function move() { window.location
    = 'http://yoursite.com' } //--> see this page refresh itself in 3 secs. and
    those who think its cool to added a song to thier website for fansites this is a goo....
  18. How To Fix Dns Issue When You Created A New Subdomain!
    This is for XP & W2K computers and similar for other M$ OS (1)
    DNS issues with XP or W2K computers not able to access your new web site. This solution works
    for all M$ based operating systems and this tutorial is written for XP computer with high speed
    Internet connections. Dialup is a different animal. The issue is you can access trap17 and read the
    board, but as soon as you created your sub-domain name the computer don't connect to your new
    web site and you are stuck. You can access cPanel using the IP address but not your new site. Part
    of the problem is how domain names propagate across the Internet. All name servers ta....
  19. Another Simple Php Tutorial For Beginners
    another easy-to-apply-and-use tutorial (5)
    Another easy to use and to apply PHP tutorial. CODE Means to OUTPUT the visitor's
    browser. CODE Means to OUTPUT the visitor's IP address. CODE Means to
    OUTPUT the current server. CODE Menas to OUTPUT the current location where the PHP
    script is located. How to apply: Create a PHP script with any file name. CODE Sample PHP
    Script Hello! Welcome to website.com! Your current browser is: Your IP address is:
    This script is located at on If you try to hack my site, I'll know w....
  20. Php For Beginners
    By Skazi (17)
    In creating a php file, you can combine HTML and PHP in one file, but you MUST save it as a .php
    file if it contains any PHP information. Remember, these tutorials are just for your learning and
    you should not just copy and paste these into notepad and call it good. You also may realize PHP is
    alot like the C++ programming language /tongue.gif' border='0' style='vertical-align:middle'
    alt='tongue.gif' /> CODE   PHP Test Hello World '; ?> What the
    Hello World '; ?> command does is it exports The information between the 's as raw....
  21. Meta Tag Information
    Tips 2 optimize listing in Search Engine (2)
    i know many of u here get this prob ., as ur site doesnt appear even after months /smile.gif'
    border='0' style='vertical-align:middle' alt='smile.gif' /> i have a fer tips , am sure most of u
    kno it Google sents out whats called a robot that looks over every thing on your site once thats
    done your site gets listed. However where you are on that listing depends on way to many things to
    go into here. The simplest thing to do is make sure you do Meta tags. another thing is to ad full
    alt names to your images...robots like those..dont use the same name over and over a....


      22. Looking for saint, michael, css2, tips, tricks, issue, 1, css, tips, tricks, beginners, experts

Searching Video's for saint, michael, css2, tips, tricks, issue, 1, css, tips, tricks, beginners, experts
See Also,
advertisement


Saint Michael Css2 Tips And Tricks Issue #1 - css tips and tricks for you beginners and experts

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com