|
Форум » uCoz » Помощь по uCoz » Создание полосы прокрутки для кода |
Создание полосы прокрутки для кода |
Дата: Среда, 2013-10-23, 19:34 | Сообщение # 1
Код /* ====== Code/Quote ====== */ .bbCodeBlock { background-image: -o-linear-gradientt(top, #efe8e1, #bda895); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8e1', endColorstr='#bda895'); background: #efe8e1; /* для не поддерживающих css3 браузеров */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8e1', endColorstr='#bda895'); /* для IE */ background: -webkit-gradient(linear, left top, left bottom, from(#efe8e1), to(#bda895)); /* для webkit браузеров */ background: -moz-linear-gradient(top, #efe8e1, #bda895); /* для firefox 3.6+ */ background-image: -o-linear-gradient(top, #efe8e1, #bda895);/* для Opera11+ */ border: 1px solid #553d28; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px 5px 0 5px; padding: 5px; max-width:700px;} .bbCodeName {background: rgba(110, 80, 54, 0.111); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.600), 0px 1px 0px rgba(0, 0, 0, 0.300) inset, 0px 1px 0px rgba(255, 255, 255, 0.300); color: #6e5036; height: 16px; padding: 5px; font-size:16px !important; } .codeMessage { background: #fff url('http://webohelp.ru/profile_icon/csomsk_ru.png'); border: 0px !important; font-size: 10px; font-family: "verdana", "arial", "helvetica"; color: #88756a; max-height:10000px !important; margin-top:5px; padding: 6px; word-wrap: break-word; } .codeMessage::selection { background: #e2ebef; color: #6e5036; } .codeMessage::-moz-selection { background: #e2ebef; color: #6e5036; } .bbCodeName::selection { background: none; } .bbCodeName::-moz-selection { background: none; } .bbQuoteBlock {background-image: -o-linear-gradientt(top, #e2ebef, #b8ddec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ebef', endColorstr='#b8ddec'); background: #b8ddec; /* для не поддерживающих css3 браузеров */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ebef', endColorstr='#b8ddec'); /* для IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e2ebef), to(#b8ddec)); /* для webkit браузеров */ background: -moz-linear-gradient(top, #e2ebef, #b8ddec); /* для firefox 3.6+ */ background-image: -o-linear-gradient(top, #e2ebef, #b8ddec);/* для Opera11+ */ border: 1px solid #284855; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px 5px 0 5px; padding: 5px; max-width:700px;} .bbQuoteName {background: rgba(54, 94, 110, 0.111); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.600), 0px 1px 0px rgba(0, 0, 0, 0.300) inset, 0px 1px 0px rgba(255, 255, 255, 0.300); color: #365e6e; height: 16px; padding: 5px; font-size:16px !important;} .quoteMessage {background: #fff url('http://webohelp.ru/profile_icon/csomsk_ru.png'); border: 0px !important; font-size: 10px; font-family: "verdana", "arial", "helvetica"; color: #697e87; max-height:10000px !important; margin-top:5px; padding: 6px; word-wrap: break-word;} .quoteMessage::selection { background: #efe8e1; color: #6e5036; } .quoteMessage::-moz-selection { background: #efe8e1; color: #6e5036; } .bbQuoteName::selection { background: none; } .bbQuoteName::-moz-selection { background: none; } .bbQuoteName b::selection { background: none; } .bbQuoteName b::-moz-selection { background: none; } .bbQuoteName span::selection { background: none; } .bbQuoteName span::-moz-selection { background: none; } /* ====== END Code/Quote ====== */ Добавлено (23.10.2013, 19:34) Сообщение отредактировал Skriperok - Среда, 2013-10-23, 19:34
|
Дата: Четверг, 2013-10-24, 17:03 | Сообщение # 2
Код .bbCodeBlock { background-image: -o-linear-gradientt(top, #efe8e1, #bda895); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8e1', endColorstr='#bda895'); background: #efe8e1; /* для не поддерживающих css3 браузеров */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8e1', endColorstr='#bda895'); /* для IE */ background: -webkit-gradient(linear, left top, left bottom, from(#efe8e1), to(#bda895)); /* для webkit браузеров */ background: -moz-linear-gradient(top, #efe8e1, #bda895); /* для firefox 3.6+ */ background-image: -o-linear-gradient(top, #efe8e1, #bda895);/* для Opera11+ */ border: 1px solid #553d28; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px 5px 0 5px; padding: 5px; max-width:700px; overflow:auto;} .bbCodeName {background: rgba(110, 80, 54, 0.111); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.600), 0px 1px 0px rgba(0, 0, 0, 0.300) inset, 0px 1px 0px rgba(255, 255, 255, 0.300); color: #6e5036; height: 16px; padding: 5px; font-size:16px !important; } .codeMessage { background: #fff url('http://webohelp.ru/profile_icon/csomsk_ru.png'); border: 0px !important; font-size: 10px; font-family: "verdana", "arial", "helvetica"; color: #88756a; max-height:10000px !important; margin-top:5px; padding: 6px; word-wrap: break-word; overflow:auto; } .codeMessage::selection { background: #e2ebef; color: #6e5036; } .codeMessage::-moz-selection { background: #e2ebef; color: #6e5036; } .bbCodeName::selection { background: none; } .bbCodeName::-moz-selection { background: none; } .bbQuoteBlock {background-image: -o-linear-gradientt(top, #e2ebef, #b8ddec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ebef', endColorstr='#b8ddec'); background: #b8ddec; /* для не поддерживающих css3 браузеров */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ebef', endColorstr='#b8ddec'); /* для IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e2ebef), to(#b8ddec)); /* для webkit браузеров */ background: -moz-linear-gradient(top, #e2ebef, #b8ddec); /* для firefox 3.6+ */ background-image: -o-linear-gradient(top, #e2ebef, #b8ddec);/* для Opera11+ */ border: 1px solid #284855; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px 5px 0 5px; padding: 5px; max-width:700px;} .bbQuoteName {background: rgba(54, 94, 110, 0.111); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.600), 0px 1px 0px rgba(0, 0, 0, 0.300) inset, 0px 1px 0px rgba(255, 255, 255, 0.300); color: #365e6e; height: 16px; padding: 5px; font-size:16px !important;} .quoteMessage {background: #fff url('http://webohelp.ru/profile_icon/csomsk_ru.png'); border: 0px !important; font-size: 10px; font-family: "verdana", "arial", "helvetica"; color: #697e87; max-height:10000px !important; margin-top:5px; padding: 6px; word-wrap: break-word;} .quoteMessage::selection { background: #efe8e1; color: #6e5036; } .quoteMessage::-moz-selection { background: #efe8e1; color: #6e5036; } .bbQuoteName::selection { background: none; } .bbQuoteName::-moz-selection { background: none; } .bbQuoteName b::selection { background: none; } .bbQuoteName b::-moz-selection { background: none; } .bbQuoteName span::selection { background: none; } .bbQuoteName span::-moz-selection { background: none; } /* ====== END Code/Quote ====== */[/co Добавлено (24.10.2013, 17:03) Хорошие книги про javscript: JavaScript. Подробное руководство (6-е издание) [2012, PDF, RUS] Выразительный Javascript, 2-е издание (2015, PDF/EPUB/MOBI, RUS) ------- Посмотри чем вебмастера балуются Сообщение отредактировал PheonixICQ - Четверг, 2013-10-24, 17:03
|
| |||
| |||