Перейти вниз
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Тест разных элементов

в Пт Авг 11, 2017 2:42 pm
Первое сообщение в теме :

---

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вт Дек 05, 2017 3:54 am
Код:
<ul class="vertmenu">
    <li><a href="#">Пункт 1</a></li>
    <li><a href="#top">Пункт 2 ></a>
        <ul>
            <li><a href="#">подпункт 2.1</a></li>
            <li><a href="#">подпункт 2.2</a></li>
            <li><a href="#">подпункт 2.3</a></li>
        </ul>
    </li>
    <li><a href="#">Пункт 3</a></li>
    <li><a href="#">Пункт 4</a></li>
    <li><a href="#">Пункт 5</a></li>
    <li><a href="#">Пункт 6</a></li>
</ul>

<style type="text/css">

/* настройки основного блока */

ul.vertmenu {
   margin: 1px !important;
   padding: 0 !important;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   display: inline-block;
   background-color: #3d3e40; /* цвет фон меню */
   width: 190px; /* ширина меню */
}

ul.vertmenu li {
   list-style: none;
   position: relative;
}

ul.vertmenu li a {
   padding: 10px 12px 12px;
   color: #fff; /* цвет ссылок пунктов */
   font-size: 13px;
   font-weight: bold;
   font-family: Arial;
   text-decoration: none;
   display: block;
   border-top: 1px solid #c4c4c4; /* разделительная линия между пунктами */
}

ul.vertmenu li a:hover {
   background-color: #b00000; /* цвет фона пунктов и подпунктов при наведении */
}

ul.vertmenu li:first-child a {
   border-top: none;
}

ul.vertmenu li:first-child a:hover {
   border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
}

ul.vertmenu li:last-child a:hover {
   border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
}

/* Выпадающее подменю */

ul.vertmenu li ul {
   display: none;
}

ul.vertmenu li:hover ul {
   display: block;
   position: absolute;
   left: 190px;
   top: 1px;
   padding-left: 0 !important;
   margin: 0 !important;
   background-color: #28282a; /* цвет фона подпункта */
   width: 150px !important; /* ширина подпунктов */
   z-index: 10000;
   border-radius: 0 5px 5px 0;
   -webkit-border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
}

ul.vertmenu li:hover ul li:first-child a:hover {
   border-radius: 0 5px 0 0;
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
}

ul.vertmenu li:hover ul li:last-child a:hover {
   border-radius: 0 0 5px 0;
   -webkit-border-radius: 0 0 5px 0;
   -moz-border-radius: 0 0 5px 0;
}
</style>

<ul class="vertmenu">
   <li><a href="#">Пункт 1</a></li>
   <li><a href="#top">Пункт 2 ></a>
       <ul>
           <li><a href="#">подпункт 2.1</a></li>
           <li><a href="#">подпункт 2.2</a></li>
           <li><a href="#">подпункт 2.3</a></li>
       </ul>
   </li>
   <li><a href="#">Пункт 3</a></li>
   <li><a href="#">Пункт 4</a></li>
   <li><a href="#">Пункт 5</a></li>
   <li><a href="#">Пункт 6</a></li>
</ul>

<style type="text/css">

/* настройки основного блока */

ul.vertmenu {
  margin: 1px !important;
  padding: 0 !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-block;
  background-color: #3d3e40; /* цвет фон меню */
  width: 190px; /* ширина меню */
}

ul.vertmenu li {
  list-style: none;
  position: relative;
}

ul.vertmenu li a {
  padding: 10px 12px 12px;
  color: #fff; /* цвет ссылок пунктов */
  font-size: 13px;
  font-weight: bold;
  font-family: Arial;
  text-decoration: none;
  display: block;
  border-top: 1px solid #c4c4c4; /* разделительная линия между пунктами */
}

ul.vertmenu li a:hover {
  background-color: #b00000; /* цвет фона пунктов и подпунктов при наведении */
}

ul.vertmenu li:first-child a {
  border-top: none;
}

ul.vertmenu li:first-child a:hover {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}

ul.vertmenu li:last-child a:hover {
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
}

/* Выпадающее подменю */

ul.vertmenu li ul {
  display: none;
}

ul.vertmenu li:hover ul {
  display: block;
  position: absolute;
  left: 190px;
  top: 1px;
  padding-left: 0 !important;
  margin: 0 !important;
  background-color: #28282a; /* цвет фона подпункта */
  width: 150px !important; /* ширина подпунктов */
  z-index: 10000;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
}

ul.vertmenu li:hover ul li:first-child a:hover {
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}

ul.vertmenu li:hover ul li:last-child a:hover {
  border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
}
</style>

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вт Дек 05, 2017 3:53 am
<ul class="vertmenu">
    <li><a href="#">Пункт 1</a></li>
    <li><a href="#top">Пункт 2 ></a>
        <ul>
            <li><a href="#">подпункт 2.1</a></li>
            <li><a href="#">подпункт 2.2</a></li>
            <li><a href="#">подпункт 2.3</a></li>
        </ul>
    </li>
    <li><a href="#">Пункт 3</a></li>
    <li><a href="#">Пункт 4</a></li>
    <li><a href="#">Пункт 5</a></li>
    <li><a href="#">Пункт 6</a></li>
