Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Navigation | Change the color on mouse rollover using CSS
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Change the color on mouse rollover using CSS

Why using an image if you can use CSS style in a way the button color changes when you run a pointer over it.

 
  Author: NikMan | Version: CS3 | 29th March 2013 |  
 
 
1.
 

Crate a new HTML page.

You can of course use the existing one, but a bit of improvistaion will be needed, which we are glad to give you on our forum.

 
 
2.
 

Let's begin in a simple way.

Click the Table icon to crate a table.

 
 
3.
 

Choose and enter same things as I did and click OK.

 
 
4.
 

Two cell table has been created, enter some text in each of them (see picture).

Click Code, enable the Code view.

 
 
5.
 

Position yourself under the tag <head>.

 
 
6.
 

Enter the following two CSS styles:

<style type="text/css">

.menu {background-color: #a3c7dc; }
.menu:hover {background-color: #81acca; }

</style>

 
 
7.
 

Now got to where your first table cell is located (see picture).

 
 
8.
 

In the td tag add class="menu" (see picture).

 
 
9.
 

Do the same thing for another cell/button (see picture).

 
 
10.
 

Save your document and see what it does.

Press F12 while in Dreamweaver to launch the page you just did in your default web browser.

 
 
 
   
  Please login to post a comment
  Click to open user profile  
McReady, 1st Apr 2013, 1:30 AM
Thank you for this tutorial. It really helped.
 
 
  Click to open user profile  
KevinKma, 30th Apr 2018, 11:04 AM
Она обеспечит влажную уборку, кпримеру, с поддержкой экстракции водой или очистки паром, чтоб выключить пыль, грязь и остальные загрязнители. Клининговая фирма может применять различные хим вещества, чтоб вытянуть и выключить всевозможные загрязнения, какие могли создаться, а втомжедухе, чтоб отстоять ковровое покрытие от формирования пятен в будущем. [url=https://kevinclean.ru/Клининговая] компания дом Москва[/url] что такое клининг? Клининговые фирмы, специализирующиеся на уборке полов, втомжедухе проверят всевозможные участки, какие нуждаются в починке или показывают симптомы износа, таккак обеспечивают сервисы по починке, чтоб предупредить предстоящее повреждение. Независимо от типа напольного покрытия на объекте, уборщица располагает надлежащими способами и оборудованием, чтоб кормить полы чистыми, симпатичными и действенными. Некоторые клининговые фирмы имеютвсешансы дать спец сервисы чистки для кабинетов и помещений, какие употребляют мрамор, гранит или камень в качестве напольного покрытия. Хонингование позволит выровнять поверхность и выключить грязь, клининговые фирмы имеютвсешансы дать сервисы зачистки, шлифовки и полировки поверхности, чтоб возвратить натуральный сияние напольного покрытия, а втомжедухе нанести пропитки для придания полу глянца, укрепляющую пропитку, лекарство против скольжения, какие сохранят полы в чистоте подольше, перечень предоставляемых услуг фактически безграничен и настраивается персонально при заключении контракта с поставщиком услуг. Как очистить раковину из нержавейки march 15, 2016 Нержавеющая сталь неописуемо крепкий и упругий материал. Что такое клининг https://kevinclean.ru/himchistka-salona-.... - Химчистка потолка автомобиля цена . Он устойчив к царапинам, пятнам и иным последствиям каждодневной эксплуатации, какие вредят иным раковинам. Хромированное покрытие гарантирует живучесть раковины к коррозии и потускнению, от известкового налета, черных пятен, жира, но поверхность раковины может быть испорчена грязью и копотью, благодарячему нержавеющую сталь нужно кормить в чистоте. Следуйте последующим советам, чтоб выяснить, как очистить раковину из нержавейки, чтоб та оставалась блестящей длинные годы.
 
 
  Click to open user profile  
FiltrNasoi, 6th May 2018, 6:44 PM
Плиты очищают от загрязнений с помощью мягкой губки, бытовых моющих средств и теплой воды. Недопустимо применение агрессивных или абразивных химикатов. [url=https://dveri-komforta.ru/cat/vhodnyie-d....Входные] металлические двери доставкой установкой Москва[/url] цена: от 43 000 руб. Кроме того, нельзя использовать вышеуказанные средства на внешней стороне листа, защищенной от ультрафиолета, предоставляет комплексные услуги по изготовлению и установке дачных навесов для авто любых размеров и конфигураций, выполненных из поликарбоната и других материалов. Купить данные конструкции можно по приемлемым ценам. Навесы для автомобилей востребованы там, где площадь участка ограничена. Монтаж стационарной конструкции (гаража, ворот и др.) обусловлен рядом неудобств: высокая стоимость заливки фундамента, привлечение квалифицированных специалистов, подбор места установки, материалов и пр. Благодаря особой конструкции навеса вы можете сделать стоянку для автомобиля на своем дачном участке в любом удобном месте. Предел огнестойкости является основным критерием при выборе той или иной двери в зависимости от ее назначения в помещении https://dveri-komforta.ru/cat/vhodnyie-d.... - двери доставка установка замер Москва . Наша компания изготавливает конструкции из различных материалов, среди которых самыми популярными у заказчиков являются поликарбонат, профнастил и ондекс. Особенности материалов: профнастил с полимерным защитным покрытием, отличающийся невысокой стоимостью, выбирают автовладельцы, которые стремятся максимально сэкономить средства и в то же время построить добротный и прочный навес для авто на даче. http://www.electronicflux.com/forum/view.... В летнее время года он хорошо защищает от солнца, а зимой легко выдержит толстый слой снега. Богатая цветовая гамма покрытия позволяет без труда подобрать нужный цвет крыши; поликарбонат отличается высокой степенью светопроницаемости, но при этом практически не нагревается и хорошо защищает от ультрафиолетового излучения.
 
 
  Click to open user profile  
Fortunaei, 28th May 2018, 3:05 AM
[url=http://85jtg3.com/alt/playfortuna/regist....[img]http://www.hospitechsolutions.com/wp-content/uploads/2018/01/1428658522.gif[/img][/url]] - [url=http://85jtg3.com/alt/playfortuna/regist....CLICK] HERE![/url] [url=http://85jtg3.com/alt/playfortuna/regist....НАЖМИ] ЗДЕСЬ![/url] -
 
 
  Click to open user profile  
Dverinowei, 28th Jun 2018, 5:53 AM
[center][img]https://nastroike.com/images/dve-vhn12.j....] [/center] Выставочные образцы. Бери, пока не раскупили! Двери для Вас. Виды дверей бронированных [b][u][url=https://dveri-komforta.ru/cat/vhodnyie-d....покрыть] лаком дверь мдф в Москве[/url] [/b][/u] Распродажа. Как правильно выбрать входные металлические двери? Как правильно выбрать входную металлическую дверь? Пожалуй, это один из самых часто задаваемых вопросов, которым задаются не только счастливые обладатели новеньких квартир в новостройках, но и все, кто затеял ремонт в. своем жилище и те, кому, просто пришло время поднять свою ступеньку безопасности и комфорта на новый уровень. Бронированные двери предназначены для защиты жилого или офисного помещения от несанкционированного вхождения, а также от негативного воздействия внешней среды [url=https://dveri-komforta.ru/cat/vhodnyie-d....толщина] двери из мдф Москва[/url] Что выбрать? Цена-Качество-Технологичность. Много по этому поводу мыслей и споров. Безусловно, современные. технологии 21 века не стоят на месте, а порою, просто шокируют нас своей динамичностью и разнонаправленностью. во всех сферах нашей жизни. tag: [u][b]размеры дверей мдф в Москве, дсп мдф дверь в Москве, элитные двери фото в Москве, входные двери облицовка мдф Москва, жалюзийные двери мдф на заказ в Москве, производство мебель мдф шпон Москва, [/b][/u] двери мдф эмаль Москва, тамбурная дверь элит сервис в Москве, двери мдф борисов в Москве, входная дверь мдф дуб Москва, двери элит сервис отзывы Москва, дверь межкомнатная белая мдф в Москве, двери элитные Москва, обивка входной двери мдф Москва, орех мдф шпон Москва, двери купе из мдф глянец Москва, двери купе мдф фото Москва, купить недорого двери мдф Москва, двери мдф одинцово Москва, элитные двери для дома в Москве, фурнитура дверь мдф Москва, мдф и шпон в чем разница Москва, кухни мдф шпон фото Москва, двери из мдф показать в Москве, металлические двери мдф Москва, порог мдф двери Москва, дешевые двери мдф Москва, панели мдф шпон дуб Москва, дверь мдф межкомнатная фото в Москве, мдф облицованный шпоном Москва, [u][b]откосы дверей панелями мдф Москва, фото двери из откосов мдф в Москве, двери мдф фото Москва, двери мдф борисов в Москве, обивка дверей кожа мдф сао Москва, двери из мдф своими руками Москва, [/u][/b] http://teammew3.webs.com/http://www.belk....
 
 
  Click to open user profile  
rachelbrown, 2nd Oct 2019, 8:01 AM
We provide the chance to spice up up your career and confidence level by passing the test with the assistance of AWS Certified Solutions Architect Associate training from on-line exam homework and simply AWS Certified Solutions Architect Associate exam.
[url=https://www.braindumpspro.com/AWS-Soluti....AWS] Certified Solutions Architect Associate Study Material[/url]
 
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO