Привет.
Для начала создай пробник, выбери тему на которую будем делать обучающий дизайн, и приступим.
И какая именно боковая панель? Эта?
смотреть..
Химичим с Esen
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12012-10-28 17:23:44
- Участник
- Зарегистрирован: 2012-10-01
- Приглашений: 0
- Сообщений: 41
- Уважение: +0
- Позитив: +1
- Провел на форуме:
17 часов 9 минут - Последний визит:
2013-09-26 16:30:59
Поделиться22012-10-30 14:57:30
- Ня...
- Зарегистрирован: 2012-10-27
- Приглашений: 0
- Сообщений: 8
- Уважение: +0
- Позитив: +0
- Провел на форуме:
2 часа 44 минуты - Последний визит:
2012-11-04 17:26:53
Matayas
Окай, создаю. http://testttt44445555555.rusff.me/
Тему желательно КВшную (ну коты-воители), т.к. будет хотя бы применительно к моему любимому КВПП.
Да-да, эта панель, эта! *___*
__
А, да, я на "Коте" впервые и никогда еще не училась нормально делать стили, так что не возненавидьте, если что)
Отредактировано Esen (2012-10-30 15:25:23)
Поделиться32012-11-02 16:00:22
- Участник
- Зарегистрирован: 2012-10-01
- Приглашений: 0
- Сообщений: 41
- Уважение: +0
- Позитив: +1
- Провел на форуме:
17 часов 9 минут - Последний визит:
2013-09-26 16:30:59
Esen
Что ж, пусть будут КВ, мне в принципе без разницы, главное чтобы вам было интересно и после смогли применить свою работу куда-то (за зря же делать уже не интересно изначально)...
Касательно панели вот:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
<div class=container>
<div id=Zaslonyalka></div>
Ваш контент
</div>
</div>
<!--End//JampPanel-->
Синим - фоновый цвет, красным - Ваш контент (и ссылка на фоновое изображение кликабельного "уха").
Esen написал(а):
А, да, я на "Коте" впервые и никогда еще не училась нормально делать стили, так что не возненавидьте, если что)
Новичков не ненавидеть нужно, а учить. ©
Поделиться42012-11-03 13:10:38
- Ня...
- Зарегистрирован: 2012-10-27
- Приглашений: 0
- Сообщений: 8
- Уважение: +0
- Позитив: +0
- Провел на форуме:
2 часа 44 минуты - Последний визит:
2012-11-04 17:26:53
Matayas
Спасибо :3
Жду уроков/заданий.
Страница: 1
