Ramka i obrazek

[dawid18]

Siemanko,

otóż chodzi oto, że gdy użyjemy tych znaczników

[*/quote] (bez gwiazdki) to mamy zieloną ramkę i oto taki obrazek:

.

I teraz moje pytanie jak takie coś zrobić na znacznikach

 [*/code]??

[Dr.C4M3L3ON]

Witaj, wydaje mi się że wystarczy drobna edycja w CSS ... w pliku ipb_styles.css

[dawid18]

Wiem, że w pliku ipb_styles.css tyle, że nie wiem jak to zrobić?

[DawPi]

Zajrzeć do kodu na cytat, a potem analogią zastosować to w code.

[dawid18]

A czy trzeba coś dodawać do pliku:

admin/sources/classes/bbcode/custom/defaults.php?

Bo tam jest kod od cytatu:

//-----------------------------------------

// Build output and return it

//-----------------------------------------

$output = "<p class='citation'>";

$snapback = '';

if( $options['post'] )

{

$snapback = "<a class='snapback' rel='citation' href='{$this->settings['base_url']}app=forums&module=forums&section=findpost&pid={$options['post']}'>" .

$this->registry->output->getReplacement( 'snapback' ) . "</a>";

}

if( $options['name'] OR $options['date'] OR $options['timestamp'] )

{

// sort timestamp

if ( !$this->settings['cc_on'] AND $options['timestamp'] AND strlen( $options['timestamp'] ) == 10 AND ( intval($options['timestamp']) == $options['timestamp'] ) )

{

$options['date'] = $this->registry->getClass('class_localization')->getDate( $options['timestamp'], 'LONG' );

}

if( $options['name'] AND $options['date'] )

{

$output .= $snapback . sprintf( $this->lang->words['bbc_full_cite'], $options['name'], $options['date'] ) ;

}

else if( $options['name'] )

{

$output .= $snapback . sprintf( $this->lang->words['bbc_name_cite'], $options['name'] ) ;

}

else if( $options['date'] )

{

$output .= $snapback . sprintf( $this->lang->words['bbc_date_cite'], $options['date'] ) ;

}

}

else

{

$output .= $snapback . $this->lang->words['bbc_quote'];

}

$output .= "</p>";

$output .= '<div class="blockquote"';

$output .= '>';

$output .= "<div class='quote'>";

$output .= $content;

$output .= "</div>";

$output .= '</div>';

return $output;

}

}

Bo w CSS jest takie coś:

/* Quote boxes */
p.citation {
background: #afd3be url({style_images_url}/citation_bg.png) no-repeat 

right;
color: #2b3730;
font-size: 0.9em;
font-weight: bold;
border-left: 3px solid #87a594;
border-top: 1px dotted #87a594;
border-right: 1px dotted #87a594;
padding: 5px 8px;
}

i dalej jest jeszcze kod od cytatu to jak ma to wyglądać przy

p.code { itd.??

[DawPi]

Tylko w CSS działaj.

Jak w quote masz:

p.citation {

background: #afd3be url({style_images_url}/citation_bg.png) no-repeat

right;

To analogicznie dla kodu znajdź. Klasa kodu to z tego, co widzę to prettyprint. Możesz też napisać nową, wg schematu dla cytatu, ale wtedy musisz też edytować tag BBCode i wpisać nową klasę - tę utworzoną.