Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Anuncios para tu web con CSS
#1
[Imagen: aVlw7.png]

Pues me puse a investigar, y pues pensé que ya sabía algo de CSS xD así que vi un anuncio interesante en una WEB que no recuerdo xD.

Me propuse imitar la forma esa que estaba viendo, puesto que me encanta el CSS aunque aveces me confundo y no me se de memoria las propiedades xD.

Copié a mi computador la imagen de fondo y elaboré el código siguiente.


[Imagen: 7.gif]

Deben ir a la parte del CSS de su web y colocar los siguiente:

Código:
.contextualhelp_bar {
    border: 1px solid #1E80C4;
    background-color: #fdfdfd;  
    background-image: url(images/help.png);
    background-repeat: no-repeat;
    border-radius: 2px; /* Opera, Chrome */
    -moz-border-radius: 2px;    /* Mozilla (FF, Seamonkey) */
    width: 780px !important;
}    

.contextualhelp_bar p{
margin-left: 6em;
}

El CSS se coloca dentro de las etiquetas " <style type="text/css"> contenido </style>" que se encuentra dentro del head de la página web. Aunque aveces puede estar en un archivo aparte de la web principal. Pero de igual forma, encontrarás en el head la dirección de dicho archivo.

Y para utilizar la barra, deben colocar el contenido dentro de:

<div class="contextualhelp_bar"> <p>Ejemplo de CSS para Zonapost</p></div>

La imagen que les voy a adjuntar la deben renombrar a "help.png" sin las comillas; y subirla a la carpeta images de la raíz de su web.

Les dejo la imagen, y también el link a que vean un ejemplo Sonrisa

[Imagen: 5.png]

[Imagen: pU6Na.png]


[Imagen: 9.gif]

http://depositfiles.com/files/nyflb8cdn

El post no es plagio, lo hice yo mismo para ZonaPost






Blog de Programación y de otras cosas xD

[Imagen: TkwarFo.png]

Ignoro Mensajes Personales de Soporte. Si quieres soporte abre un tema en el Foro de Soporte si son temas que quieres tratar por privado, pues abre un tema en Discusiones Privadas o en Discusiones con Desarrollo

WWW
#2
chevere aporte JULIo
Mi Blog - Edizzon.com

Ultimo Post: Ruby on Rails, The Rails Tutorial, 1ra semana

Edizzon.com - Un blog dedicado a los distintos intereses del mundo del dieseño y desarrollo web, diseño gráfico, el arte de aprender y mas...






Usuarios navegando en este tema: 1 invitado(s)