Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Tutorial Css Primera Parte para phpost
#1
Bueno amigos decido postear esto porque me banearon del chat y estoy aburrido así que vamos a comenzar con este tuto, la primera parte trata de aplicar bordes a un elemento especifico.

1. Primero que todo debemos imaginar mas o menos que queremos diseñar y luego tener en cuenta estos códigos de CSS para lograr un buen resultado:

border: 1px solid #000000;

Este código es usado para ponerle un borde especifico a un determinado elemento, en este el (1px) representa el grosor del borde si lo aumentan se volverá mas grueso, el (solid) define la forma del borde que en este caso seria solido pero si quieres mas formas puedes usar estas:

dotted: Define un borde de puntos
dashed: Define un borde punteado
groove: Define un borde en 3D
ridge: Define un borde estriado en 3D

Bueno continuando la parte que dice (#000000) define el color del borde esta parte es importante si necesitas sacar un color lo puedes sacar de
http://html-color-codes.info/ aquí nos dará el código del color que queramos

También podemos agregar un borde solo a un lado del elemento quieres saber como mira esto:

border-top: agrega el borde a la parte de arriba
border-right: agrega el borde a la derecha
border-bottom: agrega el borde a la parte de abajo
border-left: agrega el borde a la izquierda

Es importante que definas las propiedades de cada borde.

quieres darle un aspecto redondeado a tu borde? fácil ve a esta pagina http://border-radius.com/ su interfaz es muy fácil de usar así que no creo que allá que explicarla xD cuando termines de definir las propiedades de tu borde en el centro te saldrá algo como esto

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

tu copias ese codigo y lo pegas abajo de tu borde y le quedara un aspecto mas redondeado y presentable .

Bueno amigos eso es todo cualquier duda por favor háganme saber que yo les ayudare .
#2
Buen tutorial, aunqque esto que dices es facil xD
Dejame reputacion si mi ayuda te sirve
#3
buen tutorial, bien detallado, gracias amigo!: saludos.
#4
Buen tuto Jneutron :3 Yo diria que es lo mas basico en el diseño de el script (PHPost).
[Imagen: qkoii.png]
#5
buen tutorial muchas gracias ^^


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Estrella Mi primera extensión para Firefox Posits 49 1,476 05-01-2018, 11:55 PM
Último mensaje: Posits
  Mi primera aplicación con Genie Posits 18 699 28-03-2017, 09:08 PM
Último mensaje: Posits
Información [Tutorial] Certificado SSL Gratis StartSSL 2016 Tutorial DarkMaster 26 5,997 28-04-2016, 03:39 AM
Último mensaje: Lob3zNo
  [Tutorial] Trucos con CSS parte I JancoBH 2 487 13-03-2016, 01:00 AM
Último mensaje: JancoBH
Bombilla [Tutorial] SSL Gratis, Conseguir e Instalar Certificado DarkMaster 16 1,074 06-01-2016, 01:32 AM
Último mensaje: DarkMaster
  [PUBLICO] Tutorial Botones con perspectiva 3D AngelKrak 0 296 17-01-2015, 05:44 AM
Último mensaje: AngelKrak
  como dominar CSS sin salir del escritorio parte 1 postnix 20 2,330 02-06-2014, 12:33 PM
Último mensaje: piinbook
  [MOD] Tags automaticos tipo T! para phpost Spastox 0 561 20-04-2014, 09:43 PM
Último mensaje: Spastox
  Index tipo mediafire [PHPost] Jmpl3 4 781 07-02-2014, 11:57 PM
Último mensaje: mispracticas2009
  Sistema de login publicado por "Alan" de phpost papanoel 0 673 22-01-2014, 04:45 AM
Último mensaje: papanoel



Usuarios navegando en este tema: 1 invitado(s)