COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

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

evonov

Автор: ,
в Общие вопросы

 Share

Recommended Posts

evonov Newbie

evonov

Опубликовано:
Опубликовано:

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

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

Ссылка на комментарий
Поделиться на других сайтах
admin Collaborator

admin

Опубликовано:
Опубликовано:

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

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

Ссылка на комментарий
Поделиться на других сайтах
evonov Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:
7 минут назад, admin сказал:

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

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

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

Ссылка на комментарий
Поделиться на других сайтах
admin Collaborator

admin

Опубликовано:
Опубликовано:
2 минуты назад, evonov сказал:

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

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

Ссылка на комментарий
Поделиться на других сайтах
evonov Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:

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

 

 

<table border="0" cellpadding="10" cellspacing="0" class=" amdb" 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; 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 Collaborator

admin

Опубликовано:
Опубликовано:

может вам все же для начала нужно 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 Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:

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

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

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

 

Ссылка на комментарий
Поделиться на других сайтах
evonov Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:
3 минуты назад, admin сказал:

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах
admin Collaborator

admin

Опубликовано:
Опубликовано:

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах
evonov Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:

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

<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>

 

Ссылка на комментарий
Поделиться на других сайтах
evonov Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:
24 минуты назад, admin сказал:

да

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

 

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

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

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

  

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

 

Ссылка на комментарий
Поделиться на других сайтах
admin Collaborator

admin

Опубликовано:
Опубликовано:

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах
evonov Newbie

evonov

Опубликовано:
  • Автор
Опубликовано:

хочу уточнить, присвоил стиль для ссылки, потом вот этот код я поставил в исходный код в админ.панель сайта в модуле 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>

568e9b577f810_.thumb.png.6a1be6fa64b07c9

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Перейти к списку тем

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

    • Нет пользователей, просматривающих эту страницу