</ul>

<style type="text/css">

/* настройки основного блока */

ul.vertmenu {
   margin: 1px !important;
   padding: 0 !important;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   display: inline-block;
   background-color: #3d3e40; /* цвет фон меню */
   width: 190px; /* ширина меню */
}

ul.vertmenu li {
   list-style: none;
   position: relative;
}

ul.vertmenu li a {
   padding: 10px 12px 12px;
   color: #fff; /* цвет ссылок пунктов */
   font-size: 13px;
   font-weight: bold;
   font-family: Arial;
   text-decoration: none;
   display: block;
   border-top: 1px solid #c4c4c4; /* разделительная линия между пунктами */
}

ul.vertmenu li a:hover {
   background-color: #b00000; /* цвет фона пунктов и подпунктов при наведении */
}

ul.vertmenu li:first-child a {
   border-top: none;
}

ul.vertmenu li:first-child a:hover {
   border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
}

ul.vertmenu li:last-child a:hover {
   border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
}

/* Выпадающее подменю */

ul.vertmenu li ul {
   display: none;
}

ul.vertmenu li:hover ul {
   display: block;
   position: absolute;
   left: 190px;
   top: 1px;
   padding-left: 0 !important;
   margin: 0 !important;
   background-color: #28282a; /* цвет фона подпункта */
   width: 150px !important; /* ширина подпунктов */
   z-index: 10000;
   border-radius: 0 5px 5px 0;
   -webkit-border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
}

ul.vertmenu li:hover ul li:first-child a:hover {
   border-radius: 0 5px 0 0;
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
}

ul.vertmenu li:hover ul li:last-child a:hover {
   border-radius: 0 0 5px 0;
   -webkit-border-radius: 0 0 5px 0;
   -moz-border-radius: 0 0 5px 0;
}
</style>

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вт Дек 05, 2017 3:38 am
Код:
<ul class="vertmenu">
    <li><a href="#">Пункт 1</a></li>
    <li><a href="#top">Пункт 2 ></a>
        <ul>
            <li><a href="#">подпункт 2.1</a></li>
            <li><a href="#">подпункт 2.2</a></li>
            <li><a href="#">подпункт 2.3</a></li>
        </ul>
    </li>
    <li><a href="#">Пункт 3</a></li>
    <li><a href="#">Пункт 4</a></li>
    <li><a href="#">Пункт 5</a></li>
    <li><a href="#">Пункт 6</a></li>
</ul>

<style type="text/css">

/* настройки основного блока */

ul.vertmenu {
   margin: 1px !important;
   padding: 0 !important;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   display: inline-block;
   background-color: #3d3e40; /* цвет фон меню */
   width: 190px; /* ширина меню */
}

ul.vertmenu li {
   list-style: none;
   position: relative;
}

ul.vertmenu li a {
   padding: 10px 12px 12px;
   color: #fff; /* цвет ссылок пунктов */
   font-size: 13px;
   font-weight: bold;
   font-family: Arial;
   text-decoration: none;
   display: block;
   border-top: 1px solid #c4c4c4; /* разделительная линия между пунктами */
}

ul.vertmenu li a:hover {
   background-color: #b00000; /* цвет фона пунктов и подпунктов при наведении */
}

ul.vertmenu li:first-child a {
   border-top: none;
}

ul.vertmenu li:first-child a:hover {
   border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
}

ul.vertmenu li:last-child a:hover {
   border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
}

/* Выпадающее подменю */

ul.vertmenu li ul {
   display: none;
}

ul.vertmenu li:hover ul {
   display: block;
   position: absolute;
   left: 190px;
   top: 1px;
   padding-left: 0 !important;
   margin: 0 !important;
   background-color: #28282a; /* цвет фона подпункта */
   width: 150px !important; /* ширина подпунктов */
   z-index: 10000;
   border-radius: 0 5px 5px 0;
   -webkit-border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
}

ul.vertmenu li:hover ul li:first-child a:hover {
   border-radius: 0 5px 0 0;
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
}

ul.vertmenu li:hover ul li:last-child a:hover {
   border-radius: 0 0 5px 0;
   -webkit-border-radius: 0 0 5px 0;
   -moz-border-radius: 0 0 5px 0;
}
</style>
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вт Дек 05, 2017 3:27 am
<ul class="vertmenu">
    <li><a href="#">Пункт 1</a></li>
    <li><a href="#top">Пункт 2 ></a>
        <ul>
            <li><a href="#">подпункт 2.1</a></li>
            <li><a href="#">подпункт 2.2</a></li>
            <li><a href="#">подпункт 2.3</a></li>
        </ul>
    </li>
    <li><a href="#">Пункт 3</a></li>
    <li><a href="#">Пункт 4</a></li>
    <li><a href="#">Пункт 5</a></li>
    <li><a href="#">Пункт 6</a></li>
