scarenot.hol.es - Buscador

Scarenot

Es un subdominio donde hago pruebas de sistemas en PHP y esta vez instale un Buscador , donde configure el codigo y ahora buscas paginas sobre Programacion web y diseño grafico , es un simple sistema y facil de copiar, pero es muy util para las personas que solo quieren buscar paginas sobre diferentes LENGUAJES DE PROGRAMACION ...

Aqui les dejo un inframe de la pagina para que vean el resultado de este sistema PHP y si os desean que les pase el codigo solo dejen un comentario pidiendolo... o esperen a que suba el codigo a el blog ya que no me perecio agregarlo a esta publicacion, entonces lo subire luego.

URL: http://scarenot.hol.es/pruebas/search.htm

Prueba buscar palabras como: 

      CSS

      HTML

      PHP

     JQUERY

    AJAX etc...

Aqui el inframe.

Gracias por interesarte en el tema...

Escrito por: Andy Gomez.

Black menu vertical con CSS3

Black menu vertical

Hola de nuevo a todos los que me visitan xD,  bueno esta vez les comparto un menú que hice hace poco utilizando algo de css3 y html, yo creo que me quedo bien, aunque se que no es la gran cosa se los comparto para los usuarios que necesiten uno asi en su sitio web o blog, el menú es negro con un efecto hover, además esta en vertical, luego tratare de hacer uno desplegable y en horizontal y se los compartire, bueno entonces empesamos, es muy sencillo tenerlo y ligero:

copia y pega el siguiente código css en donde tengas los estilos de tu web, si usas blogger busca ]]></b:skin> y arriba pega el siguiente código

 #menu {
    border: 2px solid #000000;
    list-style: none outside none;
    margin: 0;
    max-width: 200px;
    padding: 0;
    position: relative;
}

#menu li a {
    background-color: #333333;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #444444;
    text-align: left;
    color: #DDDDDD;
    display: block;
    font-family: Arial,Helvetica;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 15px;
    text-decoration: none;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

#menu li a:hover {
    padding-left:30px;
    background-color: #444;
    border-bottom: 1px solid #111;
    border-top: 1px solid #555;
    color: #FFF;
}

 Pega el siguiente código Html en donde quieras el menú:

<ul id="menu">
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    <li><a href="#">Menu 6</a></li>
< /ul>

Lo que esta en rojo lo cambian por lo que ustedes quieran, y los "#" lo cambian por el link deseado para su menú, pueden agregar o quitar contenedores "</li>" para agrandar o encojer el menu dependiendo de cuantos links quieran tener

 El resultado sera el siguiente:

• Menu 1
• Menu 2
• Menu 3
• Menu 4
• Menu 5
• Menu 6

un menu simple pero bonito, espero les haya gustado, si tienen algun problema o pregunta dejenla en un comentario :)

 

 

 

Escrito Por: css.zanime-mf.com

Reducir espacio debajo de los comentarios.

No es que sea un problema, pero algunos encuentran esteticamente poco atractivo el espacio que hay entre el formulario de comentarios y los enlaces de navegación. No sé si sea mucho o poco espacio pues eso viene siendo relativo, lo cierto es que si no te gusta tener todo ese espacio no tienes que vivir con ello pues puedes modificarlo.

Para reducir el espacio que hay debajo de los comentarios ingresa a la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y busca este código:

<p><data:blogCommentMessage/></p>
< data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
< iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
< b:else/>
< h4 id='comment-post-message'><data:postCommentMsg/></h4>
< p><data:blogCommentMessage/></p>
< data:blogTeamBlogMessage/>
< a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
< iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
< /b:if>
Busca el segundo height que se muestra en color rojo y cambia su valor por uno más bajo, por ejemplo height='260'
Y habiendo hecho eso el espacio se habrá reducido.

Si se te dificulta encontrar el código guíate por la línea en color gris, pero toma en cuenta el height del cual hablamos aparece dos veces en ese código, y el que hay que modificar es el segundo.


Escrito Por: Ciudad blogger