A forum for websites, forums and blog design and promotion [FORUMOTION & TOPIXCUBE FORUM SUPPORT ONLY]
 
HomePortalFAQSearchMemberlistUsergroupsRegisterLog in
Search
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Daily Deal Software as an Advertising Strategy
Tue Feb 03, 2015 6:26 am by berolba

» HI every one
Fri Jan 18, 2013 12:22 am by tdbnz

» The benefits of daily deal websites
Fri Jul 13, 2012 4:16 am by zyril27

» Topoisomerase II; Clone 3F6
Wed Feb 01, 2012 6:43 am by EconoTekAlk-PhosAnti-Poly

» What Console?
Fri Dec 16, 2011 3:43 am by BaileeRacer

» What is your favorite music?
Fri Dec 16, 2011 3:25 am by BaileeRacer

» What Are You Doing Today?
Wed Nov 30, 2011 4:53 am by Bison1988

» Best Sport?
Wed Nov 30, 2011 4:43 am by Bison1988

» Presbyterian Children’s Homes and Services and Volunteer Program Assistant
Sun Nov 06, 2011 11:17 pm by Steele99

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Forum
Affiliates

Share | 
 

 CSS Hover Help

View previous topic View next topic Go down 
AuthorMessage
Themisd
Administrator
Administrator
avatar

Posts : 499
AC : 620
Join date : 2010-09-26
Age : 19
Location : England

PostSubject: CSS Hover Help   Sun Sep 26, 2010 10:26 am

The default style for a link is blue font with an underline. This is, however, not always ideal. There are times when we want links to have a different style. This can be achieved using the following selectors:

a:link: Specifies how the link looks if the page it links to has not yet been visited.

a:visited: Specifies how the link looks if the page it links to has already been visited.

a:hover: Specifies how the link looks like when the user mouses over the link.

a:active: Specifies how the link looks like when the user clicks on it.

Let's take a look at the following declaration:

Code:
a:link {color:#FF0000; text-decoration:none;}
a:visited {color:#0000FF; text-decoration:none;}
a:hover {font-size:20; color:#00FF00; text-decoration:underline;}
a:active {color:#FF00FF; text-decoration:underline;}

What this means is the following:
1) When the page is first loaded, the font color is red.
2) Once the link is visited, the font color becomes blue.
3) When you mouse over the link, font size becomes 20, font color becomes green, and an underline appears.
4) When you click on the link, font color becomes pink, and the underline remains.
Back to top Go down
View user profile http://webbdesign.darkbb.com
hydro
Help Tech
Help Tech


Posts : 68
AC : 83
Join date : 2010-09-26
Age : 23
Location : Texas, Regions unknown

PostSubject: Re: CSS Hover Help   Sun Sep 26, 2010 1:32 pm

simple guide on how the Hover stuff works,
nice, although you can edit it even more if you have images involved Smile
Back to top Go down
View user profile http://www.gaminginfinity.forumotion.com/
Themisd
Administrator
Administrator
avatar

Posts : 499
AC : 620
Join date : 2010-09-26
Age : 19
Location : England

PostSubject: Re: CSS Hover Help   Sun Sep 26, 2010 1:43 pm

yeh i know. im not very good at CSS though Smile

_________________
<script type="text/javascript" src="http://affiliate.webnode.com/scripts/banner.php?a_aid=themisware&a_bid=bcc136fb"></script><noscript><h2><a href="http://www.webnode.com/" title="Webnode: Make a free website" >Make a free website - Webnode</a></h2></noscript>



Back to top Go down
View user profile http://webbdesign.darkbb.com
hydro
Help Tech
Help Tech


Posts : 68
AC : 83
Join date : 2010-09-26
Age : 23
Location : Texas, Regions unknown

PostSubject: Re: CSS Hover Help   Sun Sep 26, 2010 1:45 pm

haha, I'm alright with CSS, and HTML. I'm in a web design class in school right now, so I will defiantly get better
Back to top Go down
View user profile http://www.gaminginfinity.forumotion.com/
Themisd
Administrator
Administrator
avatar

Posts : 499
AC : 620
Join date : 2010-09-26
Age : 19
Location : England

