nicepracc

Как спрятать текст под текстом в хтмл

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

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

Допустим просто "Привет Андрей, как твои дела?", а под этим текстом будет ещё 100+ других слов, которых пользователь не видит.

Вот пример http://joxi.ru/82QN9VdC1jLeZA ; http://joxi.ru/12MN91MC4MeDjA

Связь в пм, или скайп sergeynaveszolota

Работу соответственно оплачу!!!

 

Изменено пользователем nicepracc

Поделиться сообщением


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

нужно сделать чтобы при нажатии на "узнать подробности" появлялся текст что-ли?

тут делов то на 2 минуты, причем 1 минута на подготовку

Скрытый текст

<body>
<div>
    <div class="ask">вопрос1</div>
    <div class="answ">ответ1</div>
</div>
<div>
    <div class="ask">вопрос2</div>
    <div class="answ">ответ2</div>
</div>
<div>
    <div class="ask">вопрос3</div>
    <div class="answ">ответ3</div>
</div>

<script src="jquery-3.2.1.js"></script>
<script src="script.js"></script>
</body>

 

Скрытый текст

.ask{
    background: #ccc;
    color: #fff;
    width: 400px;
}
.answ{display: none;
    background: #ccc;
    width: 400px;}

 

Скрытый текст

$('.ask').on('click', function () {
    var answer = $(this).next();
    $('.answ').not(answer).slideUp(400);
answer.slideToggle(400)
})

 

 

Изменено пользователем AlexZaw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
3 часа назад, AlexZaw сказал:

нужно сделать чтобы при нажатии на "узнать подробности" появлялся текст что-ли?

тут делов то на 2 минуты, причем 1 минута на подготовку

  Показать содержимое


<body>
<div>
    <div class="ask">вопрос1</div>
    <div class="answ">ответ1</div>
</div>
<div>
    <div class="ask">вопрос2</div>
    <div class="answ">ответ2</div>
</div>
<div>
    <div class="ask">вопрос3</div>
    <div class="answ">ответ3</div>
</div>

<script src="jquery-3.2.1.js"></script>
<script src="script.js"></script>
</body>

 

  Показать содержимое


.ask{
    background: #ccc;
    color: #fff;
    width: 400px;
}
.answ{display: none;
    background: #ccc;
    width: 400px;}

 

  Показать содержимое


$('.ask').on('click', function () {
    var answer = $(this).next();
    $('.answ').not(answer).slideUp(400);
answer.slideToggle(400)
})

 

 

Немного не так, смотри на скринах, которые я скинул, виден текст, узнать подробности это просто ссылка на сайт..
НО, под этим текстом имеются ещё другие слова, которые человек никак не увидит, только просмотрев непосредственно хтмл код.

Т.е получается, левый текст замаскирован, под основной
Может в личке пообщаемся? Проще объяснить будет))
 

Поделиться сообщением


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

Не стоит делать так для рабочих проектов, индексации таких сайтов будут плохими. Для личных проектов можно использовать банально display:none; или position:absolute;opacity:0;

  • Like 1

Поделиться сообщением


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

именно маскировать текст различными  font-size: 0;  белым шрифтом и т д не надо.  яндексы и гуглы будут сильно ругаться

  • Like 2

Поделиться сообщением


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

Поддерживаю предыдущих ораторов, поисковики считают это нарушением и наказывают за подобное. Впрочем, скриншоты наводят на мысль о рекламе какого-то лохотрона, а для таких вещей это в самый раз, ибо нечего подобному хламу всплывать в поиске. А если горе-лохотронщик еще и заплатит за такой сайт — вообще отлично:)

  • Like 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
20 часов назад, Николя223 сказал:

именно маскировать текст различными  font-size: 0;  белым шрифтом и т д не надо.  яндексы и гуглы будут сильно ругаться

А если font-size: 0 делается для родителя, что бы убрать отступы, между инлайн блоками, а в этих инлайн блоках задаётся размер? 

Поделиться сообщением


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

Для текста, который необходимо скрыть за другим текстом:

position: absolute;

z-index: -1000;

Вроде должно работать, но я не проверял.

 

Поделиться сообщением


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

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас


  • Похожие публикации

    • Автор: Азраэль
      Здравствуйте. Подскажите пожалуйста такую вещь.
      Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места.
      <div class="orange">
        <canvas id="heart"></canvas>
      </div>
      CSS
      canvas {
        position: relative;
        left:0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
      }
       
      НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять.
      Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов.
      Спасибо