Jump to content

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

nicepracc

By nicepracc,
in Freelance

 Share

Recommended Posts

nicepracc Explorer

nicepracc

Posted
Posted (edited)

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

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

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

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

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

 

Edited by nicepracc
Link to comment
Share on other sites
AlexZaw Explorer

AlexZaw

Posted
Posted (edited)

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

тут делов то на 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)
})

 

 

Edited by AlexZaw
Link to comment
Share on other sites
nicepracc Explorer

nicepracc

Posted
  • Author
Posted
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)
})

 

 

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

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

Link to comment
Share on other sites
Switch74 Rising Star

Switch74

Posted
Posted

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

  • Like 1
Link to comment
Share on other sites
SelenIT Explorer

SelenIT

Posted
Posted

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

  • Like 2
Link to comment
Share on other sites
DivMan Explorer

DivMan

Posted
Posted
20 часов назад, Николя223 сказал:

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

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

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
Reply to this topic...

×   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
Go to topic listing

  • Similar Content

    • Азраэль
      Ява скрипт на бэкграунд
      By Азраэль
      Здравствуйте. Подскажите пожалуйста такую вещь.
      Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места.
      <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);
      }
       
      НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять.
      Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов.
      Спасибо
×
×
  • 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

  I accept