Оформляем ББ коды CODE, HTML и PHP

[Sampler]

Оформляем ББ коды CODE, HTML и PHP

Выглядит это таким образом:



1.Открываем шаблон bbcode_code
и заменяем его содержимое следующим кодом

<div style="margin:20px; margin-top:5px">
	<div class="smallfont" style="margin-bottom:2px">$vbphrase[code]:</div>
	<pre dir="ltr" style="
		margin: 0px;
		padding: $stylevar[cellpadding]px;
		border: 1px inset;
		border-width: 1px 1px 1px 5px;
		width: $stylevar[codeblockwidth];
		height: {$blockheight}px;
		text-align: left;
		background-color: #F2F2F2;
		border-radius: 5px 5px 5px 5px;
		border-color: #00CC33;
		border-left-color: #00CC33;
		border-left-style: solid;
		-khtml-border-radius: 5px;
    		-moz-border-radius: 5px;
    		-webkit-border-radius: 5px;
		overflow: auto">$code</pre>
</div>

2. Открываем шаблон bbcode_html
и заменяем его содержимое следующим кодом

<div style="margin:20px; margin-top:5px">
	<div class="smallfont" style="margin-bottom:2px">$vbphrase[html_code]:</div>
	<pre dir="ltr" style="
		margin: 0px;
		padding: $stylevar[cellpadding]px;
		border: 1px inset;
		width: $stylevar[codeblockwidth];
		height: {$blockheight}px;
		text-align: left;
		border-width: 1px 1px 1px 5px;
		background-color: #F2F2F2;
		border-radius: 5px 5px 5px 5px;
		border-color: #009999;
		border-left-color: #009999;
		border-left-style: solid;
		-khtml-border-radius: 5px;
    		-moz-border-radius: 5px;
    		-webkit-border-radius: 5px;
		overflow: auto">$code</pre>
</div>

3. Открываем шаблон bbcode_php
и заменяем его содержимое следующим кодом

<div style="margin:20px; margin-top:5px">
	<div class="smallfont" style="margin-bottom:2px">$vbphrase[php_code]:</div>
	<div dir="ltr" style="
		margin: 0px;
		padding: $stylevar[cellpadding]px;
		border: 1px inset;
		width: $stylevar[codeblockwidth];
		height: {$blockheight}px;
		text-align: left;
		border-width: 1px 1px 1px 5px;
		background-color: #F2F2F2;
		border-radius: 5px 5px 5px 5px;
		border-color: #006699;
		border-left-color: #006699;
		border-left-style: solid;
		-khtml-border-radius: 5px;
    		-moz-border-radius: 5px;
    		-webkit-border-radius: 5px;
		overflow: auto">
		<code style="white-space:nowrap">
			<!-- php buffer start -->$code<!-- php buffer end -->
		</code>
	</div>
</div>

На этом всё!

Автор инструкции Sampler

[PRofimc]

Столько описаний на форуме, с исчезнувшими фотками.... как это не допустить у себя не форуме?

[Serberg]

Столько описаний на форуме, с исчезнувшими фотками.... как это не допустить у себя не форуме?

Загружать файлы с картинками во вложения. Это самый надежный вариант.