Подсветка синтаксиса с прокруткой в ​​Blogspot

Question

Я использую blogspot.com.
Я хочу сделать подсветку своего кода.
Итак, я использую api для кода Google.

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/> 

<code><pre class="prettyprint"> ... my coding place ... 

Все хорошо, но я хотел бы сделать прокрутку (например, style = "overflow-x: scroll")

Пожалуйста, дайте мне знатьгде я должен изменить, чтобы прокрутить мой код на blogspot.com

Answer 1

Для тех, кто ищет решение этой проблемы - вам следует оформить заказ:

http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

Это действительно простой учебник "SyntaxHighlighter for Blogger" со скриншотами и всем прочим.

Вы должны начать работу через несколько минут.

Answer 2

добавьте к вашему css

.codescroll {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 500px;
}

, а затем вы можете добавить более одного класса к предварительному элементу:)

<code><pre class="prettyprint codescroll"> ... my coding place ... 

, что должно помочь

Answer 3

Не уверен насчет Google prettify, но вы можете использовать SyntaxHighlighter, и с небольшими изменениями ваш код будет выглядеть красиво: http://www.simplethoughtsonline.com/2012/01/syntaxhighlighter-and-blogger.html