Texto formateado con Textile de ejemplo. Sirve para ver como se aplica nuestro CSS.
Esto es un ejemplo de párrafo sencillo, puede ser de un cierta longitud y ocupar varias líneas. Esto es un ejemplo de párrafo sencillo, puede ser de un cierta longitud y ocupar varias líneas. Esto es un ejemplo de párrafo sencillo, puede ser de un cierta longitud y ocupar varias líneas. Encabezados: h1. Encabezado 1 h2. Encabezado 2 h3. Encabezado 3 h4. Encabezado 4 bq. Esto es un blockquote. Sirve de ejemplo de cómo funciona este estilo. Lista Simple: # one # two # three Lista multi-nivel: # one ## aye ## bee ## see # two ## x ## y # three Lista mezclada: * Point one * Point two ## Step 1 ## Step 2 ## Step 3 * Point three ** Sub point 1 ** Sub point 2
Un HTML de ejemplo que prueba distintas etiquetas. Sirve para probar nuestro CSS con contenido variado. Cogido de snipprl:
<!-- Sample Content to Plugin to Template --> <h1>CSS Basic Elements</h1> <p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p> <hr /> <h1 id="headings">Headings</h1> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <small><a href="#wrapper">[top]</a></small> <hr /> <h1 id="paragraph">Paragraph</h1> <img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's Language" /> <p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p> <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p> <small><a href="#wrapper">[top]</a></small> <hr /> <h1 id="list_types">List Types</h1> <h3>Definition List</h3> <dl> <dt>Definition List Title</dt> <dd>This is a definition list division.</dd> </dl> <h3>Ordered List</h3> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h3>Unordered List</h3> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> <small><a href="#wrapper">[top]</a></small> <hr /> <h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1> <fieldset> <legend>Legend</legend> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p> <form> <h2>Form Element</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p> <p><label for="text_field">Text Field:</label><br /> <input type="text" id="text_field" /></p> <p><label for="text_area">Text Area:</label><br /> <textarea id="text_area"></textarea></p> <p><label for="select_element">Select Element:</label><br /> <select name="select_element"> <optgroup label="Option Group 1"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </optgroup> <optgroup label="Option Group 2"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </optgroup> </select></p> <p><label for="radio_buttons">Radio Buttons:</label><br /> <input type="radio" class="radio" name="radio_button" value="radio_1" /> Radio 1<br/> <input type="radio" class="radio" name="radio_button" value="radio_2" /> Radio 2<br/> <input type="radio" class="radio" name="radio_button" value="radio_3" /> Radio 3<br/> </p> <p><label for="checkboxes">Checkboxes:</label><br /> <input type="checkbox" class="checkbox" name="checkboxes" value="check_1" /> Radio 1<br/> <input type="checkbox" class="checkbox" name="checkboxes" value="check_2" /> Radio 2<br/> <input type="checkbox" class="checkbox" name="checkboxes" value="check_3" /> Radio 3<br/> </p> <p><label for="password">Password:</label><br /> <input type="password" class="password" name="password" /> </p> <p><label for="file">File Input:</label><br /> <input type="file" class="file" name="file" /> </p> <p><input class="button" type="reset" value="Clear" /> <input class="button" type="submit" value="Submit" /> </p> </form> </fieldset> <small><a href="#wrapper">[top]</a></small> <hr /> <h1 id="tables">Tables</h1> <table cellspacing="0" cellpadding="0"> <tr> <th>Table Header 1</th><th>Table Header 2</th><th>Table Header 3</th> </tr> <tr> <td>Division 1</td><td>Division 2</td><td>Division 3</td> </tr> <tr class="even"> <td>Division 1</td><td>Division 2</td><td>Division 3</td> </tr> <tr> <td>Division 1</td><td>Division 2</td><td>Division 3</td> </tr> </table> <small><a href="#wrapper">[top]</a></small> <hr /> <h1 id="misc">Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.</h1> <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p> <pre><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p></pre> <blockquote> "This stylesheet is going to help so freaking much." <br />-Blockquote </blockquote> <small><a href="#wrapper">[top]</a></small> <!-- End of Sample Content -->
Solución al problema de las Ocho Reinas, en el que usamos backtracking.
#include <cstdlib> #include <iostream> using namespace std; // Constantes const int MAX = 8; // Cambiar el 8 por N para obtener problemas con N reinas y un tablero de NxN // Tipos typedef int TReinas reinas [MAX]; // Cabeceras de funciones y procedimientos void OchoReinas(TReinas &r, int fila); bool EsSeguro(TReinas r, int fila, int prueba); void PintarTablero(TReinas r); //Programa principal int main () { TReinas reinas; OchoReinas(reinas,0); } // Implementación de funciones y procedimientos void OchoReinas(TReinas &r, int fila) { int prueba; for(prueba = 0; prueba < MAX; prueba++) { if(EsSeguro(r,fila,prueba)) { r[fila] = prueba; if(fila == (MAX-1)) { PintarTablero(r); } else { OchoReinas(r,fila+1); } } } } bool EsSeguro(TReinas r, int fila,int prueba) { int i; for(i = 1; i < MAX; i++) { if((r[fila-i] == prueba) || (r[fila-i] == prueba-i) || (r[fila-i] == prueba+i)) { return false; } } return true; } void PintarTablero(TReinas r) { cout << "---------------------------------" << endl; for(int fila = 0; fila < MAX; fila++) { for(int i = 0; i < r[fila]; i++) { cout << "| "; } cout << "| X "; for (int j = (r[fila] + 1); j < MAX; j++) { cout << "| "; } cout << "|" << endl << "---------------------------------" << endl; } cout << endl; }
Pequeño algoritmo que resuelve el juego de las Torres de Hanoi con N discos. No tiene interfaz gráfica, todo lo hace desde la consola.
package hanoi; import java.io.BufferedReader; import java.io.InputStreamReader; import java.io.IOException; /** * * @author tauron */ public class Hanoi { public enum palo {izquierdo,central,derecho}; public static void Mover(int n,palo origen, palo auxiliar,palo destino) { if(n == 1) { System.out.println("Mueve el disco " + n + " desde el palo " + origen + " al " + destino); } else { Mover(n-1,origen,destino,auxiliar); System.out.println("Mueve el disco " + n + " desde el palo " + origen + " al " + destino); Mover(n-1,auxiliar,origen,destino); } } public static void main(String[] args) { BufferedReader dataIn = new BufferedReader(new InputStreamReader( System.in)); int numDiscos; String discos = ""; System.out.print("Introduce el número de discos: "); try{ discos = dataIn.readLine(); }catch(IOException e){ System.out.println("¡Error!"); } numDiscos = Integer.valueOf(discos); while (numDiscos < 1) { System.out.println("Vaya chorrada de número has metido. ERROR."); System.out.print("Inserta el número de discos: "); try{ discos = dataIn.readLine(); }catch(IOException e){ System.out.println("¡Error!"); } numDiscos = Integer.valueOf(discos); } // Fin del while Mover(numDiscos,palo.izquierdo,palo.central,palo.derecho); } }
Dada una matriz cuadrada de enteros, el algoritmo devuelve el valor máximo de cada paralela superior a la diagonal principal.
// Incluir E/S y Librerías Standard #include <iostream> #include <cstdlib> using namespace std; // Zona de Declaración de Constantes const int MAX = 100; // Zona de Declaración de Tipos typedef int TArray [MAX][MAX]; typedef struct TMatriz { TArray a; int elem; }; // Zona de Cabeceras de Procedimientos y Funciones void Inicializar(TMatriz &m); void LeerMatriz(TMatriz &m); void EscribirMatriz(TMatriz &m); void Diagonales(TMatriz &m); int ValorMax(TMatriz &m, int tope); // Programa Principal int main() { // Zona de Declaración de Variables del Programa principal TMatriz matriz; cout << endl << "Ejercicio 10.-" << endl << endl; Inicializar(matriz); LeerMatriz(matriz); cout << endl; EscribirMatriz(matriz); Diagonales(matriz); system("Pause"); // Hacer una pausa return 0; // Valor de retorno al S.O. } // Implementación de Procedimientos y Funciones void Inicializar(TMatriz &m) { m.elem = -1; for(int i = 0; i<MAX; i++) { for(int j = 0; j<MAX; j++) { m.a[i][j] = 0; } } } void LeerMatriz(TMatriz &m) { cout << "Indica el numero de filas y columnas que tendra la matriz cuadrada: "; cin >> m.elem; while(m.elem <= 0) { cout << "Escribe un numero mayor que 0: "; cin >> m.elem; } cout << "Introduce valores: " << endl << endl; for (int i = 0; i<m.elem; i++) { for(int j = 0; j<m.elem; j++) { cout << "Fila " << i << " Columna " << j << ": "; cin >> m.a[i][j]; } } } void EscribirMatriz(TMatriz &m) { cout << endl << "Tu matriz es: " << endl; for(int i = 0; i<m.elem; i++) { for(int j = 0; j<m.elem; j++) { cout << m.a[i][j] << " "; } cout << endl; } cout << endl; } void Diagonales(TMatriz &m) { for(int i = 1; i < m.elem; i++) { cout << "Diagonal " << i+1 << ": " << ValorMax(m, i) << endl; } } int ValorMax(TMatriz &m, int tope) { int valor; valor = 0; for(int i = 0; i < (m.elem - (tope - 1)); i++) { if(m.a[i][i+tope] > valor) { valor = m.a[i][i+tope]; } } return valor; }
Yo había creado bloques de la misma altura con jquery (es muy sencillo) pero esta función lo hace de modo genérico (se le pasa la lista de elementos).
Visto en Sentido Web
function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.height(tallest); }
Ejemplo de llamada:
$(document).ready(function() { equalHeight($(".recent-article")); equalHeight($(".footer-col")); });
Para introducir un video de youtube, manteniendo el código de la página como xhtml válido debemos modificar el código que nos presenta youtube de la forma…
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/7_6B6vwE83U"> </param> <embed src="http://www.youtube.com/v/7_6B6vwE83U" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>
A esta otra
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/7_6B6vwE83U"> <param name="movie" value="http://www.youtube.com/v/7_6B6vwE83U" />< /object>
Private Sub WriteFile(ByVal FileName As String, ByVal data As String) If File.Exists(FileName) Then File.Delete(FileName) Dim swFile As StreamWriter = File.CreateText(FileName) swFile.Write(data) swFile.Flush() swFile.Close() End Sub Private Function ReadFile(ByVal FileName As String) As String Dim ret As String = "" If File.Exists(FileName) Then Dim TheFile As System.IO.StreamReader = New StreamReader(FileName, System.Text.Encoding.Default) ret = TheFile.ReadToEnd() End If Return ret End Function
Private Function ReadStringResource(ByVal resource As String) As String Dim asm As Assembly = Assembly.GetExecutingAssembly() Dim stream As Stream = asm.GetManifestResourceStream(resource) Dim streamReader As StreamReader = New StreamReader(stream) Dim ret As String = streamReader.ReadToEnd Return ret End Function
Dim diskClass As New System.Management.ManagementClass("Win32_LogicalDisk") Dim disks As System.Management.ManagementObjectCollection = diskClass.GetInstances() Dim disk As System.Management.ManagementObject Dim space As System.UInt64 = 0 For Each disk In disks If disk("Description").ToString = "Local Fixed Disk" Then If disk("Description").ToString = "Local Fixed Disk" Then space += CType(disk("FreeSpace"), System.UInt64) End If Next disk