¡Hola muñecas!
Con éste post finalizaremos esta sección
y estoy muy feliz porque creo que fue como una bocanada de aire fresco
entre tantos concursos y sorteos.
Creo que de vez en cuándo debería hacer tutoriales como éstos
¿les gustaría?
Hoy les enseñaré a hacer cursores y second boxes
además del efecto scroll que es muy sencillo.
De nueva cuenta, todo gracias al Blog de Charly
con el cual, admitámoslo, la mayoría de las chicas hemos aprendido mucho.
Con éste código:
<p style="background-color:#383838;cursor: url('http://i59.tinypic.com/2powdie.png'), auto; width:500px; margin:auto; text-align:center;color:#fff; font-size: 15px;overflow:hidden;" title=" Stardoll presentations | <<made by charly__6__>>">
<span style="font-size:36px;"><span style="font-family:impact;color:#e52468;"><strong><span style="font-size: 100px;">MSW</span></strong></span><br />
<span style="font-size:22px;"><span style="font-family: verdana,geneva,sans-serif;">Miss Stardoll World</span></span></span><br />
<span style="font-size:36px;"><span style="font-family:impact;color:#e52468;"><strong><span style="font-size: 100px;">2015</span></strong></span></span><br />
<strong><span style="font-size:72px;"><span style="background-color: rgb(229, 36, 104); margin-left: 0px; color: #383838; float: left; font-family: "Trebuchet MS",Arial; margin-top: 15px; padding: 0px; text-align: center; width: 500px; overflow: hidden;" title="made by charly__6__">VOTE FOR ME</span></span></strong><br />
<br />
<br />
<br />
<br />
<br />
<span style="color:#e52468;"><strong><span style="font-size: 28px;">About me</span></strong></span><br />
write here your text<br />
<span style="color:#e52468;"><strong><span style="font-size: 28px;">MSW</span></strong></span><br />
write here your text<br />
<span style="color:#e52468;"><strong><span style="font-size: 28px;">Friends</span></strong></span><br />
write here your text<br />
<span style="color:#e52468;"><strong><span style="font-size: 28px;">Designs</span></strong></span><br />
write here your text<br />
<br />
<br />
<br />
</p>
Y empecemos con los cursores,
aquí podrán ver presentaciones con cursores personalizados
y aquí podrán ver cursores de Miss Stardoll World
ahora, vamos a cambiar lo que tenemos subrayado en rojo
por éste código:
Cursor: url('http://www.dolliehost.com/dolliecrave/cursors/cursors-cute/cute22.gif'), auto;
Y añadiremos una segunda box colocando éste código donde más deseemos
yo he decidido colocarlo debajo de cada subtítulos solo que
algunos sin el efecto scroll (se los señalo en azul abajo).
Truquillo: El </p> "cierra" la presentación,
todo lo que vaya después de allí quedará fuera de la presentación completa
y con un formato estándar.
<span style="background-color:#FFFFFF;margin-left: 20px; color: #000000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 100px; overflow-y: scroll;overflow-x: hidden;" title="made by charly__6__">write here your text<br />
......</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</p>
Y ahora, básicamente, terminaremos esta sección enseñándoles
de dónde saqué la presentación base y
el código HTML que no dudo que les servirá de mucho.
Código:
<p style="background-color:#B9B9B9;cursor: url('http://www.dolliehost.com/dolliecrave/cursors/cursors-cute/cute22.gif'), auto; width:500px; margin:auto; text-align:center;color:#fff; font-size: 15px;overflow:hidden;" title=" Stardoll presentations | <<made by charly__6__>>">
<span style="font-size:36px;"><span style="font-family:impact;color:red;"><strong><span style="font-size: 100px;">FREENDS</span></strong></span>
<br /><span style="font-size:18px;"><span style="font-family: segoe print;">14/06/2012</span></span></span><br />
<span style="font-size: 27px;"><span style="background-color: red; margin-left: 0px; color: #B9B9B9; float: left; font-family: Brush Script MT; margin-top: 15px; padding: 0px; text-align: center; width: 500px; overflow: hidden;" title="made by charly__6__">Los mejores premios, para las mejores fashionistas</span></span><br />
<br />
<br />
<br />
<span style="color:red;"><span style="font-size: 32px;font-family:impact;">¡Feliz San valentín!</span></span><br />
<br /><span style="font-size:15px;"><span style="font-family: segoe print;">Este mes del amor y la amistad<br />estaremos llenos de actividades chulísimas.<br />
<br />
Gozaremos de la celebración de #2K Socias<br />
con una semana entera de actividades originales,<br />
el Súper Sorteo #2K<br />
Y la elección de la Queen #2K
<br /><br />
También realizaremos Srita. Winter #2<br />
la cuál es uno de los concursos de temporada<br />
más característicos de nuestro club<br />
con fabulosos premios.<br /><br />
Haremos un intercambio de regalos por el #14F
<br /> donde podrás interactuar con otras chicas del club<br />
aunque esta vez también haremos una "party textual"<br />
una nueva actividad sólo para las mejores socias.
<br />
</span><br />
<span style="color:red;"><span style="font-size: 32px;font-family:impact;">CELEBRIDADES</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 450px; overflow-y: hidden;border: 5px inset red;" title="made by charly__6__"><br />
<img style="width: 175px; height: auto; border-radius: 30px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><br /><br />mariaMostacho2<br />
Freendstar #2<br /><br />
<img style="width: 125px; height: auto; border-radius: 10px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><img style="width: 125px; height: auto; border-radius: 10px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><img style="width: 125px; height: auto; border-radius: 10px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><br />
<br />
Rochiliin | OnlyOfMaslow | stylinson.n
<br /> Doll del mes | Srita. Fall #2 | Mod del mes </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<span style="color:red;"><span style="font-size: 32px;font-family:impact;">REGLAS</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 150px; overflow-y: hidden;border: 5px inset red;" title="made by charly__6__"><br />♥ No hacer spam. <br />
♥ No crear discusiones sin el permiso de <br />alguien del equipo Freends. <br />
♥ Todo concurso/sorteo que tenga menos de 7 participantes <br />puede ser cancelado. <br />
♥ Si ganaste una actividad, tienes 7 días para reclamar tu premio. <br />
De lo contrario, pierdes la recompensa.</span><br />
<br /> <br />
<br />
<br />
<br />
<br /> <br /> <br /><br /><br />
<span style="color:red;"><span style="font-size: 32px;font-family:impact;">ENLACES</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 330px; overflow-y: hidden;border: 5px inset red;" title="made by charly__6__"><br />Blog del club:<br />
clubfreends.blogspot.com <br />
Revista Freends: <br />
clubfreends.blogspot.com/search/label/Revista%20Freends<br />
Tutorial imgur: <br />
youtu.be/pcyn8uWwdBo<br />
<br />
<br />
¡Habla sobre Freends en tu blog y<br />
sé parte de nuestro equipo de escritoras!<br />
<br />
<br />
Blog de Fantasia10:<br />
fantasia10-stardoll.webn*de.es<br />
Blog de valengenesis:<br />
valengenesisfashionandlifestyle.blogspot.com<br />
Blog de regikenneth97:<br />
whtngls.blogspot.com.es<br /></span><br />
<br /> <br />
<br />
<br />
<br />
<br />
<br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /> <br /><br /><br />
<span style="color:red;"><span style="font-size: 32px; text-transform: uppercase; font-family:impact;">Equipo</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 320px; overflow-y: hidden;border: 5px inset red;" title="made by charly__6__"><br />Lah.dianita1999 (Dueña)<br />
<br />
Moderadoras<br />
dildan3 (Lunes) <br />
AneuArlet (Martes)<br />
MarieMagdalena (Miércoles)<br />
mseuge (Miércoles)<br />
shani_8 (Jueves)<br />
valengenesis (Viernes)<br />
Fantasia10 (Sábado) <br />
stylinson.n (Domingo) <br />
<br />
Colaboradoras <br />
stylinson.n (Decorados oficiales)<br />
regikenneth97 (Diseñadora gráfica/Escritora)<br />
Fantasia10 (Escritora)<br />
valengenesis (Escritora)</span><br />
<br /> <br />
<br />
<br />
<br />
<br />
<br /><br /><br />
<br /><br />
<br />
<br /><br /><br /><br /><br /><br /> <br /> <br />
<span style="color:red;"><span style="font-size: 32px; text-transform: uppercase; font-family:impact;">actividades actuales</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 230px; overflow-y: hidden;border: 5px inset red;" title="made by charly__6__"><br />Sorteo SC | Diferentes estilos (Fantasia10)<br />
♥ Sorteo SD | ¡1, 2, 3, acción! (stylinson.n)<br />
Concurso SC | Recreando #2 (dildan3)<br />
Concurso SC | XV Años (AneuArlet)<br />
♥ Presentaciones | Imágenes<br />
Sorteo SD | Fiori (MarieMagdalena)<br />
Concurso SC | Paint it (shani_8)<br />
Concurso SD y SC | SAG Awards 2018 (valengenesis)<br />
Concurso SD | Minimalist queen (mseuge)<br />
♥ Presentaciones | Bordes, gradientes... <br />
<br />
♥ ← Entradas especiales</span><br />
<br /> <br /> <br /> <br /> <br />
<br />
<br />
<br />
<br />
<br />
<br /> <br /> <br /><br /><br />
<span style="color:red;"><span style="font-size: 32px; text-transform: uppercase;font-family:impact; ">Últimas ganadoras</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 200px; overflow-y: hidden;border: 5px inset red;" title="made by charly__6__"><br />
<img style="width: 125px; height: auto; border-radius: 10px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><img style="width: 125px; height: auto; border-radius: 10px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><img style="width: 125px; height: auto; border-radius: 10px; box-shadow: red 0px 0px 10px, red 1px 1px, red -1px -1px, red 0px 0px 20px;" src="http://www.sdcdn.com/camera/492/210/492210976.jpg" alt="" /><br /><br />
mafermatheu | Peniliny | nataliaramos_14<br />
Luz, cámara, acción | Mis hobbies | Lost in 90's</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /><br /><br /><br /><br /><br /><br />
<span style="color:red;"><span style="font-size: 32px;text-transform: uppercase;font-family:impact;">Ganadoras ene-abr 2018</span><br />
<span style="background-color:#FFFFFF;margin-left: 15px; color: #787878; float: left; font-family: Lucida Calligraphy; font-size: 13px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 200px; overflow-y: scroll;overflow-x: hidden;border: 5px inset red;" title="made by charly__6__"><br />Mi mejor deseo: meel_anto <br />
Aroma de campo: PilarAnderson <br />
It's winter: MarieMagdalena <br />
Querido 2018: Chicbritany <br />
Shiny glitter: starchica19 <br />
Freendstar #2: <br />
Ganadora: mariaMostacho2 <br />
Segundo lugar: OnlyOfMaslow <br />
Para el 2018...: Michelle_BG <br />
Frida Kahlo: valengenesis <br />
Girls day: chicbritany <br />
Mis hobbies: Peniliny <br />
Luz, cámara, acción: mafermatheu <br />
Lost in 90's: nataliaramos_14</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> <br /> <br /> <br /> <br />
<span style="font-size:15px; color: white;"><span style="font-family: segoe print;">¡Únete a nuestro club,<br />
te garantizamos que te sentirás como en casa<br />
porque aquí cada socia cuenta<br />
y nos importa ser una familia para cada una de ustedes.
<br />
<span style="color:red;"><span style="font-size: 32px;text-transform: uppercase;font-family:impact;">♥</span><br />
</span></span></span><br />
</p>
Les dejaré subrayado todo lo que hemos aprendido,
en azul lo que aprendimos en el primer post: "Cambiando color y palabras"
en rojo lo que aprendimos en el segundo post: "Cambiando tamaño y fuentes"
en verde lo que aprendimos en el tercer post: "Cambiando imágenes y redondeando bordes"
en rosa lo que aprendimos en el cuarto post: "Cambiando bordes, gradientes y sombras"
en negrita lo que aprendimos hoy.
Uy, que felicidad culminar con esta sección
pudiendo enseñarles lo poco que sé sobre este tema.
¡Todo con un poco de estudio e indagación se puede!
No olviden decirme si recrearon alguna presentación con estos tips
¡Nos vemos, preciosas!
en rojo lo que aprendimos en el segundo post: "Cambiando tamaño y fuentes"
en verde lo que aprendimos en el tercer post: "Cambiando imágenes y redondeando bordes"
en rosa lo que aprendimos en el cuarto post: "Cambiando bordes, gradientes y sombras"
en negrita lo que aprendimos hoy.
Uy, que felicidad culminar con esta sección
pudiendo enseñarles lo poco que sé sobre este tema.
¡Todo con un poco de estudio e indagación se puede!
No olviden decirme si recrearon alguna presentación con estos tips
¡Nos vemos, preciosas!
No hay comentarios:
Publicar un comentario