Sporepedia 2
¡Bienvenido a Sporepedia 2! Si quieres empezar a compartir tus creaciones y descargar las de otros, regístrate ya.

Conectarse

Recuperar mi contraseña

Últimos temas
» felis cumpleanios guigaso
Hoy a las 04:33 por technoguyx

» ¿Qué música están escuchando?
Hoy a las 04:33 por technoguyx

» Cambiar Menú del Foro
Ayer a las 23:36 por Rhinestone

» ¿Dulce o Truco?
Ayer a las 21:51 por El Señor de los Dadillos

» [DoT] Basilisco [6] - Max
Ayer a las 21:44 por Max

» TEMA FLOOD
Ayer a las 19:00 por Rhinestone

» Alienígena Humno [DoT][4]
Ayer a las 17:03 por Mx3brainpower

» [DoT] Espectro del pantano [19]
Ayer a las 15:22 por Crow

» [Aventura] A la muerte con los piratas [♫]
Ayer a las 13:06 por Crow

» Minificar Imagenes y Scripts
Ayer a las 10:56 por Rhinestone

» Perro zombie [DoT] [7]
Ayer a las 07:47 por Osgoltboy400

»  [DoT] Brujenja [22]
Ayer a las 01:00 por niko1996arg

» Lucas El hombre Lobo de tierras oscuras [DoT] [13] [TO]
Sáb 21 Oct 2017, 23:36 por Osgoltboy400

» Hombre LOBO
Sáb 21 Oct 2017, 22:34 por Max

» Antiga Prime Set Terrestre
Sáb 21 Oct 2017, 21:38 por Tadoki

»  Antiga Prime Set Edificios
Sáb 21 Oct 2017, 21:35 por Tadoki

» Aracne [DoT] [14]
Sáb 21 Oct 2017, 15:52 por Sidimey

» La derrota de zarael el eterno.
Sáb 21 Oct 2017, 15:22 por Coldfusion

» Nave Glophip
Sáb 21 Oct 2017, 13:42 por Glophip

» Creaciones representativas de la Sporepedia 2
Sáb 21 Oct 2017, 09:57 por Coldfusion

» Coopastliz - Logros en creación de Aves.
Sáb 21 Oct 2017, 02:45 por Rhinestone

» Mi mejor creación asta ahora
Sáb 21 Oct 2017, 02:39 por Rhinestone

» Un T-Rex y unos Glophip
Sáb 21 Oct 2017, 02:38 por DDeckBBacon

» Hamster - Meerschwein auf Ball
Sáb 21 Oct 2017, 02:37 por Rhinestone

» [DoT] Venado Zombie [7] - Max (TRUCO)
Sáb 21 Oct 2017, 02:00 por Max

» Regalos de Papa Juaner
Vie 20 Oct 2017, 22:51 por juaner

» [DoT] Tacos de cerbero [12]
Vie 20 Oct 2017, 20:08 por CefaloSapiens

» Momia maldita [DoT][16]
Vie 20 Oct 2017, 18:52 por Sidimey

» Proyecto de Aventura: Explorando CRX-428 (Pausado)
Vie 20 Oct 2017, 16:22 por Rhinestone

» Proyecto aventura: "Museo de la S2" [♫]
Vie 20 Oct 2017, 16:21 por Rhinestone

» Nadie va a ver esto pero igual lo publico ;-;
Vie 20 Oct 2017, 16:21 por Rhinestone

» Rebelion reptiliana
Vie 20 Oct 2017, 15:57 por Rhinestone

» Kaprosuchus
Vie 20 Oct 2017, 14:36 por Rhinestone

» [DoT] Basilisco [6]
Vie 20 Oct 2017, 14:11 por Crow

» Demonio Desencadenado [DoT][2]
Vie 20 Oct 2017, 13:11 por Rhinestone

» Chiroptero [10] [DoT]
Vie 20 Oct 2017, 12:59 por Osgoltboy400

» Bichos feos
Jue 19 Oct 2017, 21:12 por Coldfusion

» Un roberto
Jue 19 Oct 2017, 19:09 por Glophip

» [DoT] La Momia [16]
Jue 19 Oct 2017, 10:33 por Crow

