viernes, 2 de octubre de 2015
Implementar Imagen de Fondo con Gradianes en CSS - HTML
Implementar Imagen de Fondo con Gradianes en CSS - HTML
Al Final Por Favor Comenten que les pareció para mantener la página, NO tienen que registrarse.
Este sencillo ejemplo posse la intención de ayudar a ubicar la manera de cómo diseñar una web muy básica utilizando CSS y HTML como herramientas, la idea principal es poder implementar fondo con GRADIANES en todos sus DIV. Este ejemplo se conformará de 2 archivos, uno que contendrán las etiquetas, osea el HTML y el otro el que contendrá un diseño escrito en CSS. El archivo 1 se llamaráindex.html y el 2do archivo se llamara estilos.css.
El archivo HTML deberá contener esto:
Código que dentro de "index.html"
<?xml version='1.0' encoding='UTF-8' ?>
<html>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<head>
<title>TÍTULO</title>
</head>
<body id="color_fondo">
<div id="superior">
<h1>MI TÍTULO</h1>
</div>
<p></p>
<div id="centro">
DIV Céntro
</div>
<div id="izquierda" >
DIV Izquierda
</div>
<div id="derecha" >
DIV Derecha
</div>
<footer>
<div id="inferior" >
Pie de Página
</div>
</footer>
</body>
</html>
//ESTILO.css o <style>
#color_fondo {
background-color: cadetblue;
}
#superior {
width: 860px;
height: 70px;
margin: auto;
background: white;
border: 5px solid #E9E4E8;
border-color: forestgreen;
font-family: cursive;
text-align: center;
}
#centro {
width: 860px;
height: 560px;
margin: auto;
background: white;
border: 5px solid #E9E4E8;
border-color: darkred;
font-family: cursive;
text-align: center;
/* IMPLEMENTAR GRADIANES */
background: #a4b357;
background: -moz-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a4b357), color-stop(57%, #a4b357), color-stop(76%, #75890c), color-stop(100%, #75890c));
background: -webkit-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -o-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -ms-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: linear-gradient(to bottom, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
}
#inferior {
position: relative;
width: auto;
margin: auto;
background: white;
border: 5px solid #E9E4E8;
border-color: forestgreen;
font-family: fantasy;
padding: 5px 0px;
clear: both;
text-align: center;
}
#izquierda {
width: 290px;
height: 657px;
background: dodgerblue;
border: 5px solid #E9E4E8;
border-color: blue;
text-align: center;
position: absolute;
top: 8px;
left: 0;
margin: 0 0.5em;
//ESTILO BANNER
//display:scroll;
//position:fixed;
//bottom:5px;
/* IMPLEMENTAR GRADIANES */
background: #a4b357;
background: -moz-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a4b357), color-stop(57%, #a4b357), color-stop(76%, #75890c), color-stop(100%, #75890c));
background: -webkit-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -o-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -ms-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: linear-gradient(to bottom, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
}
#derecha {
width: 290px;
height: 657px;
background: brown;
border: 5px solid #E9E4E8;
border-color: #999900;
text-align: center;
position: absolute;
top: 8px;
right: 0;
margin: 0 0.5em;
/* IMPLEMENTAR GRADIANES */
background: #a4b357;
background: -moz-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a4b357), color-stop(57%, #a4b357), color-stop(76%, #75890c), color-stop(100%, #75890c));
background: -webkit-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -o-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: -ms-linear-gradient(top, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
background: linear-gradient(to bottom, #a4b357 0%, #a4b357 57%, #75890c 76%, #75890c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
}
//ESPERO LES SEA DE AYUDA GRACIAS POR COMENTAR :)
Diseño Básico en HTML con CSS
Diseño Básico en HTML con CSS
Al Final Por Favor Comenten que les pareció para mantener la página, NO tienen que registrarse.
Este sencillo ejemplo posse la intención de ayudar a ubicar la manera de cómo diseñar una web muy básica utilizando CSS y HTML como herramientas. Este ejemplo se conformará de 2 archivos, uno que contendrán las etiquetas, osea el HTML y el otro el que contendrá un diseño escrito en CSS. El archivo 1 se llamará index.html y el 2do archivo se llamara estilos.css.
El archivo HTML deberá contener esto:
Código que dentro de "index.html"
<?xml version='1.0' encoding='UTF-8' ?>
<html>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<head>
<title>TÍTULO</title>
</head>
<body id="color_fondo">
<div id="superior">
<h1>MI TÍTULO</h1>
</div>
<p></p>
<div id="centro">
DIV Céntro
</div>
<div id="izquierda" >
DIV Izquierda
</div>
<div id="derecha" >
DIV Derecha
</div>
<footer>
<div id="inferior" >
Pie de Página
</div>
</footer>
</body>
</html>
//ESTILO.css o <style>
#color_fondo {
background-color: cadetblue;
}
#superior {
width: 860px;
height: 70px;
margin: auto;
background: white;
border: 5px solid #E9E4E8;
border-color: forestgreen;
font-family: cursive;
text-align: center;
}
#centro {
width: 860px;
height: 560px;
margin: auto;
background: white;
border: 5px solid #E9E4E8;
border-color: darkred;
font-family: cursive;
text-align: center;
}
#inferior {
position: relative;
width: auto;
margin: auto;
background: white;
border: 5px solid #E9E4E8;
border-color: forestgreen;
font-family: fantasy;
padding: 5px 0px;
clear: both;
text-align: center;
}
#izquierda {
width: 290px;
height: 657px;
background: dodgerblue;
border: 5px solid #E9E4E8;
border-color: blue;
text-align: center;
position: absolute;
top: 8px;
left: 0;
margin: 0 0.5em;
//ESTILO BANNER
//display:scroll;
//position:fixed;
//bottom:5px;
}
#derecha {
width: 290px;
height: 657px;
background: brown;
border: 5px solid #E9E4E8;
border-color: #999900;
text-align: center;
position: absolute;
top: 8px;
right: 0;
margin: 0 0.5em;
}
//ESPERO LES SEA DE AYUDA GRACIAS POR COMENTAR :)
viernes, 18 de septiembre de 2015
Operadores.(Console App C#)
En este ejercicio 5, veremos la utlizacion de los diferentes tipos de operadores.
Programa que solicita 2 números para realizar las operaciones de suma, resta, multiplicación, división y resto.
Código que va entre las llaves después de: static void Main(string[] args)
Programa que solicita 2 números para realizar las operaciones de suma, resta, multiplicación, división y resto.
Código que va entre las llaves después de: static void Main(string[] args)
Console.WriteLine("Introduce un numero: ");
int numero1 = Convert.ToInt32(Console.ReadLine());
Console.WriteLine("Introduce otro numero: ");
int numero2 = Convert.ToInt32(Console.ReadLine());
Console.WriteLine("Suma: {0} + {1} = {2}", numero1, numero2, numero1 + numero2);
Console.WriteLine("Resta: {0} - {1} = {2}", numero1, numero2, numero1 - numero2);
Console.WriteLine("Multiplicacion: {0} x {1} = {2}", numero1, numero2, numero1 * numero2);
Console.WriteLine("Division: {0} / {1} = {2}", numero1, numero2, (double)numero1 / numero2);
Console.WriteLine("Residuo de division: {0} / {1} = {2}", numero1, numero2, numero1 % numero2);
Console.ReadKey();
Factorial.(Console App C#)
Programa que pide un número y calcula e imprime el factorial de ese número, usando ciclo While.
Código que va entre las llaves que estan después de: static void Main(string[] args):
Console.WriteLine("Introduce un numero para calcular su factorial: ");
int numero = Convert.ToInt32(Console.ReadLine());
int fact = numero;
int x = fact - 1;
while (x != 1)
{
fact = fact*x;
x = x - 1;
}
Console.WriteLine("Factorial de " + numero + " = " + fact);
Console.ReadKey();
Dar F5 o icono de play.
Numeros impares.(Console App C#)
Programa que pide un numero e imprime los números impares hasta ese número y cuantos son, usando ciclo for e if.
Código que va entre las llaves después de: static void Main(string[] args):
Console.WriteLine("Introduce un numero para mostrar los numeros impares hasta ese numero: ");
int numero = Convert.ToInt32(Console.ReadLine());
int c = 0;
for (int x = 1; x <= numero; x++)
{
int y = x % 2;
if (y != 0)
{
c = c + 1;
Console.WriteLine(x);
}
}
Console.WriteLine("Total de numeros impares: " + c);
Console.ReadKey();
Dar F5 o botón play y listo.
Código que va entre las llaves después de: static void Main(string[] args):
Console.WriteLine("Introduce un numero para mostrar los numeros impares hasta ese numero: ");
int numero = Convert.ToInt32(Console.ReadLine());
int c = 0;
for (int x = 1; x <= numero; x++)
{
int y = x % 2;
if (y != 0)
{
c = c + 1;
Console.WriteLine(x);
}
}
Console.WriteLine("Total de numeros impares: " + c);
Console.ReadKey();
Dar F5 o botón play y listo.
Tabla de multiplicar.(Console App C#)
Programa que solicite un número y que genere la tabla de multiplcar de ese número, usando ciclo for.
Código entre llaves después de static void Main(string[] args):
Console.WriteLine("Favor de introducir un numero: ");
int numero = Convert.ToInt32(Console.ReadLine());
Console.WriteLine("Tabla de multiplicar del {0}: ", numero);
for (int y = 1; y <= 10; y++)
{
int r = numero * y;
Console.WriteLine(numero + "x" + y + "=" + r);
}
Console.ReadKey();
Dar F5 o tecla de play.
Código entre llaves después de static void Main(string[] args):
Console.WriteLine("Favor de introducir un numero: ");
int numero = Convert.ToInt32(Console.ReadLine());
Console.WriteLine("Tabla de multiplicar del {0}: ", numero);
for (int y = 1; y <= 10; y++)
{
int r = numero * y;
Console.WriteLine(numero + "x" + y + "=" + r);
}
Console.ReadKey();
Dar F5 o tecla de play.
Hola Mundo.(Console App C#)
A continuación les dejo lo que se debe teclar en el Visual C#, para crear programa que muestre la frase de "Hola Mundo".
Console.WriteLine("Hola Mundo");
Console.ReadKey();
Se ejecuta presionando f5 o dar click la tecla de play y listo, debe abrirse la pantalla negra mostrando el mensaje.
Otra forma de hacer el programa quedaría así:
string saludo = "Hola Mundo";
Console.WriteLine(saludo);
Console.ReadKey();
F5 y listo.
Primero debes de abrir el programa de Visual C#, creamos un nuevo proyecto, dandole en archivo-nuevo-proyecto, se selecciona Console application, le ponemos nombre y le damos ok.
Dentro las llaves que estan debajo de Static void Main........etc, va lo siguiente:
Console.WriteLine("Hola Mundo");
Console.ReadKey();
Se ejecuta presionando f5 o dar click la tecla de play y listo, debe abrirse la pantalla negra mostrando el mensaje.
Otra forma de hacer el programa quedaría así:
string saludo = "Hola Mundo";
Console.WriteLine(saludo);
Console.ReadKey();
F5 y listo.
101 ejemplos de Visual C# 2010 y Visual Basic 2010
12:59 p.m.
C#, EJEMPLOS, microsoft, vb, VISUAL STUDIO 2008, VISUAL STUDIO 2010, VISUAL STUDIO 2013, VISUAL STUDIO 2015
No comments
Microsoft ha publicado un paquete gratuito con 101 ejemplos y documentación de C# 4.0 para usarse con Visual Studio 2010 RTM (el cual fue liberado antes de ayer). Los ejemplos incluyen proyectos que muestran el uso de Dynamics con Office, IronPython, Threading, Partial Types, seguridad, sobrecarga de operadores, código no manejado (Unsafe), delegados anónimos (Anonymous Delegates), métodos condicionales, interfaces explícitas, LINQ to Objects, LINQ to XML, QueryVisualizer, Reflection, DynamicQuery, XQuery y muchos más.
También publicaron otro paquete con otros 101 ejemplos y documentación pero en este caso de Visual Basic 10.0. Los ejemplos de este paquete incluyen ClickOnce, TCPRemoting, ejemplo para Tablet PC, WCF, WinForms, seguridad, LINQ, XQuery y muchos otros más.
Los enlaces para más información y descarga de los paquetes se los dejo a continuación:
- Visual C# 2010 Samples
- Descarga de los ejemplos y documentación de C# 4.0
- Visual Basic 2010 Samples
- Descarga de los ejemplos y documentación de Visual Basic 10.0
Espero que esta información les sea de utilidad.
Suerte!
Suerte!
Hacer un algoritmo que calcule el total a pagar por la compra de camisas en C#
Ejercicio en C#
Al Final Por Favor Comenten que les pareció para mantener la página, NO tienen que registrarse.
Ejercicio: Hacer un algoritmo que calcule el total a pagar por la compra de camisas. Si se comprantres camisas o mas se aplica un descuento del 20% sobre el total de la compra y si son
menos de tres camisas un descuento del 10%.
menos de tres camisas un descuento del 10%.
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace ejercicio3 { class Camisas { float precio; public void Ingresar() { Console.WriteLine("-----EMPRESA FAEMAS-----"); Console.WriteLine("INGRESE PRECIO DE LAS CAMISAS"); precio = float.Parse(Console.ReadLine()); } public void Trabajo() { Console.WriteLine("-----EMPRESA FAEMAS-----"); if (precio >= 500000) { Console.WriteLine("la empresa tendrá la capacidad de invertir de su propio dinero un 55% del monto de la compra, pedir prestado al banco un 30% y el resto lo pagara solicitando un crédito al fabricante "); } else { Console.WriteLine("la empresa tendrá capacidad de invertir de su propio dinero un 70% y el restante 30% lo pagará solicitando crédito al fabricante. " ); } Console.ReadKey(); } static void Main(string[] args) { Camisas sem = new Camisas(); sem.Ingresar(); sem.Trabajo(); } } }
Suscribirse a:
Entradas (Atom)