Категория:
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;}
Все предельно просто)
Здорово!
Ну хоть кто-то оценил)
в клубе не работает
в твоем? сейчас гляну)
тэги работают)
Чтобы спрятать список юзеров нужно в последней строке 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;}
не пододвинуло(
Можно и то и другое, но нет времени сейчас.
можно вопросик?
подскажите пожалуйста как сделать чтобы исчезли все виджеты и остался только один блог?
Отключить их в настройках блога?
нет, всё спасибо я разобрался...
Огромное спасибо
а спросить можно?