» Fungus Zombie [DoT][7](Zombie)
Jue 19 Oct 2017, 02:29 por Tadoki

» La Serpe Basilisco [DoT][6](Basilisco)
Jue 19 Oct 2017, 01:56 por Tadoki

» La Parca Nigromante [5][DoT] [5] (Parca)
Jue 19 Oct 2017, 01:33 por Tadoki

» Tarsaurus [DoT][4](Alien-Zerg)
Jue 19 Oct 2017, 00:53 por Tadoki

» Cambiar el ícono del mouse en el foro
Jue 19 Oct 2017, 00:28 por Lirianer

» Tribunal Popular de Justicia.
Jue 19 Oct 2017, 00:07 por Rhinestone

» Una Mejor Busqueda Avanzada
Miér 18 Oct 2017, 23:45 por Rhinestone

» Ausencia de Users en el CB
Miér 18 Oct 2017, 23:43 por Rhinestone

» Modificacion estetica simple
Miér 18 Oct 2017, 23:40 por Rhinestone

» Estética del foro.
Miér 18 Oct 2017, 23:30 por Lirianer

» Mejorar versión de móvil
Miér 18 Oct 2017, 23:19 por Rhinestone

» Sobre la Música en las paginas...
Miér 18 Oct 2017, 22:22 por Rhinestone

» [DoT] Cthulhu, el primigenio [18]
Miér 18 Oct 2017, 21:26 por Marcob2 [DCF]

» King Crimson (JJBA Vento Aureo) [DoT] [24]
Miér 18 Oct 2017, 21:20 por Marcob2 [DCF]

» Rise of Cults II [Rol y Estrategia] [♫]
Miér 18 Oct 2017, 20:04 por Paul_q_f

» Bruja Granuja [DoT][22]
Miér 18 Oct 2017, 18:19 por Mx3brainpower

» Sangre para el Dios Khorne [DoT][2](Demonio)
Miér 18 Oct 2017, 16:19 por Tadoki

» [Halloween] Hada [23]
Miér 18 Oct 2017, 15:44 por Crow

» [Halloween] Kraken/xXTentacleraper1337n0h4x1vs1 [18]
Miér 18 Oct 2017, 14:54 por Coldfusion

» Golem de Barro [DoT][21]
Miér 18 Oct 2017, 14:43 por SrGaliಠth

» Premios, Smilies y Frases Célebres
Miér 18 Oct 2017, 13:18 por Crow

» Tras pensarlo... quiero volver.
Miér 18 Oct 2017, 12:59 por Crow

» [DoT] Volipros-Pv3 [20] - Max
Miér 18 Oct 2017, 00:47 por Max

» [DoT] Lacayo Rastreador [2] - Max
Mar 17 Oct 2017, 22:36 por Max

» Payaso Gordo [DoT][11]
Mar 17 Oct 2017, 22:02 por Tadoki

» Taller -The Stones-
Mar 17 Oct 2017, 21:40 por Tadoki

» La Hada que no es de los dientes [DoT][23](Hadas Madrinas xD)
Mar 17 Oct 2017, 21:16 por Tadoki

» Golem Guardian [DoT][21] (Golem)
Mar 17 Oct 2017, 20:38 por Tadoki

» ¡Te Reto!
Mar 17 Oct 2017, 20:27 por Tadoki

» Spore DS - Criaturas de Zaguero
Mar 17 Oct 2017, 20:24 por Tadoki

» [DoT] La Bruja Truja [22] - Max
Mar 17 Oct 2017, 20:13 por Tadoki

» [DoT] La Parca [5]
Mar 17 Oct 2017, 17:39 por Rhinestone

» [DoT] Cibria [04]
Mar 17 Oct 2017, 14:34 por SHODAN

» Lovison [DoT 13]
Mar 17 Oct 2017, 10:42 por lPokerFace

» La Oscuridad y los Grox [DoT] [15] (Grox)
Mar 17 Oct 2017, 00:10 por Tadoki

» [DoT] Aracne [14]
Lun 16 Oct 2017, 16:30 por Coldfusion

» Aracne Tirapalante [DoT] [14] (Aracne)
Lun 16 Oct 2017, 16:01 por Tadoki

