Spiga.com.mx

About me...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus rutrum elit et nunc. Phasellus tincidunt pede in nibh. Maecenas eget ligula non dui nonummy venenatis.Donec turpis. Sed mattis, diam quis fermentum dapibus, ante libero consequat felis, sed laoreet nibh mi in elit. Phasellus massa massa, commodo nonummy, rutrum sit amet, consequat pulvinar, eros. Nullam sit amet massa. Sed lobortis orci vehicula tellus.

In hac habitasse platea dictumst. Sed blandit diam in leo. Pellentesque sollicitudin tortor sit amet dui. Fusce vehicula purus suscipit nunc. Curabitur felis tortor, varius ac, placerat nec, vestibulum sed, est. Pellentesque fermentum. Suspendisse egestas. Nulla id mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas eu augue. Nullam eu ipsum.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque ac lorem ac tortor fermentum molestie. Nunc suscipit erat non mi. Nullam dui dolor, tincidunt at, venenatis ut, bibendum in, purus. Fusce pretium ullamcorper nisl.

October, 2007

wordpress plugin.codecolorer.mod(spoiler) One comment 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

  1. //declaramos una varibale al inicio de la clase //->linea 75
  2. var $uniqueId = 0;
  3.  
  4. //dentro de la funcion init()  //linea ->
  5. $this->uniqueId = time();
  6.  
  7. ///modifique la funcion addContainer()  y ahora quedo asi
  8.  
  9. function addContainer($html, $options, $num_lines) {
  10. if($num_lines > $options['lines'])
  11. $style = ' style="height:' . ($options['lines'] * $options['line_height']) . 'px; visibility: hidden;  display: none; "';
  12. elseif($num_lines == 1)
  13. $style = ' style="height:' . intval(2.5 * $options['line_height']) . 'px; visibility: hidden; display: none; "';
  14. else
  15. $style = ' style=" visibility: hidden; display: none; " ';
  16. $this->uniqueId++;
  17.  
  18. $result = '
  19. <p class="spoiler"><a onclick="spoiler(\''.$this-&gt;uniqueId.'\'); return false;" href="#">Mostrar/Ocultar código '.$options['lang'].'</a>';
  20. $result .= '
  21. <div id="'.$this-&gt;uniqueId.'" class="codecolorer-container ' . $options['lang'] . '">' . $html . '</div>
  22. ';
  23.  
  24. return $result;
  25. }

La funcion de javascript para que se muestren los bloques

  1. function spoiler(a){
  2. var tar = document.getElementById(a);
  3. if( tar.style.visibility == 'hidden' ){
  4. tar.style.visibility = 'visible';
  5. tar.style.display = 'block';
  6. }else{
  7. tar.style.visibility = 'hidden';
  8. tar.style.display = 'none';
  9. }
  10. return;
  11. }

y para que no se vea tan mal el link un poquito de css

  1. .spoiler a, .spoiler a:link, .spoiler a:visited{ color: #FFF; }
  2. .spoiler a:hover{ color: #EEE; }

La idea era hacerlo con mootools, pero despues me dio un poco de pereza jeje


Tags: , , , , , , , , ,

function validMail.php One comment Posted: 8.10.2007 | By: zetta