iNSET & OUTSET, SHADOW & ETC.

1. HOLA OLAS
   
   iNSET blue border, TEXT SHADOW green
2. ADiÓS OLAS

default: OUTSET blue border

iGUANAS RANAS: default

« »

iNSET blue border, TEXTO sombreado como PUESTA de SOL

Texto NEGRO ¿Sombreado? con BLANCO

Eduviges (Nueva Alemania)

• Nueva Alemania

Bordes para Blog

1. Primero, copia los códigos HTML con el ratón:

<div style="padding: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -goog-ms-border-radius: 20px; border-radius: 20px; border: 1px solid rgb(255, 128, 0); padding: 15px;">
COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


2. Segundo, pégalos en nueva entrada de Blog (configurado en HTML, OjO).
3. Así se verá reconfigurando a REDACTAR, tu nueva entrada al Blog (antes de Publicar, OjO):


COPIA PEGA lo tuyo (blog, texto, etc) ACÁ


4. Ya puedes reemplazar el texto "COPIA PEGA lo tuyo (blog, texto, etc) ACÁ", en HTML o en REDACTAR, según tu preferencia.
5. Y NO te olvides de PUBLICARLO (SAVE)

COLORES

En el código rgb(255, 128, 0), puedes cambiar el color del borde, cambiando cada grupo de números (desde CERO hasta 255). Por ejemplo:


• el Rojo Brillante sería rgb(255, 0, 0,) para verse así:
  
  <div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; -goog-ms-border-radius: 20px; border-radius: 20px; border: 1px solid rgb(255, 0, 0); padding: 15px;">
  COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ
  </div>


• el Verde Brillante sería rgb(0, 255, 0,) para verse así:
  
  <div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; -goog-ms-border-radius: 20px; border-radius: 20px; border: 1px solid rgb(0, 255, 0); padding: 15px;">
  COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ
  </div>


• el Azul Brillante sería rgb(0, 0, 255,) para verse así:
  
  <div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; -goog-ms-border-radius: 20px; border-radius: 20px; border: 1px solid rgb(0, 0, 255); padding: 15px;">
  COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ
  </div>


• el Blanco Brillante sería rgb(255, 255, 255,) para verse así:
  
  <div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; -goog-ms-border-radius: 20px; border-radius: 15px; border: 1px solid rgb(255, 255, 255); padding: 16px;">
  COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ
  </div>

ESTiLOS

1. PUNTEADO:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px dotted rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


2. DiSCONTíNUO:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px dashed rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


3. SÓLiDO:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px solid rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


4. DOBLE:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px double rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


5. RANURA:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px groove rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


6. MOLDURA:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px ridge rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


7. HUNDiDO:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px inset rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>


8. RESALTADO:
   
   <div style="-goog-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 4px outset rgb(255, 128, 0); padding: 15px;">
   COPIA PEGA lo tuyo <i>(blog, texto, etc)</i> ACÁ </div>

COLOR: la Div@ & la Tabla

TALLERMÓViL

PEGA tu BLOG AQUì

MARCA, COPiA y PEGA éstos CÓDiGOS en tu BLOG (picando HTML):

</blockquote><br><div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: #1d460c; border-radius: 20px; border: double 6px #dcff78; color: #dcff78; padding: 20px;">PEGA tu BLOG AQUì</div>

TABLA

PEGA tu BLOG AQUì

MARCA, COPiA y PEGA éstos CÓDiGOS en tu BLOG (picando HTML):

---

<table align="center" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody>
<tr><td style="-goog-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: none repeat scroll 0% 0% rgb(234, 226, 191); border-radius: 10px; color: #4d0000; font-family: times new roman,garamond; font-size: 14pt; padding: 15px; text-align: justify;" valign="top"> PEGA tu BLOG  AQUì </td></tr>
</tbody></table>

DiV@

PEGA tu BLOG AQUì

MARCA, COPiA y PEGA éstos CÓDiGOS en tu BLOG (picando HTML):

---

<div style="-goog-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: none repeat scroll 0% 0% rgb(234, 226, 191); color: #4d0000; font-family: times new roman,garamond; font-size: 14pt; padding: 15px; text-align: justify;" valign="top">
 PEGA tu BLOG  AQUì </div>

Ajustando Renglones

HÖLA ÖLÄS con Ürdiñolas:

«acÄ probando Texto entre DL's»

(brinca 2 renglones acada LÄo)

---

En cambio:

«acÄ probando Texto entre DT's»

(brinca 1 renglón acada LÄo ÿ en NEGRiTA)

---

Ahora bien:

«acÄ probando Texto entre DD's»

(brinca 1 renglón acada LÄo ÿ en ESCALONÄO)

cÖdigös HTML

HÖLA ÖLÄS con Ürdiñolas:<dl>«acÄ probando Texto entre DL's»</dl>(brinca 2 renglones a cada LÄo)<hr>En cambio:<dt>«acÄ probando Texto entre DT's»</dt> (brinca 1 renglón a cada LÄo ÿ en NEGRiTA)<hr>Ahora bien:<dd>«acÄ probando Texto entre DD's»</dd> (brinca 1 renglón a cada LÄo ÿ en ESCALONÄO)

CÖPiA y PEGÄ a tu SiTiÖ en HTML