</ul>

<style type="text/css">

/* настройки основного блока */

ul.vertmenu {
   margin: 1px !important;
   padding: 0 !important;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   display: inline-block;
   background-color: #3d3e40; /* цвет фон меню */
   width: 190px; /* ширина меню */
}

ul.vertmenu li {
   list-style: none;
   position: relative;
}

ul.vertmenu li a {
   padding: 10px 12px 12px;
   color: #fff; /* цвет ссылок пунктов */
   font-size: 13px;
   font-weight: bold;
   font-family: Arial;
   text-decoration: none;
   display: block;
   border-top: 1px solid #c4c4c4; /* разделительная линия между пунктами */
}

ul.vertmenu li a:hover {
   background-color: #b00000; /* цвет фона пунктов и подпунктов при наведении */
}

ul.vertmenu li:first-child a {
   border-top: none;
}

ul.vertmenu li:first-child a:hover {
   border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
}

ul.vertmenu li:last-child a:hover {
   border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
}

/* Выпадающее подменю */

ul.vertmenu li ul {
   display: none;
}

ul.vertmenu li:hover ul {
   display: block;
   position: absolute;
   left: 190px;
   top: 1px;
   padding-left: 0 !important;
   margin: 0 !important;
   background-color: #28282a; /* цвет фона подпункта */
   width: 150px !important; /* ширина подпунктов */
   z-index: 10000;
   border-radius: 0 5px 5px 0;
   -webkit-border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
}

ul.vertmenu li:hover ul li:first-child a:hover {
   border-radius: 0 5px 0 0;
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
}

ul.vertmenu li:hover ul li:last-child a:hover {
   border-radius: 0 0 5px 0;
   -webkit-border-radius: 0 0 5px 0;
   -moz-border-radius: 0 0 5px 0;
}
</style>
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вт Дек 05, 2017 12:44 am
<img src="https://pp.userapi.com/c841323/v841323966/1eb0b/asflyGUYRCw.jpg" title="Подсказка" />
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вт Дек 05, 2017 12:19 am
Тест разных элементов - Страница 27 Sluchajnoje_sobztije_forum_Vova_2
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Пн Дек 04, 2017 5:28 pm
/><img src="https://i.servimg.com/u/f62/17/26/24/34/jhg0ug10.png" alt="Динозаврик"  a title="Гном – Божество, сотворившее Мистерию и являющееся ее стражем. Открывает портал для новых гостей (игроков) в мир. Постоянно пребывает в междумирье рядом с каменными вратами, в само устройство мира не вмешивается."><br /><br
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Пн Дек 04, 2017 5:20 pm
Тест разных элементов - Страница 27 Jhg0ug10
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вс Дек 03, 2017 4:14 pm
Тест разных элементов - Страница 27 Sluchajnoje_sobztije5_forum_Vova
Тест разных элементов - Страница 27 Sluchajnoje_sobztije_forum_Vova_2
Тест разных элементов - Страница 27 Sluchajnoje_sobztije_forum_Vova_2
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вс Дек 03, 2017 2:13 am
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>https://vk.com</title>
</head>
<body>
<p><a href="1.html"> </a></p>
<p><a href="2.html" target="_blank"> </a></p>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>https://vk.com</title>
</head>
<body>
<p><a href="1.html">https://pikabu.ru/</a></p>
<p><a href="2.html" target="_blank">https://pikabu.ru/</a></p>
</body>
</html>
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вс Дек 03, 2017 2:12 am
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>https://vk.com</title>
</head>
<body>
 <p><a href="1.html">Ссылка откроется в этом окне</a></p>
 <p><a href="2.html" target="_blank">Ссылка откроется в новом окне</a></p>
</body>
</html>
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вс Дек 03, 2017 2:07 am
[URLnew=Ссылка]https://vk.com[/URLnew]


[URLnew=https://vk.com]Информация откроется в новой вкладке[/URLnew]




<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>https://vk.com</title>
</head>
<body>
<p><a href="1.html">Ссылка откроется в этом окне</a></p>
<p><a href="2.html" target="_blank">Ссылка откроется в новом окне</a></p>
</body>
</html>




HTML5IECrOpSaFx

Код:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Ссылки</title>
 </head>
 <body>
  <p><a href="1.html">Ссылка откроется в этом окне</a></p>
  <p><a href="2.html" target="_blank">Ссылка откроется в новом окне</a></p>
 </body>
</html>
Dungeon Master #1
Admin
Праймтайм : Каждый день с 7 до 11 МСК
Очки : 582
Репутация : 2
Посмотреть профильhttp://zadrot-pod-mostom.forum2x2.ru

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

в Вс Дек 03, 2017 2:06 am
[URLnew=http://phpbb3.x-tk.ru/]Источник взятого материала[/URLnew]
Спонсируемый контент

Тест разных элементов - Страница 27 Empty Re: Тест разных элементов

Вернуться к началу
Права доступа к этому форуму:
Вы можете отвечать на сообщения

Выдвижной чат