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.

Messages - Aboul

#1
Tips and Tutorials / Re: Theme multicolor [styleswitch]
February 13, 2014, 01:57:41 PM
Buenas...
No entendí ciertas cosas como por ejemplo:

Donde colocamos lo siguiente:




<ul class="colores">
<li>Colores:
        <a id="css del boton" onclick="javascript:chooseStyle(\'nombre del nuevo color\', 60)">Nombre del color</a>
</ul>




Y todo el final no lo entendi.
#2
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
#3
Tips and Tutorials / Re:Slider Social Icons
January 04, 2014, 03:06:53 PM
Buen aporte muy elegante el diseño pero sería muy bueno si colocas los créditos a mi amigo "Zoom"
#4
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]
#5
Tips and Tutorials / Re:Userarea estilo "Assistive touch"
December 13, 2013, 05:06:16 PM
Muy bueno, gracias por el aporte.
Estoy diseñando un theme así al estilo de el iPhone, en cualquier momento les pedire a alguno de ustedes que me ayude con eso..
#6
Tips and Tutorials / Re:Popular Topics
December 09, 2013, 09:43:59 AM
Excelente, muchisimas gracias, se te agradece muchisimo :D
#7
Excelente tutorial bro, pero yo tengo codigos diferentes, ya te escribí por el foro a ver si me ayudas.

Saludos.
#8
Tips and Tutorials / Re:Ponerle un estilo a tu scrollbar
December 04, 2013, 01:09:45 PM
Quote from: Daniel on December 04, 2013, 01:04:38 PM
Muy buen tutorial! Lastima que solo sirva para chrome y safari, espero que después se pueda para los demas navegadores.

Ya funciona para la ultima version de mozilla firefox.
Muchas gracias.
#9
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]
#10
Tips and Tutorials / Re:Poster al estilo SkinMod V3
December 04, 2013, 09:20:37 AM
Me gustaria ver alguna imagen de como queda...

Saludos.