Категория: CSS для MyPage

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

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

#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;} 

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

Обсудить у себя 17
Комментарии (73)

Здорово!

Ну хоть кто-то оценил)

в клубе не работает

в твоем? сейчас гляну)

тэги работают)
Чтобы спрятать список юзеров нужно в последней строке friends заменить на widget_users 
#widget_users:hover .widget_content {display: block;} #widget_users .widget_content {display: none;}

Спасибо) Классная весч!)

Особенно актуально для эмпэшников, которые состоят во многих клубах.

А они все выводятся?)

Если ты про клубы, то да.

Ну понятное дело, что про клубы)))) не про «эпэшников» же

Не не, всё в порядке. Просто ты мне до этого про теги толковал, вот и я переспросил.

)

ещё у меня есть вопрос. А реально сдвинуть блок блога, как захочется. А то он прилипает или к левому или правому краю, в зависимости от настроек.Ширину то изменить можно, а вот выставить блок не получается. Я вот ТУТ экспериментирую.

Пусти меня в блог, а так, вообще в принципе то конечно можно расположить его так, как тебе удобно

Ну сразу скажу
background-attachment: fixed;
это для фоновой картинки 

Спасибо конечно за подсказку, но я не хочу фиксировать фоновую картинку блога, просто её до ума надо довести)

Куда надо то в итоге повесить блог?)

Самое то! Спасибо!

а для клубов можешь написать? с этим скриптом после установки в клубе, убираются только теги.

Я ж тебе уже показывал, как сменить?)) Смотри в личку)

Вместо friends пишем widget_users

А куда надо вводить этот скрипт?

Спасибо)

А я вот нашла интересный скрипт для МП, хочу применить, куда его ввести?
Вот он:

 #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;} 

Уже не нужно, всё сама сообразила)

 

Ок!

Но всё равно не соображаю как сделать прозрачным свободный блок..

А вот тут спрашивайте уже специалиста по css !

Но всё равно не соображаю как сделать прозрачным свободный блок..

Прозрачным...
Тот скрипт что ты дала выше не то делает! 

Я знаю)Но он мне тоже нравится)

 

А прозрачным то как...



А вот тут спрашивайте уже специалиста по css ! 

а у него личка закрыта...

Всегда можно дать прямую ссылку: http://mypage.ru/chat/#doranych
Вот пишите ему на здоровье!

  Автор: надеюсь что вы не обидесь на это! Если что просто удалите комент! 

Спасибо больше! Едва ли я этим воспользуюсь, но некоторым блогам это совершенно не помешает

))

Спасибо 

Не за что)

Скажите, можно ли весь столб виджета убрать, свернуть в одну, скажем, кнопочку, при нажатии/наведении на которую виджет появляется?

И еще немного не по теме. Возможно лисделать так, чтобы каждый пост был отдельно от предыдущего?

.left div {opacity:0;filter:alpha(opacity=0);}
.left:hover div {opacity:1;filter:alpha(opacity=100); }
.left div {-moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.left {height: 10px; z-index: 15 !important; position: absolute !important; top: 10px; left: 10px;}
.left:hover {width: 270xp !important; height: 100% !important; }
#all .left {margin: 0 !important;}
.wrap .right {margin-left: 0 !important;}

Для дизайнов с сайдбаром слева подходит этот вариант. Как это выглядит  можно посмотреть у меня)

Не совсем то, что я имела ввиду, но спасибо!!!!

здравствуйте! Если можно поинтересоваться… а как сделать так же появляющуюся визитку и виджет, но без изменений в их положении?

не понял

Можно так же поиграться с параметрами фона при наведенном и не наведенном состоянии у класса left.
.left {bacground: ;} — это задается в основном шаблоне там же можно исправить, если буждет нужно заменить исходную картинку.
.left:hove {background: !important;} — не забываем указывать приоритет для этого свойста, иначе работать не будет

Поправка к стилю
.left {top: 40px;} 
.left div {display: none;} 
.left:hover div {display: block; }

молодец!!!

Сохранила себе код в блокнот СПАСИБО!!! Получается здорово!

Еще немного моей назойливости: а можно ли сделать посты отдельно друг от друга?

В каком смысле отдельно?

Вот так: 

Хм… ну гляну конечно, но чуть позже… сейчас времени нет.
Может к обеду ближе) 

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

.post {
-moz-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
margin: 10px 0 !important;
background:  url(http://f.mypage.ru/10ac88e499a6a47030e311f2a7b1c920_d7c29b7331ca2d825448a3e586afe16d.jpg) repeat;
}
и убираем фон у виджета блог. 

Спасибо!  Как убрать фон у виджета, думаю, найду)

Скажите, где вы это берете? Я тоже хотела бы почитать)

Из головы беру)) а вообще общая база по CSS и HTML здесь)
Но в основном за счет 6,5 лет опытов)

Я с этого сайта взяла практически всё для своего оформления, но составлять еще не умею)

Добавьте к .post еще padding: 0 10px; это отодвинет текст и картинки от границ...

Не помогло....

Добавь !important)

Полчаса промучалась вчера, но сама всё сделала, спасибо! 

Вернее вы за меня всё сделали, а я только баги исправила)) Еще паз вам спасибо!

вот у меня как было так и осталось… Как я тогда вам написал код, так и отображается..

Вы знаете, у меня колонки местами теперича поменялись, когда фон убрала… Как это можно исправить? (я очень-очень извиняюсь за доставучесть, правда)

Вы сами поменяли их расположение. Тот код который я вам дал не меняет местами колонки))

Или подвинуть ленту к виджету? Теперь и это не делается...

Чтобы подовдвинуть надо указать для .wrap .right { margin-left: 235px !important;}

не пододвинуло(

Можно и то и другое, но нет времени сейчас.

можно вопросик?

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

Отключить их в настройках блога?

нет, всё спасибо я разобрался...

Огромное спасибо

а спросить можно?

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети:

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