Как задать стиль в модуле html

evonov · января 7, 2016

Здраствуйте, подскажите как сделать в стандартном модуле html отдельный стиль для ссылки, чтобы при наведении мышкой менялся цвет ссылки,

вот сайт: http://igru.rovno.ua/

admin · января 7, 2016

назначить свой класс этим ссылкам

дальше либо в стандартный фаил стилей добавить либо там же в модуле штмл через исходный код добавить как <style></style>

evonov · января 7, 2016

вот посмотрите правильно добавил класс для ссылки ? подскажите как правильно теперь в исходный код модуля добавить?

admin · января 7, 2016

класс назначайте в Джерело

там же и добавляйте стили

evonov · января 7, 2016

7 минут назад, admin сказал:

класс назначайте в Джерело

там же и добавляйте стили

а в том окне нельзя создать стиль для ссылки?

admin · января 7, 2016

2 минуты назад, evonov сказал:

а в том окне нельзя создать стиль для ссылки?

может и можно но я в таких случаях пользуюсь Источник\Джерело мне так проще и привычней

evonov · января 7, 2016

а можете показать для примера, как одну ссылку изменить? (желательно было бы если бы цвет ячейки или цвет рамки менялся при наведении)

<table border="0" cellpadding="10" cellspacing="0" class=" amdb" style="hover:orange; width:100%">
   <thead>
   </thead>
   <tbody>
       <tr>
           <td style="text-align:center"> </td>
           <td style="text-align:center"> </td>
           <td style="text-align:center"> </td>
           <td style="text-align:center"> </td>
           <td style="text-align:center"> </td>
       </tr>
       <tr>
           <td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/igrushki-na-radioupravlenii.jpg" style="background-color:#f3bd48; height:91px; hover:#000; width:150px" /></a></td>
           <td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/mjagkie-igrushki/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/mjagkie-igrushki.jpg" style="height:113px; width:150px" /></a></td>
           <td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/detskij-transport/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/detskij transport.jpg" style="height:150px; width:150px" /></a></td>
           <td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/sportivnye-igry/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/sportivnye-igry.jpg" style="height:150px; width:150px" /></a></td>
           <td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/detskie-palatki/"><img alt="Детские палатки" src="http://igru.rovno.ua/image/data/demo/Kategorii/Detskie palatki, domiki.jpg" style="height:150px; width:150px" /></a></td>
       </tr>
       <tr>
           <td style="text-align:center">
           <p><a class="akm" href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii/"><span style="color:#0000CD"><span style="font-size:18px"><strong>На радиоуправлении</strong></span></span></a></p>
           </td>
           <td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/mjagkie-igrushki/"><span style="color:#0000CD"><span style="font-size:18px"><strong>Мягкие игрушки</strong></span></span></a></td>

admin · января 7, 2016

может вам все же для начала нужно html book почитать ?

но в целом пример такой

вот ваша ссылка

 <p><a class="akm" href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii/"><span style="color:#0000CD"><span style="font-size:18px"><strong>На радиоуправлении</strong></span></span></a></p>

вы уже ей через редактор дали цвет убираем его и делаем как то так

 <p><a class="akm" href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii/">На радиоуправлении</a></p>

собственно класс этой ссылке вы уже задали

class="akm"

так что нам нужно только его описать

<style>
  .akm a {
  color:#0000CD;
  font-size:18px;
  }
</style>

это мы получили такой же результат как у вас есть сейчас

теперь нужно добавить изменение цвета при наведении

<style>
  .akm a {
  color:#0000CD;
  font-size:18px;
  }
  .akm a:hover {
  color:red; --- ну точнее нужный код цвета
  }
</style>

как то так

evonov · января 7, 2016

обычно я менял стили чаще всего в отдельном файле, в самом html в давно не менял забыл наверное что к чему, а в самом модуле html в первый раз меняю, но html book все равно почитаю чтоб освежить память

буду благодарен если подскажите куда вот тот код нужно поставить?

<style>
  .akm a {
  color:#0000CD;
  font-size:18px;
  }
  .akm a:hover {
  color:red; --- ну точнее нужный код цвета
  }
</style>

admin · января 7, 2016

все туда же в исходный код

но можете вставить его и в фаил стилей только без <style>

evonov · января 7, 2016

3 минуты назад, admin сказал:

все туда же в исходный код

но можете вставить его и в фаил стилей только без <style>

в файл стилей поставил почему то не работает

