JampPanel - навигатор (CSS)
Сообщений 61 страница 70 из 116
Поделиться6111.04.13 10:33
Ага я понял,это как тут в сообщениях теги
[u][i][b][size=16] тут текст [/size][/b][/i][/u]
так-же можно Таблицу HTML кодов применять в скриптах,угу интересно все это конечно
Поделиться6217.04.13 23:09
Помогите разобраться, говорят вы умеете. Нужно поставить фоновые изображения. чтобы это выглядело так >>
Вот фон контента http://forumstatic.ru/files/0010/15/a0/35916.png
Вот "ухо" http://forumstatic.ru/files/0010/15/a0/86787.png
Вот ссылка на форум
А вот используемый скрипт:
<!-- JampPanel--> <style> #JampPanel:hover{ margin-left:260px; } #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:-200px; margin-left: 0px; background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 200px 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 -60px; } #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> Ваш контент </div> </div> <!--End//JampPanel-->
Буду оочень благодарна.
Поделиться6318.04.13 03:17
Kery
<style> #JampPanel:hover{ margin-left:2px; } #JampPanel,#JampPanel .container{ 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:154px;top:100px;left:0;margin-left:-244px; background: transparent url(http://s2.uploads.ru/Edw6C.png) 0px 2px no-repeat; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; width:297px; } #JampPanel .container{ padding:12px; height:275px; width:225px;margin:-1px 0 0 0; background: transparent url(http://s2.uploads.ru/Edw6C.png) 0 2px no-repeat; } #Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/ background: transparent url(http://s2.uploads.ru/Edw6C.png) -246px 2px no-repeat; position:absolute; height:152px;width:14px; margin:-12px 0 0 234px; } </style> <div id=JampPanel> <div class=container> <div id=Zaslonyalka></div> Ваш контент </div> </div> <!--End//JampPanel-->
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:154px;top:100px;left:0;margin-left:-244px;
Красным - отступ от верха
Поделиться6405.05.13 12:56
Написал текст в панели [первоначальный без наворотов],получился красивый жирный формат,добавил теги <pre></pre> буквы стали гораздо менее жирными и приходится добавлять дополнительно <b></b> .
Почему так?
Поделиться6505.05.13 13:11
kleo333
а зачем вам, собственно, <pre>? Это довольно-таки редкий тег, и нужен только в специфических случаях.
Поделиться6605.05.13 13:44
kleo333
Оберните в <b> до тегов <pre>
Хотя тег <pre> нужен лишь для экономии </ br> на переводы строк,
Отредактировано Deff (05.05.13 13:45)
Поделиться6705.05.13 13:51
Хотя тег <pre> нужен лишь для экономии </ br> на переводы строк,
Использовать ul для списка, а p для абзацев как-то грамотней
Поделиться6805.05.13 14:24
mintemero
Ну <pre> используется в двух случаях, быстрая вставка уже отформатированного моноширного длинно-текста ( например срочно-временно вставитькакие-то правила или пояснения)
и второе, какой то код, с заменой угловых скобок на > < и двойных кавычек "
К примеру скрипты или HTML css
Вообще то при наличии скрипта Онлайн Редактор Объявлений
Проще вставить блок
<div class="edit-container" data="Ссылка на пост"></div>
И править контент JampPanel уже в BB-Тегах
Отредактировано Deff (05.05.13 14:25)
Поделиться6906.05.13 10:35
Нет-нет,мне тег <pre></pre> посоветовали выше,для удобства переноса строки,пробелов и красной строки.
Засуньте свой контент в теги <pre></pre> - Тады - как вы напишите - так и будет, и пробелы - и переносы на новую строку
</pre>
Действительно очень удобно.
Поделиться7014.08.13 10:52
Здравствуйте. А как сделать чтобы панель была и справа и слева одновременно? Спасибо.