Jump to content
  • 0

Как title, только с дивом. Как сделать, чтобы выходило рандомно?


Guest Feniks000
 Share

Question

Guest Feniks000

http://codepen.io/anon/pen/tFqwE# как сделать, чтобы не было всегда справа? а рандомно отображало.

Ставил, чтобы показывало только с одной страны и не думал о последствиях. Теперь хз как сделать чтобы показывало случайно. 

Нужны скрипты? 

Код начинается отсюда: 
.infoMain:hover .TitleMain{}

 

fjj4LhQ_MeU.jpg

 

Тест: feniks000.myjino.ru 

 

 

Пример брал с мегого :megogo.net/ru

 

poHG9oUGaCc.jpg

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Возможно это поможет. Если, конечно, нужно только для последнего элемента изменить расположение всплывающего блока.

li:last-child .infoMain:hover .TitleMain{left: -500px;}
Edited by Горошко Клим
Link to comment
Share on other sites

  • 0
Guest Feniks000

 

Возможно это поможет. Если, конечно, нужно только для последнего элемента изменить расположение всплывающего блока.

li:last-child .infoMain:hover .TitleMain{left: -500px;}

Ох! большое спасибо!

С переделал так: 

 

li:nth-child(3) .infoMain:hover .TitleMain,li:nth-child(4) .infoMain:hover .TitleMain,li:nth-child(5) .infoMain:hover .TitleMain {left: -520px;}li:nth-child(3) .infoMain:hover .MainArrow,li:nth-child(4) .infoMain:hover .MainArrow,li:nth-child(5) .infoMain:hover .MainArrow {z-index: 999;display: block;border-top: 5px solid transparent;    border-left: 10px solid #fff;    border-bottom: 5px solid transparent;position: relative;right: 10px;    bottom: 15px;}
Link to comment
Share on other sites

  • 0

 

Вот здесь более подробно о псевдоклассе :nth-child - http://htmlbook.ru/css/nth-child. Есть еще :nth-of-type: 

http://htmlbook.ru/css/nth-of-type.

 

Уже решено! Зачем поднимать тему? 

 

Вам виднее...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  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

  • Similar Content

    • By ирина228777
      Не могли бы вы подсказать, если в коде 2 тега титл, то это какая то ошибка? Просто мне делали год назад сайт, и я не уверена что правильно. 
      вот поподробнее:
      <title>Световые буквы</title>
      <meta name="keywords" content="реклама на транспорте, наружная реклама Москва, вывески, наружная реклама, штендеры, стенды, монтаж наружной рекламы, панель-кронштейн, световые вывески, таблички, интерьерная печать, латунные таблички, баннеры, объемные буквы, регистрация наружной рекламы, неоновая реклама, световые короба, перетяжки, оформление витрин, неон, металлические буквы" />
      <meta name="description" content="Реклама на транспорте. Лучшие цены на изготовление наружной рекламы. Производство и размещение наружной рекламы в Москве. Разработка дизайн-проекта. Полиграфия." />
      <meta charset="utf-8">
      <title></title>
      <meta name="description" content="">
      <meta name="keywords" content="">
    • By Gwendolen
      Сделал отличный дизайн на бутстрапе. Почти все хорошо  и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка.
      Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки.
      Какие вообще есть подходы к этой проблеме.
      Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.
    • By MadSandwich
      Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки.
      Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера.

      Вот код моей подсказки
      .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; }  
    • By MaxOverlord
      Какой html код нужен чтобы вывести радио плеер с сайта http://www.rpgamers.net/radioна свой сайт wix. Все мои попытки остались безуспешными.
       
      На данный момент вывел только аудио поток радио http://23.239.14.138:8000/rpgn.  
       
      Как можно добавить current song отсюда http://23.239.14.138:8000и что бы он автообновлялся? А еще лучше взять целиком плеер со страницы http://www.rpgamers.net/radio.
    • By seo@bitteaser.com
      Добрый день! 
      Подскажите пожалуйста, есть Landing, у него на главной странице нормальный php шаблон в котором простои понятно меняется title. А есть дополнительные страницы: "пользовательское соглашение", "форма регистрации" и "privatу policy". У этих страниц одинаковый title и выглядят они так:
      <?
      include('../includes/sql.class.inc');include('../includes/utilites.inc');include('../cnf.inc');include('../includes/pattern.inc');include('../includes/pages.inc');include('../includes/menu.inc'); $body = show_page('privacy'); $pattern = Array('pattern'=>'../patterns/login.html','menu'=>show_menu(),'title'=> 'Privacy Policy','body'=>$body); echo show_pattern($pattern);   Подскажите, как изменить в таком шаблоне title?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy