wordpress plugin.codecolorer.mod(spoiler) 4 comments Posted: 25.10.2007 | By: zetta
Hace un par de díias un amigo me dijo que la página se comenzaba a ver muy fea y cada vez se entendia menos, pues se veia código por todas partes, me sugirió crear spoilers en los cuadros de có para que ya no se vea tan feo, he aqui lo que hice
Primero que nada estaba utilizando el plugin de codecolorer hay que buscar el archivo codecolorer.php y modificar algunas lineas
Los números de línea son un estimado
- //declaramos una varibale al inicio de la clase //->linea 75
- var $uniqueId = 0;
- //dentro de la funcion init() //linea ->
- ///modifique la funcion addContainer() y ahora quedo asi
- function addContainer($html, $options, $num_lines) {
- if($num_lines > $options['lines'])
- $style = ' style="height:' . ($options['lines'] * $options['line_height']) . 'px; visibility: hidden; display: none; "';
- elseif($num_lines == 1)
- $style = ' style="height:' . intval(2.5 * $options['line_height']) . 'px; visibility: hidden; display: none; "';
- else
- $style = ' style=" visibility: hidden; display: none; " ';
- $this->uniqueId++;
- $result = '
- <p class="spoiler"><a onclick="spoiler(\''.$this->uniqueId.'\'); return false;" href="#">Mostrar/Ocultar código '.$options['lang'].'</a>';
- $result .= '
- <div id="'.$this->uniqueId.'" class="codecolorer-container ' . $options['lang'] . '">' . $html . '</div>
- ';
- return $result;
- }
La funcion de javascript para que se muestren los bloques
- function spoiler(a){
- var tar = document.getElementById(a);
- if( tar.style.visibility == 'hidden' ){
- tar.style.visibility = 'visible';
- tar.style.display = 'block';
- }else{
- tar.style.visibility = 'hidden';
- tar.style.display = 'none';
- }
- return;
- }
y para que no se vea tan mal el link un poquito de css
- .spoiler a, .spoiler a:link, .spoiler a:visited{ color: #FFF; }
- .spoiler a:hover{ color: #EEE; }
La idea era hacerlo con mootools, pero despues me dio un poco de pereza jeje
Tags: Php, class, codecolorer, function, javascript, mod, php, plugin, spoiler, wordpress
Se vería mejor con una imagen, bueno eso creo
?????????? ?? ?????? ????? - ?????? ??????????????.
- ???? ????? ????????????? - ????????? ??? ???????????
????????? ??????? - ? ??? ????? ??????. ?????????? ?? ???????? ???????? ? ????????????, ??? ?? ??????? ??????? ??????, ????? ????, ??? ??????? ???? ????? ???? ?????. ??????????????? ???????? ????, ?? ??? ??????? ????? ???????, ??? ??? ?? ????? ?????????????? ????????? ??????? ????. ????? ?????????? ? ??????? ?????? ??? ???? - ??????????? ??????.
- ???? ??? ????????????????
???? ?????? ????? ???????, ????? ????????, ?? ???????? ?? ????????. ???? ??? ??? ????????????????, ???????? ??????? ???????????? ???????, ??????????? ? ??????? ????. ??? ???????????? ???????? ???????????????? ????? ?????: ???????, ???????? ??????, ??????, ?????????? ? ?????? ???????. ? ????????? ???? ?????? ???? ????????????????? ????-??????????-??????????, ?????? ??? ???????????? ??????? ????????? ?????????? ??? ?????? ????????.
- ??? ???????? ?????
????? ??????????? ???? - ??????, ?????????? ??????????? ?????, ????????, ?????????? ???????????. ?? ??? ???? ??????? ?????? ????????, ??? ??? ????? ?????????????. ???????? ????????????? ?????? ??? ???????? - ???????? ?????????????? ?????, ?? ???? ????? ????????. ?????? ?????? ? ???? ??????, ?? ?????????? ???????? ?? ????? ?? 30-40%.
- ????? ?? ???????? ??????? ????? ?? ????? ????? ????????????????
? ??????? ?? ??? ????????? ?????. ????? ??????????? ????? ????????? ???????????. ??? ?????? ????? ??????, ????? ?????? ??? ?????? ??????????. ???????? ?? ????? ?????? ? ?????? ??????, ????? ?? ????????? ????? ??? ???? ? ??????.
?????? ?????????: ???????? ??????
???????????, ??, ?????-?????? ?????? ??? ??? ????? ????????? ??? =). ? ? ??????? ????????? ?? ????? ?????? ???????? ?? ??????? ?????, ??? ???? ???, ?????? ?????? ?? ????? ?? ??????, ??? ???? ?????. ????????????? ? ????????????? ? ????? ????????????.
????????????! ???? ?????? ???????? ?????? ?????? ?????. ??????? ???-?????? ????????????. ???? ?? ?????? ?????? ?????? ??????. ?? ????????? ???????? ??? ???????. ???????? ????????? ??????. ??????? ????????? ???????, ? ????? ?????????? ??????? ?????? , ?? ?????? ??????? ? ???????. ????? ??????? ??????? ?????. ?????????? ??????????? ? ?? ??? ??? ?????! ???? ???????!???????!