Yshopnoosa.com

Hur du ändrar rullningslisterna i IE7

Hur du ändrar rullningslisterna i IE7

När du surfar på webben med Internet Explorer 7 (IE7), ser du att samma gamla vertikala och horisontella scrollbars är alltid där. Den vertikala rullningslisten visas ibland även om längden på sidan kräver det. Även är scrollbar egenskaper såsom färg och storlek alltid samma.

På dina egna webbsidor, kan du kontrollera egenskaperna för scrollbarsna om du vill ha dem gå fint med temat för dina webbsidor. Du behöver inte acceptera status quo och kan njuta ett uppsnyggat upp utseendet på din webbplats.

Det finns sju element för en rullningslist: pryd med slingor pilen färg, Scrollbar Darkshadow färg, Scrollbar spår, färg Scrollbar ansikte färg, Scrollbar Skuggfärg, Scrollbar markeringsfärg och Scrollbar 3D-ljus färg.

Instruktioner

Ändra färg på din webbsida rullningslist med CSS

1 Öppna din CSS-fil för din webbsida eller webbplats med hjälp av en textredigerare eller din favorit CSS/HTML editor.

2 Ange följande kod för varje element i den pryd med slingor du vill ändra, ange de hexadecimala värdena för din önskade färger:

ScrollBar-pilen-color: #000000;

ScrollBar-darkshadow-color: #FFFFFF;

ScrollBar-spår-color: #000000;

ScrollBar-ansikte-color: #FFFFFF;

ScrollBar-skugga-color: #000000;

ScrollBar-highlight-color: #FFFFFF;

ScrollBar-3dlight-color: #000000;

3 Spara din CSS-fil och sedan testa dina webbsidor eller webbplats i IE7.

4 Gör justeringar scrollbar element i din CSS-fil och omtest i IE7 tills du uppnått önskat resultat.

Dölja IE7 är Unncessary Scrollbars

5 Öppna din CSS-fil för din webbsida eller webbplats.

6 Ange följande kod i din CSS-fil:

kroppen {overflow: auto;}

7 Spara din CSS-fil och testa din webbsida i IE7.

8 Se till att du testar en sida som är liten nog att det inte behöver en lodrät rullningslist.

Ace dynamiska Scrollbar färger

9 Använd denna kod ändra scrollbar färg när användaren placerar musen över en specifik länk:

< en href="link.htm" onMouseOver="body.style.scrollbarBaseColor='red'" > länktext < /a >

Dessa är inte CSS koden snippets, men ganska kod som du kan ingå i link-taggen.

10 Använd denna kod förändring scrollbar färg när en användare tar bort musen från en specifik länk:

< en href="link.htm" onMouseOut="body.style.scrollbarBaseColor='green'" > länktext < /a >

11 Använd koden för att ändra scrollbar färg när en användare klickar på länken:

< en href="link.htm" onClick="body.style.scrollbarBaseColor='blue'" > länktext < /a >

12 Använd koden för att ändra scrollbar färg två gånger, en gång när användaren placerar musen över länken, sen igen när användaren tar musen bort länken:

< en href="link.htm" onMouseOver="body.style.scrollbarBaseColor='red" "onMouseOut="body.style.scrollbarBaseColor='green'"> länktext < /a >

13 Använd koden för att ändra scrollbar färg tre gånger; en gång när användaren placerar musen över länken, igen när användaren tar musen bort länken, och igen när användaren klickar på länken:

< en href="link.htm" onMouseOver="body.style.scrollbarBaseColor='red" "onMouseOut="body.style.scrollbarBaseColor='green "" onClick="body.style.scrollbarBaseColor='blue'" > länktext < /a >

Tips & varningar

  • Vissa färger i naturligt språk kan användas istället för hexadecimala värden. For instance, IE7 will recognize #FF0000 and "red" as the color red:Hexadecimal color values can be found at www.mathsisfun.com/hexadecimal-decimal-colors.html, along with a web applet that lets you create colors showing the hexadecimal value of the color. Om du inte använder en CSS-fil, kan samma kod i denna artikel placeras direkt i HTML-filen genom att helt enkelt lägga till en stil avsnitt och lägga till koden med i avsnittet format. Till exempel: < style type = "text/css" > [CSS-kod går här] < / stil >
  • I många fall finns det skillnader mellan hur IE7 hanterar CSS och hur andra webbläsare handtag CSS. Detta innebär att du inte kan få samma resultat i andra webbläsare och även andra versioner av IE7.