то что в исходный код нужно поставить этот код это понятно понятно, я имел ввиду между каких тегов?

admin · января 7, 2016

так оно тегами уже и окружено <style> </style> поставить в самом верху

если не работает то и в исходном коде работать не будет

смотрите не потеряли ли класс

и возможно исправит ситуацию если сделать вот так a.akm

evonov · января 7, 2016

насколько я понял должно быть так?

<style>
  .akm a {
  color:#0000CD;
  font-size:18px;
  }
  .akm a:hover {
  color:red;
  }
</style>
<table border="0" cellpadding="10" cellspacing="0" style="hover:orange; width:100%">
	<thead>
	</thead>
	<tbody>
		<tr>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/igrushki-na-radioupravlenii.jpg" style="background-color:#f3bd48; height:91px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/mjagkie-igrushki/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/mjagkie-igrushki.jpg" style="height:113px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/detskij-transport/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/detskij transport.jpg" style="height:150px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/sportivnye-igry/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/sportivnye-igry.jpg" style="height:150px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/detskie-palatki/"><img alt="Детские палатки" src="http://igru.rovno.ua/image/data/demo/Kategorii/Detskie palatki, domiki.jpg" style="height:150px; width:150px" /></a></td>
		</tr>
		<tr>
			<td style="text-align:center">
			<p><a class="akm" href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii">На радиоуправлении</a></p>
			</td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/mjagkie-igrushki/"><span style="color:#0000CD"><span style="font-size:18px"><strong>Мягкие игрушки</strong></span></span></a></td>

admin · января 7, 2016

да

кстати стиль мог не подхватиться когда вы его поместили в файлик стилей по причине кеша браузера и помогло бы ctrl+f5

evonov · января 7, 2016

24 минуты назад, admin сказал:

да

кстати стиль мог не подхватиться когда вы его поместили в файлик стилей по причине кеша браузера и помогло бы ctrl+f5

ctrl+f5 не помогло,

после того как сохраняю исходный код и потом захожу опять вот эта часть кода пропадает, так и должно быть?

может есть статья по этому поводу или на форуме что то похожее чтобы я почитал?

<style>
  .akm a {
  color:#0000CD;
  font-size:18px;
  }
  .akm a:hover {
  color:red;
  }
</style>

admin · января 7, 2016

пропадать не должно

или вставляете не так или что то еще

но гадать по фотографии очень тяжело

в целом я процесс вам описал и в теории он не должен был вызывать вопросов

evonov · января 7, 2016

хочу уточнить, присвоил стиль для ссылки, потом вот этот код я поставил в исходный код в админ.панель сайта в модуле html (не в файл) правильно? и этот кусок кода пропадает потом, это может быть из за того что ставил другой редактор для админ. панели? или что я не так мог сделать? если сможете подскажите пожалуста, буду и сам конешно смотреть, читать что не так делаю, Спасибо

<style>
  .akm a {
  color:#0000CD;
  font-size:18px;
  }
  .akm a:hover {
  color:red;
  }
</style>
<table border="0" cellpadding="10" cellspacing="0" style="hover:orange; width:100%">
	<thead>
	</thead>
	<tbody>
		<tr>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/igrushki-na-radioupravlenii.jpg" style="background-color:#f3bd48; height:91px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/mjagkie-igrushki/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/mjagkie-igrushki.jpg" style="height:113px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/detskij-transport/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/detskij transport.jpg" style="height:150px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/sportivnye-igry/"><img alt="" src="http://igru.rovno.ua/image/data/demo/Kategorii/sportivnye-igry.jpg" style="height:150px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/detskie-palatki/"><img alt="Детские палатки" src="http://igru.rovno.ua/image/data/demo/Kategorii/Detskie palatki, domiki.jpg" style="height:150px; width:150px" /></a></td>
		</tr>
		<tr>
			<td style="text-align:center">
			<p><a class="akm" href="http://igru.rovno.ua/katalog-tovarov/igrushki-na-radioupravlenii">На радиоуправлении</a></p>
			</td>
			<td style="text-align:center"><a href="http://igru.rovno.ua/katalog-tovarov/mjagkie-igrushki/"><span style="color:#0000CD"><span style="font-size:18px"><strong>Мягкие игрушки</strong></span></span></a></td>

admin · января 9, 2016

ну вставили вы правильно

почему пропадает понятия не имею

вставляйте значит его в общий фаил стилей

Как задать стиль в модуле html

Рекомендуемые сообщения

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Сейчас на странице 0 пользователей