| Autor |
Mensaje |
-
brianpwg
Semi-Experto
|
 16-08-2011, 18:31 (UTC)
Título del mensaje: [CSS] Cuadro de Texto con Bordes Separados |
|
|
Vista previa : http://brianpwg.es.tl/caja-.-%7E-.-css.htm
El codigo es Bastante simple , pero util , lo que usaremos en Esta ocasion en CSS , para ello vamos a pegar el Siguiente codigo en CODE CSS SIN STYLE
Cita: .recuadro{ border: 1px dashed #4192e5; padding: 10px;}.post-body img{padding: 5px;background: #fff;-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}.post-body img.sin {background-color: transparent !important;border: none!important;padding: 0 !important;-moz-box-shadow: 0px 0px 0px transparent !important;}
}
Y Ahora para Ver que aparece , vamos a pegar este codigo donde queramos que Aparesca el el Efecto
Cita: <div class="recuadro">Escribe aqui en Texto que deceas que Aparesca en tu Web'page<br>
</div>
Saludos a Todos y les Recuerdo que el Css no tiene fuente , sino que lo Saque de un Blog de BLOGGER . Chau
Ultima edición por brianpwg el Mie Sep 28, 2011 8:35 pm; editado 1 vez
|
|
|
↑
|
|
 |
-
design-pwg
Semi-Experto
Ubicación: Argentina
|
16-08-2011, 18:56 (UTC)
Título del mensaje: Re: Cuadro de Texto con Bordes Separados | Css |
|
|
Buen aporte brianpwg.
En caso de no tener Diseño css y quieres pegar el codigo en algun otro diseño o en alguna pagina en especial el codigo quedaria asi.
Código: </style>.recuadro{ border: 1px dashed #4192e5; padding: 10px;}.post-body img{padding: 5px;background: #fff;-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}.post-body img.sin {background-color: transparent !important;border: none!important;padding: 0 !important;-moz-box-shadow: 0px 0px 0px transparent !important;}
}</style>
Sobre el codigo de fuente estas plagiando una web.
Para no tener problemas te recomiendo que pidas permiso y en caso de tenerlo coloca la fuente.
Saludos y Buen aporte!
Design-PWG.______________ 
10 años ayudando a PWG.
 Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com |
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
16-08-2011, 19:15 (UTC)
Título del mensaje: Re: Cuadro de Texto con Bordes Separados | Css |
|
|
design-pwg escribió: Buen aporte brianpwg.
En caso de no tener Diseño css y quieres pegar el codigo en algun otro diseño o en alguna pagina en especial el codigo quedaria asi.
Código: </style>.recuadro{ border: 1px dashed #4192e5; padding: 10px;}.post-body img{padding: 5px;background: #fff;-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}.post-body img.sin {background-color: transparent !important;border: none!important;padding: 0 !important;-moz-box-shadow: 0px 0px 0px transparent !important;}
}</style>
Sobre el codigo de fuente estas plagiando una web.
Para no tener problemas te recomiendo que pidas permiso y en caso de tenerlo coloca la fuente.
Saludos y Buen aporte!
Design-PWG.
No lo saque de ninguan web , lo saque de un Diseño descargado de Btemplates y lo pase a mi Blog y lo saque de hay :D |
|
|
↑
|
|
|
-
design-pwg
Semi-Experto
Ubicación: Argentina
|
16-08-2011, 19:31 (UTC)
Título del mensaje: |
|
|
En eso caso miles de disculpas. Siempre se debe colocar la fuente por nuestra seguridad ya que puede estar protejido con Copyright.
Saludos!
Design-PWG.______________
10 años ayudando a PWG.
Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com |
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
16-08-2011, 19:33 (UTC)
Título del mensaje: |
|
|
Esta todo bien Desing , no me enojaria contigo por nada. Aparte ya me eh acostumbrado con la Fuente- Saludos |
|
|
↑
|
|
|
-
buzzdungeon
Destacado
Ubicación: México
|
16-08-2011, 19:40 (UTC)
Título del mensaje: |
|
|
emm.. ese codigo tiene algunos errores
.recuadro{
border: 1px dashed #4192e5;
padding: 10px;
}
.post-body img{
padding: 5px;background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
.post-body img.sin {
background-color: transparent !important;
border: none!important;padding: 0 !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
}
}
todo lo de rojo es innecesario, pues no veo la clase post-body ni la clase sin,
ni en tu plantilla, ni en pwg ni en el codigo html que aportaste.
Ademas tiene una llave de mas (la ultima } )
saludos. ______________ /* Programador web freelance. */
/* twitter: @jfdelarosa */ |
|
|
↑
|
|
|
-
team-soporte
Semi-Experto
|
|
|
↑
|
|
|
|
