Просьба

Дорогие товарищи вопрошающие, убедительная просьба, вопросы ваши про CSS задавать в специально отведенном для этого дела посте.

Комментариев: 0

Прячем 18+

 

ВНИАНИЕ! убедительная просьба использовать этот рецепт только в том случае, если у вас действительно отсутствует контент связанный с этим взрастным ограничением. И совсем уже честным было бы установить в удобном для вас месте подходящий по стилю значек с вашим ограничением: 16+, 12+ и так далее.

Теперь о том как это делается

#powered span {display:none;}

Исправил опечакту dispay на display

Комментариев: 36

Выпадающий блок навигации

Простой такой код, обеспечивающий выпадание панели навигации (блог, друзья и пр.) при наведении.

Активный элемент списка навигации (страница на которой вы находитесь) всегда остается «навиду» так что всегда можно определить где вы.

.blog-nav li { margin-top: -500px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.blog-nav:hover li {margin-top: 0;}

«Вот и все, ребята)» © Woody

Комментариев: 5

CSS

Трюк с выпадающей сверх панелькой текста, как у меня сейчас, можно провернуть для стандартной строки навигации.

Товарисчи напомните мне об это завтра..)

Комментариев: 1

Выпадающий блок в шапке

Итак, выпадающий при наведении блок в шапке вашего блога. 

Имитирует некоторое подобие выпадающей менюшки(стандартной), но с возможностью настроить и выпадаение, и содержание)

 

#shower {z-index: 20; width: 100%; position: relative;}
#shower #hidden { margin-top: -1000px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#shower:hover #hidden {margin-top: 0;}
#hidden {position: absolute; left:0; right:0; border: 1px dashed #fff;width:100%; height: 100px; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-border-radius: 2px !important; background: url('http://f.mypage.ru/106d904810d24677fc13d4f8dc0114d9_ d703b5efa9398afd63eeaf090a24980b.png');}
.wrap .right { z-index: 0 !important;}
#header {overflow: visible !important;}

Для того чтобы этот код работал нужно создать свободный блок в шапке и внутрь него через html форму что-то вроде этого:

<div id=«shower»>
    <div id=«show_activ»><img title=«Немного доп информации» alt=«При наведении много информации» src=«imgin.ru/images/8122015aa6b5626d0636c4ab48069453.gif» /></div>
    <div id=«hidden»>Скрытый текст</div>
</div>

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

Комментариев: 50

Прячем содержимое виджетов

Прячем содержимое виджетов, оставляя только их название.

#widget_tags:hover .widget_content {display: block;} #widget_tags .widget_content {display: none;}
#clubs:hover .widget_content {display: block;} #clubs .widget_content {display: none;}
#friends:hover .widget_content {display: block;} #friends .widget_content {display: none;} 

Все предельно просто) 

Комментариев: 74

Играем со статусом на сайте.

Итак, вы хотите немного исправить недоделки администрации и разместить ваш статус не в визитке.
На данный момент у нас есть 2 варианта размещения.
Читать дальше
Комментариев: 23

О том как пользоваться css

CSS рецепты расчитаны на использование в специальном блоке только на сервисе MyPage.ru. Блок этот расположен  в Настройках блога -> Оформление -> Редактор CSS.
Там 2 поля ввода.
Нас интересует нижнее, которое не изменяется при смене дизайна.
Все выложенные мною рецепты сначала тестируются на моем собственном блоге или блогах моих друзей. 
Чтобы использовать рецепт просто вставьте его в указанное поле и нажмите кнопку сохранить.

Внимание!
Если различные рецепты затрагивают одни и теже блоки на вашей странице, убедитесь в разлчиности используемых свойств.
Если имеются общие свойства и они имеют различные значения, то рецепт используемый вторым работать будет не корректно. В таком случае при неободимости совмещения двух рецептов задайте вопрос в этом посте
Комментариев: 1

Вопросы по CSS рецептам

Вопросы по совмещению двух и более конфликтующих рецептов сюда.
Вопросы не по теме постов рубрики сюда.
Запросы на написание рецпта сюда. 
Комментариев: 430

Пачка рецептов #1

Разберу css своего блога на данный момент.

Код большой.
Читать дальше
Комментариев: 54
Страницы: 1 2
Каин
Каин
Был на сайте никогда
Родился: 9 Июля
admin@unohog.ru
Читателей: 187 Опыт: 0 Карма: 1
Я в клубах
I am Sherlocked Пользователь клуба
Уно Хогвартс Администратор клуба
CSS | Design Пользователь клуба
Web-Grower Модератор клуба
Sherlove Пользователь клуба
Проект "Together" Пользователь клуба
Новичкам MyPage.Ru Модератор клуба
Поддержка кнопки Пользователь клуба
Служба помощи MyPage.Ru Пользователь клуба
Много ARTа не бывает Модератор клуба
Ἔρως - Ἀφροδίτη Пользователь клуба
все 35 Мои друзья