» [DoT] Mutante [20]
Lun 16 Oct 2017, 15:19 por Coldfusion

» Bebe Mutante [DoT] [20]
Lun 16 Oct 2017, 14:57 por ElAloch

» [DoT] Vampiro [10]
Lun 16 Oct 2017, 14:49 por Coldfusion

» La Medusa mas Fea [DoT]--(Gorgona) [3]
Lun 16 Oct 2017, 14:19 por Tadoki

» [DoT] El Faraon No Muerto(Momia) [16]
Lun 16 Oct 2017, 14:17 por Tadoki

» Un Mecanismo Chapucero [DoT] [1] (Libre)
Lun 16 Oct 2017, 13:55 por Tadoki

» [DoT] La verdad [24] [♫]
Lun 16 Oct 2017, 13:43 por Coldfusion

» Aracne [DoT][14]
Lun 16 Oct 2017, 12:23 por Davitroon

» [DoT] RUDY el Wendigo [17]
Lun 16 Oct 2017, 11:35 por Alegorn

» La Bruja Zoidamei [DoT 22]
Lun 16 Oct 2017, 11:05 por lPokerFace

» ¿Alguien tiene este mod?
Lun 16 Oct 2017, 02:20 por Rhinestone

» me saca o no tiene animacion
Lun 16 Oct 2017, 02:14 por Rhinestone

» Parche 1.6 rompe mi Spore
Lun 16 Oct 2017, 02:13 por Rhinestone

» Nuevo arquetipo grox.
Lun 16 Oct 2017, 01:40 por Rhinestone

» [DoT] Parca [5]
Lun 16 Oct 2017, 01:24 por Coldfusion

» "Aracne" [DoT] [14]
Dom 15 Oct 2017, 23:12 por Tuti

» Sireki [DoT] [8]
Dom 15 Oct 2017, 22:48 por Sidimey

» [DoT] Parca. [5] - Max
Dom 15 Oct 2017, 22:44 por Max

» Gabriela La Gorgona [DoT] [3]
Dom 15 Oct 2017, 22:43 por Tuti

» [DoT] Rancor (Star wars) [1]
Dom 15 Oct 2017, 20:59 por Coldfusion

» Cerberus, el guardián del otro mundo [DoT] [12]
Dom 15 Oct 2017, 20:51 por SrGaliಠth

» [DoT] Mothman [9]
Dom 15 Oct 2017, 20:28 por Coldfusion

» Demonio Bizarro [DoT] [2]
Dom 15 Oct 2017, 20:13 por Tuti

Temas Favoritos
Creación Aleatoria
Sondeo

¿Cuántos dulces piensas conseguir jugando a nuestros juegos de Azar?

50% 50% [ 3 ]
0% 0% [ 0 ]
17% 17% [ 1 ]
33% 33% [ 2 ]

Votos Totales : 6

Los posteadores más activos de la semana
technoguyx
 
Rhinestone
 
Lirianer
 
Tadoki
 

Hora Mundial
Octubre 2017
LunMarMiérJueVieSábDom
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Calendario Calendario


Astucia para decorar los temas de Amigo Invisible

Ver el tema anterior Ver el tema siguiente Ir abajo

Resuelto / Aceptado Astucia para decorar los temas de Amigo Invisible

Mensaje por Shurin el Sáb 20 Dic 2014, 15:44

¡Hola S2!, He decidido compartir un truco para los post del concurso "Amigo Invisible" ya que ya estamos al rededor de esas fechas UUU!

El efecto del tutorial una vez finalizado, será esto:


[Tienes que estar registrado y conectado para ver este vínculo]

[Tienes que estar registrado y conectado para ver este vínculo]







Un regalo que se "abre", cuando éste se abre, se supone que adentro debería de quedar la criatura, pero si la coloco sería spoiler Genius y si le das click te lleva a la criatura para descargar Ahamm

Los recursos que necesitaremos serán:

Photoshop (Yo usaré el CC) Forever Alone
[Tienes que estar registrado y conectado para ver este vínculo]
[Tienes que estar registrado y conectado para ver este vínculo]
[Tienes que estar registrado y conectado para ver este vínculo]
Bloc de Notas

