» »

Как скрыть текст при помощи стилей CSS

Как скрыть текст при помощи стилей CSS

Красивое и интересное решение на функцию скрытие текста и все работает на стилях без JS. При наведение клика появляется полный текст. Где можно его использовать? Это все зависит от веб мастера, можно поставить в сам материал, только изначально выставить "Панель HTML кодов" так как только на HTML работать будет. Возможно и на BB кодах, но здесь не проверял. Не стал делать демонстрацию, так как вы сами все можете проверить, поставив его в материал и сохранить.

Что увидите красивый эффект, здесь хочется подчеркнуть, что в стили вы сами можете поставить свое изображение, что ниже стиль приведу. Если говорить по поисковой системе, так как по умолчанию будет видна только шапка, которую можно под h1, h1, h3, поставить и первые три строки видны. Но как только наведете, то красиво развернется остальное, это может быть как статья или мануал, все что хотите спрятать.

Это вот видите, что можно поставить его в материал, это файлы или блог и другие, кроме форума.

Скрыть элементы описание при помощи CSS

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

Способ крыть элемент текста на CSS

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

Открытие описание при наведение клика на сайте

Этот стиль выводит картинку и на ней будет описание или знаки написаны.
Код
background: #222 url(http://zornet.ru/Aben/ABGEA/E2Kinre_hRM.jpg) 50% 50%/cover;


HTML - что выставлено по центру:

Код
<div class="content">  
  <h1>Скрытый текст</h1>  
  <p>Здесь как раз будет ваша статья и описание, что когда установите на сайт, то шрифт автоматически увеличиться, что можно под какой то материал установить и будет смотрется оригинально и для пользователя понятно.</p>  
</div>

Остались стили, что нажимаем на кнопку СКАЧАТЬ и откроется окно, где копируем. Они идкт уже под style, что можете сначало описание поставить и ниже уже стили.

Код
<style type="text/css"> стили </style>

Если вы решили во многие статьи и материалы ставить этот эффект, то убираем их и прописываем в CSS сайта, что можно в самый низ. И после этого, вы уже только ставите описание и все будет работать.
14.08.2017 Загрузок: 2 Просмотров: 444 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Critic©
Critic© 14.08.2017 20:141
0
Как считаете можно поставить в описание на главной странице. Если написано, что роботы с поиска все видят, то здесь можно место много сохранить, другое дело если в описание ссылки и кто не знает как открыть.
Kosten
Kosten 14.08.2017 20:262
0
Вот с описанием на главной странице лучше не делать, там пусть будет все открыто, если у вас описание. Здесь больше идет под какой то материал. не исключаю, если есть описание на категорий и можно так оригинально поставить. Но главная должна быть читабельная, так как многие может вообще не подозревают, что все находиться под эффектом раскрытие.
avatar