Show posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.

Topics - Aboul

#1
Previews / "Theme de KekoMundo"
January 12, 2014, 12:55:02 AM
Buenas SMFHispano...
Hace unas noches me encontraba aburrido sin hacer nada y pensé:
"Por que no crear un theme con un diseño parecido al de KekoMundo"
"Tendrá mucha fama & muchas descargas, quizás hasta alguien quiera comprarlo"

Bueno despues de pensar eso, me puse manos a la obra y pues asi es que me esta quedando:

Spoiler
[close]

QuoteOJO: Este diseño lo he creado yo desde 0. Viendo el diseño de "KekoMundo". Sí alguien está interesado en el PSD Envieme un MP.

Saludos
#2
Previews / Orange Juice [Terminado || Busco Codeador]
December 14, 2013, 11:42:03 PM
Buenas SMFHispano, recien estoy empezando a diseñar algo y pues quiero mostrarles como me va quedando...

Imagen:

Spoiler
[close]

Esto es solo un diseño, quizás se intente sacar el theme como tal, pronto les dare mas avances.

Saludos.

Actualizacion:

El Theme despues de estar indeciso de muchas cosas, ya está terminado, solo faltaría codearlo.
Hablé con el usuario Daniel, Administrador del foro para ver si me lo codeaba, mientras les dare esta previa:

Spoiler
[close]
#3
Tips and Tutorials / Ponerle un estilo a tu scrollbar
December 04, 2013, 12:59:22 PM
Buenas smfhispano, primero que nada voy a explicarles que es el scrollbar.

El Scrollbar es la barra que sirve para subir o bajar una pagina.

Imagen

Este Tutorial solo sirve para google chrome y safari, en mozilla y otros navegadores no se va a ver el estilo.

Empezamos:

1. Nos vamos al index.css de tu theme y al final pegamos el siguiente codigo:

/* ScrollBar by uge */

::-webkit-scrollbar
{
    width: 12px;
}
::-webkit-scrollbar-button
{   
background: #D8D8D8 url (../images/theme/scroollarriba.png);
height: 23px;

}
::-webkit-scrollbar-button:hover
{
background-color: #A4A4A4;
}
::-webkit-scrollbar-track
{
    background-color: #D8D8D8;
}
::-webkit-scrollbar-track-piece
{
background-color: #D8D8D8;
}
::-webkit-scrollbar-thumb
{
background: #A4A4A4;
height: 50px;
}
::-webkit-scrollbar-thumb:hover
{
background: #585858;
}

/* Final ScrollBar by uge */


Por ultimo ponemos la siguiente imagen en /images/theme

La guardan como: scrollarriba.png

Spoiler

El Resultado es este

Spoiler
[close]

Otro estilo es este codigo, lo ponen al final de su css:

/* ScrollBar */

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: #000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
background-color: #000000;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #EB8A1D;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
background: #EB8A1D;
}

/* Final ScrollBar */


Quedaría asi:
Spoiler
[close]