JampPanel - навигатор (CSS)
Сообщений 81 страница 90 из 116
Поделиться8119.12.13 09:02
spasibo! a eshe kak sdelat nadpis reservation and iconcoi t.e. vverhy?
vot stranicy s etim oknom http://www.royalcabpcb.com
a vot moi kod , chto men sdelat i gde vstavit chtob ssylka pereshla na reservation?
<div id=right><span id="close-right"></span>
<img src="images/7 22.png" alt="" />
<div><font size=4>Reservation Online</font></div>
</div>
</div>
<script type="text/javascript">
jQuery('#close-right').click(function(){
jQuery('#right').fadeOut(1300);
});
</script>
<style type="text/css">
#right {
border:3px solid #313131;
width: 190px;
height: 200px;
right:10px;
border-radius:10px;
position:fixed;
top:30%;
z-index:2000;
background: #fff320;
}
#close-right {
opacity:0.8;
display:inline-block;
float:right;
margin:4px;
cursor:pointer;
position:relative;
width:19px;
height:19px;
background: url(http://s1.uploads.ru/i/dAjpq.png);
}
</style>
Поделиться8219.12.13 09:12
a vot ssylka dlya reservation. Za ranee spasibo
http://www.royalcabpcb.com/index.php/reservation-online
Поделиться8319.12.13 09:18
a Telefon "(850)708-5708" snizy ikonki !
Поделиться8419.12.13 12:29
avyaz
Честно говоря, не совсем поняла, но надеюсь, что правильно
Пробуем:
<div id=right><span id="close-right"></span> <a href="/index.php/reservation-online"><img src="images/7 22.png" alt="" /></a> <div><font size=4>Reservation Online</font></div> </div> </div> <script type="text/javascript"> jQuery('#close-right').click(function(){ jQuery('#right').fadeOut(1300); }); </script> <style type="text/css"> #right { border:3px solid #313131; width: 190px; height: 200px; right:10px; border-radius:10px; position:fixed; top:30%; z-index:2000; background: #fff320; } #close-right { opacity:0.8; display:inline-block; float:right; margin:4px; cursor:pointer; position:relative; width:19px; height:19px; background: url(http://s1.uploads.ru/i/dAjpq.png); } </style>
a Telefon "(850)708-5708" snizy ikonki !
Т.е. чтобы "Call us today" была под "Reservation Online?"
Поделиться8519.12.13 13:33
avyaz
Пишите на русском, есть встроенная клавиатура в быстром ответе! Скриншот
Ибо Вы ищите ответ, - а затраты на расшифровку вопроса отбивают всяческое желание помогать,
Вдобавок, - это неуважение к усилиям помогающего!
Отредактировано Deff (19.12.13 13:34)
Поделиться8619.12.13 21:33
avyaz
Честно говоря, не совсем поняла, но надеюсь, что правильно
Пробуем:Т.е. чтобы "Call us today" была под "Reservation Online?"
да! чтобы снизу иконки под машиной была надпись Call us at (850)708-5708, а с верху надпись Reservation Online. b можно как- нибудь цвет текста поменять? Огромное спасибо за помощь!
Поделиться8707.01.14 02:36
всех с праздниками ! но все же кто -а нибудь сможет мне помочь с моими надписямЯ? т.е. в предыдущем посте я писал!! ПЛИЗ!!
Поделиться8808.02.15 16:41
Доброго дня!
А как сделать такое же, но только выдвигающееся с самой верхней части страницы - вниз?
Спасибо.
Поделиться8903.10.22 03:44
<!-- JampPanel -Cлево -->
<style>
#JampPanel:hover{
margin-left:45px;
}
#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;left:0;margin-left:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 202px 2px no-repeat;
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 -58px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 234px;
}
</style>
<div id=JampPanel>
<div class=container>
<div id=Zaslonyalka></div>
Подскажите как сделать чтобы оно выезжало больше, и вернуть красную полоску) Когда оно справа проще делать, а когда слева получается дребедень полная, вроде ставишь размер но получается не так.
на главной его видно http://xboxfan.ru/
Отредактировано ROBOCOPxbox360 (03.10.22 03:48)
Поделиться9003.10.22 13:27
ROBOCOPxbox360
Наверно стиль подправить(вы ухо уменьшили)
<style>
#JampPanel:hover{
margin-left:45px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:2px solid #528308;
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:50px;top:50px;left:0;margin-left:-202px;
background:#F0F0F0 202px 2px no-repeat;
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-2px 0 0 -58px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:50px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 234px;
}
</style>