Nota: Debes de agarra una imagen cualquiera, recortarle en 2 partes, deben de tener las mismas dimensiones en cuanto a la anchura
Nota 2: EL COLOR DE FONDO DEL RECURSO 3 SERÁ EL DEL COLOR DE FONDO DEL FORO, no recuerdo por que, pero debe ser así xD.

1- Construir el Código
Se divide en 2 partes:

1- Llamando "Elemento":
Aquí insertaremos un enlace, nada de otro mundo, el link será de la imagen de nuestra criatura, y en lo que sé verá deberemos colocar:

Código:
<div id="NOMBREDELIDENTRECOMILLAS">¡Revisa el Regalo!</div>










El "NOMBREDELIDENTRECOMILLAS" será el nombre que le daremos al elemento, yo le llamaré "RegaloAmigoInvisible"

Y seguidamente del recurso 1

Código que usé:

Código:
[url=http://i39.servimg.com/u/f39/17/33/68/09/regalo14.png]<div id="RegaloAmigoInvisible">¡Revisa el Regalo!</div>[/url][img]http://i39.servimg.com/u/f39/17/33/68/09/regalo12.png[/img]









2- Dándole estilo al "Elemento":
Aquí es donde necesitamos un poco de paciencia Ejem...

Iniciaremos el código con un:
Código:
<style type="text/css">










Después colocaremos el titulo que le hemos dado a nuestro "elemento" Empezando con un numeral y al final abriendo "{":
Código:
#RegaloAmigoInvisible{










Colocaremos de fondo el RECURSO 2 y especificaremos que el tamaño del elemento es el de la imagen:

Código:
#RegaloAmigoInvisible {width: 128px;height: 60px;text-shadow: 0px 0px 3px white;background-image: url(http://i39.servimg.com/u/f39/17/33/68/09/regalo11.png);border-top-left-radius: 25px;border-top-right-radius: 25px;color: white;text-align: center;}










Yo le he puesto más atributos para decorarle un poco SIII

Atributos:
El tamaño de la imagen del RECURSO 2
Código:
width: 128px;height: 60px;








width es ancho, height es la altura

Hacer que brille el texto:
Código:
text-shadow: 0px 0px 3px white;








Los 2 primeros digitos son las coordenadas de la sombra, con X, Y, ya sabes, plano cartesiano, okno
y el tercero es la dispersión del efecto, por ultimo, el color, en ingles
Imagen de fondo:
Código:
background-image: url(http://i39.servimg.com/u/f39/17/33/68/09/regalo11.png);









Bordes:
Código:
border-top-left-radius: 25px;border-top-right-radius: 25px;









Color del texto:
Código:
color: white;









Posición del texto:
Código:
text-align: center;}








RECUERDEN LOS ";", y el { al final.

Ahora, seguido de ese cierre, colocamos "#NOMBREDELELEMENTO:hover", sin comillas, y de fondo, le colocaremos el 3 recurso, y especificaremos el tamaño, como hicimos anteriormente:
Código:
<style type="text/css">#RegaloAmigoInvisible {width: 128px;height: 60px;text-shadow: 0px 0px 3px white;background-image: url(http://i39.servimg.com/u/f39/17/33/68/09/regalo11.png);border-top-left-radius: 25px;border-top-right-radius: 25px;color: white;text-align: center;}#RegaloAmigoInvisible:hover {height: 256px;width: 128px;text-shadow: 0px 0px 3px transparent; background-image: url(RECURSO 3);}</style>







Abandonemos el HTML por un momento, y vayamos al PS.

Abrimos nuestra imagen que usaremos como RECURSO 3, y abrimos nuestra carpeta de creaciones de Spore, y arrastramos la imagen hacia el Photoshop, guardamos, y ya estaría listo.



Ahora cerramos el "style"
Código:
</style>






Y tendremos completado la decoración cute

Si queremos varios de estos en nuestros post, solo debemos cambiar los "NOMBRESDELELEMENTO", que se usan 3 veces, 1 en la primera parte del código, cuando se "Llama elemento" y los otros 2, en la segunda parte, cuando se les da estilo, y después, sustituir las imágenes de los recursos Sos Groso!

Es decir, un segundo código nos quedaría algo como esto:
Código:
[url=http://i39.servimg.com/u/f39/17/33/68/09/regalo20.png]<div id="RegaloAmigoInvisible2">¡Revisa el Regalo!</div>[/url][img]http://i39.servimg.com/u/f39/17/33/68/09/regalo17.png[/img]


<style type="text/css">#RegaloAmigoInvisible2 {width: 128px;height: 60px;text-shadow: 0px 0px 3px white;background-image: url(http://i39.servimg.com/u/f39/17/33/68/09/regalo18.png);border-top-left-radius: 25px;border-top-right-radius: 25px;color: white;text-align: center;}#RegaloAmigoInvisible2:hover {height: 256px;width: 128px;text-shadow: 0px 0px 3px transparent; background-image: url(http://i39.servimg.com/u/f39/17/33/68/09/regalo20.png);}</style>







Espero que les guste, xD


Si se me ha pasado algo por alto, ¡preguntalo!


Última edición por Shurin el Sáb 20 Dic 2014, 19:02, editado 2 veces

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Wigazo el Sáb 20 Dic 2014, 15:50

"Astucia"
Una vez más, te recuerdo que no estás en FDF. what is this racket LOL

Muy buena astucia, gracias por compartirla, es un lindo detalles para los temas. Sos Groso!

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por dekarserverbot el Sáb 20 Dic 2014, 15:51

faltaron el rosa y el morado

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Eleanor Drapeaux el Sáb 20 Dic 2014, 15:56

Bonito, lástima que no lo use Yao Ming

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Lechuza el Sáb 20 Dic 2014, 16:03

Muy, MUY buena astucia, Shurin. Seguro quedará re-cool en los posts.

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Shurin el Sáb 20 Dic 2014, 16:17

Wigazo escribió:"Astucia"
Una vez más, te recuerdo que no estás en FDF. what is this racket LOL

Muy buena astucia, gracias por compartirla, es un lindo detalles para los temas. Sos Groso!


Okay

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Lisander el Sáb 20 Dic 2014, 16:29

Me duele la cabeza D:

No creo que lo use, igual no entendi todavia como poner la criatura en el regalo. Igualmente gracias por enseñarnos este codigo.

Edit: Como sabes tanto de codigos? O_o

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Wigazo el Sáb 20 Dic 2014, 16:55

Tiene experiencia administrando un foro, habrá aprendido por eso.

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Shurin el Sáb 20 Dic 2014, 17:10

Lisander escribió:
Edit: Como sabes tanto de codigos? O_o



Jamas te poses ante la luz del FDF Raisins 2

Edit: Agregué imágenes del momento cuando quedaría la criatura "dentro" del regalo, pero en el ejemplo no lo colocaré Razz

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Lechuza el Sáb 20 Dic 2014, 18:16

Wigazo escribió:Tiene experiencia administrando un foro, habrá aprendido por eso.

... JAJAJAJA

¿Lo dices en serio, Wig, o te refieres al foro plagio? xDDD.

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Wigazo el Sáb 20 Dic 2014, 18:44

Lo digo en serio. xD

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Lisander el Sáb 20 Dic 2014, 19:31

AH, arrastrarlo hasta el photoshop, ahora entiendo. Gracias Very Happy

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por dekarserverbot el Sáb 20 Dic 2014, 20:49

NO CONTABAN CON MI CODIGO!

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Shurin el Sáb 20 Dic 2014, 22:02

dekarserverbot escribió:NO CONTABAN CON MI CODIGO!


LOL , con mi "astucia"
Bam dum tss.

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Xhaps el Dom 21 Dic 2014, 01:31

dekarserverbot escribió:NO CONTABAN CON MI CODIGO!


LOL

Interesante tutorial

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Mr. Souls el Dom 21 Dic 2014, 03:01

interezante, tal vez lo use Sos Groso!

Volver arriba Ir abajo

Resuelto / Aceptado Re: Astucia para decorar los temas de Amigo Invisible

Mensaje por Contenido patrocinado

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:
No puedes responder a temas en este foro.