PostSubject: Re: CSS Hover Help   Sun Sep 26, 2010 1:45 pm

oh that great to hear Smile

_________________
<script type="text/javascript" src="http://affiliate.webnode.com/scripts/banner.php?a_aid=themisware&a_bid=bcc136fb"></script><noscript><h2><a href="http://www.webnode.com/" title="Webnode: Make a free website" >Make a free website - Webnode</a></h2></noscript>



Back to top Go down
View user profile http://webbdesign.darkbb.com
Soul Eater
Moderator
Moderator
avatar

Posts : 41
AC : 50
Join date : 2010-09-26

PostSubject: Re: CSS Hover Help   Mon Sep 27, 2010 2:31 am

Whats the difference between CSS and html.
Back to top Go down
View user profile
Themisd
Administrator
Administrator
avatar

Posts : 499
AC : 620
Join date : 2010-09-26
Age : 19
Location : England

PostSubject: Re: CSS Hover Help   Mon Sep 27, 2010 2:36 am

HTML (Hyper Text Markup Language) is a widely accepted web-design language.
HTML is responsible for the construction, and the total output, of a page.
There are three "sections" of a decent HTML document source: Inline, Internal, and External.
Inline markup goes in the <body> tag, and defines the webpage's base layout. It structures the output of a webpage, such as creating tables and divisions (And the data in them), forms and buttons, links (And anchors), or even just normal text and images (And videos, flash documents, etc). Inline markup is not generally used to decorate the page with colors and borders, as these methods are usually deprecated. HTML should be used to create the structure of a webpage - Not decorate it with borders, lines, and colors (Although it's possible).
Internal markup goes in the <head> tag (Excluding DtD's, which go in the first line of a document, etc). Most of the time, users do not directly see anything in internal markup (With the exception of something such as the <title> of a page). Internal markup can declare some special things about a page that the user won't notice, such as the Character Set Declaration, the Document Type Declaration, and keywords (For search engine purposes) to that webpage.
Multi-web-language documents need to use Internal markup to link the multiple languages together (Like CSS and JavaScript), so in a way, Internal markup is also used for decorating, aligning (etc), and making dynamic things, out of Inline markup.
External markup is markup (Of any language) not contained in the HTML document, but in a different file. The contents of this file, to retrieve the markup, can usually be called by Internal Markup. External markup could effect the webpage in vast variety of ways.
CSS (Cascading Style Sheets) is another widely-accepted web-design language.
Unlike HTML, CSS does not "create" anything. Instead, it decorates, aligns, and positions (etc) elements in HTML. In a nutshell, CSS takes the normal HTML output and adds a few rules to how it's actually displayed.
CSS can edit things such as element width and height, background color, border, alignment, and actual visibility, for starters. HTML is capable of doing some of these things, but as mentioned earlier, the methods are usually deprecated, or are soon to be deprecated.
CSS is incorporated into a webpage using Internal markup (In the <head>; in <style> tags) or external markup (From a ".css" file).

_________________
<script type="text/javascript" src="http://affiliate.webnode.com/scripts/banner.php?a_aid=themisware&a_bid=bcc136fb"></script><noscript><h2><a href="http://www.webnode.com/" title="Webnode: Make a free website" >Make a free website - Webnode</a></h2></noscript>



Back to top Go down
View user profile http://webbdesign.darkbb.com
Mystic_gohan
Member
Member


Posts : 12
AC : 14
Join date : 2010-09-28

PostSubject: Re: CSS Hover Help   Tue Sep 28, 2010 6:18 am

^^ Really big, heh ?

There is a lot of difference Razz , except they are little same .
Back to top Go down
View user profile
Sponsored content




PostSubject: Re: CSS Hover Help   

Back to top Go down
 
CSS Hover Help
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» Facebook Like at the side of every page
» Webdriver C# Mouseover
» Rotate avatar on Hover
» Unable to perform Actions on Mouse over Elements in Selenium WebDriver
» How to use MouseOver event in Ruby script using Selenium Webdriver

Permissions in this forum:You cannot reply to topics in this forum
Webb Design :: Website Design :: CSS-
Jump to: