Aquí pondremos todo lo que es código o ideas que pueden funionar para hacer el rol más interesante, o más ordenadou~ Yo partiré con:
oo1. Poner Música en tu mensaje <3 Cómo hacer esto, mis puppeteers? Pues es muy fácil! OJO: Sólo funciona con videos de youtube, asique la url debe ser de ahí, sip? +w+
Esto hará el reproductor invisible, y la canción sonará una vez nada más, porque no recuerdo el código para hacerlo replay *shot'ed* Gomen neh ~ D:
1. El video que yo pondré es este! La parte de la url en blanco la deben copiar de su url, pero solo esa parte después del "=" : http://www.youtube.com/watch?v=A8YDaIThjco
2. Una vez terminado el post, apretarás el botón que dice "html" y verás la sarta de código. Vamos hasta el final (recuerda siempre salvar o copiar tu post por si internet se pone inteligente contigo!), y copias-pegas el siguiente código ;3
NOTA: Reemplazar los { } por < >! Y cuida de no borrar los "?" y demás ;3
Y listo! Quedará al final como un puntito de 1x1 px, asique yo hago trampa y lo pongo al final de mi post, como el punto final,muahah. Espero se emocionen y nos cuenten también el cuento con música de fondo como, en mi opinión, el mundo debe ser, kora! haha, cualquier duda no duden en avisar nuestra gente
~ <3
oohh of cors /o/!! ahí le puede cambiar los colores y todo bonito *u*! y si quiere le puede quitar la cajita de Extra, que en el pastebin borraría la línea 33 y 34~
y las cosas de pegado (texto e imágenes) mejor las hace en código ;u; porque a veces copiando desde los mensajes se lleva otras cosas como el color de fondo y cosas raras que podrían hacer que se dañe o se vea feo D: así que eso /o/ de ahí le peude arreglar con shift+enter los espacios, en la interfaz gráfica~
omg x,d bueno, trataré de hablar con imágenes (?) orz
bueno, aquí está el layu en un mensaje~ y no sé, vamos a probar con Airon (?)~ selecciono el texto de su bio de su mensaje anterior, y trato de pegarlo en el mensaje nuevo, y queda así feo D:
así que recomiendo que nomás lo peguen en la parte del código, así queda todo mejorcito uvu y se puede arreglar los espacios con shift+enter!
y ese es básicamente el problema con los códigos aquí ouo así que sirve para futuras referencias (?) espero haberme explicado mejor con dibujitos /o/!
Nahh no hable Ari, que tu sabes ya bastante de html, yo no soy pésima en eso...
MAI GAD Cherry ha sido tan amoroso de su parte, ya he comprendido... y ya supe como, edite uno.. pronto le muestro los resultados *w* mientras me iré a llorar a un rincon, por la emocion que siento... ;A;
Si ahora ando releyendo una y otra vez las explicaciones de Cherry, aprendiendo como una niña buena a usar los divs ;U; (porque una poderosa parte de mí quería hacer mis ridículas tablitas y dejarme de líos LOL)
Y estoy ahí... luchando contra el html y un lay para vorushe por no molestar a la buena de Cereza con mis locuras y caprichos ;///////////////;
-ayy, por qué todo lo quiero hacer tan complicado? OTZ-
oohhh Asca yay /o/!! ya quiero ver qué tal quedan en vivo *A* y y Ari ;u; no te amargues x,d te ayudo /o/ podría hacer una sesión de livestream como hice para ayudar un poco a Deyu ;u; y cualquiera que pueda ir va /o/ solo habría que acordar un día y una hora ouo/
Sería interesante una sesión de esa pero se me difiultaría, porque andaría detras de Ari, corre demasiado en el andador, y pues es un caos, prefiero los tutoriales escrito, como el que hizo....
Qué linda es Cherry ;/////; p-pero no hace falta un livestream! -aunque parecen interesantes =O-
Lo que si venía a preguntarle... sfdgdgfg trato de hacer que la barrita, en vez de correrse de arriba abajo, sea en lateral, con columnas y tal <3 Lo he conseguido! pero el problema me ha surgido con un espacio de más D: o sea, estan las dos columnas puestas, se corre de lado... pero abajo ha aparecido un espacio imprevisto, como si la caja se hubiera ensanchado también hacia abajo sin salir del scroll! -no se si me explico D//:- hay algun codigo para que no haga falta ponerle el tamaño para el height? o no sé si será ese el problema ;U;~
Para que las cajas tengan scroll se le pone el overflow, pero como quieres que sea solo horizontal se le pone overflow-x... hay varios overflow, el default que deja que se salgan las cosas y mantiene su forma el overflow:hidden, que todo lo que se sale de la caja se 'corta' el overflow:scroll, que aunque no necesites scroll te lo pone el overflow:auto, que sólo cuando necesites te pone el scroll
De ahí no entendí bien x/ lo que contiene se salió de la caja, o hizo que la caja se haga más grande? hay scrolls verticales también? o es un espacio más o menos como los que están en esta caja, que separan el texto de los bordes?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac nulla lorem, commodo viverra orci. Sed eget justo eros. Duis non erat nisi.
si es lo último entonces es el padding que le puse, que es la separación interna entre el texto y la caja... si no ps necesitaría verlo mejor x/ orz
Y por eso Cherry es la superheroína del Imperio *Â* (?) sdfgfgfdhfhgfh creo que lo logré! 8'D! era ese overflow-x lo que me hacia falta sdgfdgdf y unos ajustes en los margin... ya no hay huecos extraños~ El hueco era dentro del scroll =O Estaba el texto y luego abajo de él había un pedazo espacio que hacia que saliera el scroll de arriba a abajo D: (y no eran br) pero creo que era cosa de los margin...? El caso es que ya está bien <3 THANKS, THANKS, THANKS! <3 <3
Y ahora me toca la ardua tarea de ajustar todas las columnas OTZ AHHH! me dicen como es el codigo para hacer que una img que inserte se vea en blanco y negro? es para la ID~ y si me dicen como hacerla más transparente Ginko les hará entrega de la Gran Piruleta Real (?)
Y bueno, para cambiarle la opacidad a las imágenes al pasar el mouse se usa lo mismo que se hace para cambiar la imagen al pasar el mouse~ (esto de aquí lo tomé de un post de Grey x,dd)
Lo de verde, onmouseover, es para darle los valores al pasar el mouse encima Lo de rojo, onmouseout, es lo que se verá al no tener el mouse encima Lo de azul son los valores iniciales que son necesarios para que funcione todo esto; si no están no funciona O:! Puede estar el width o el height de la imagen, pero al menos uno
No sé cómo ponerle ahí mismo para hacerlo a blanco y negro, pero había estado moneando con el css y creé una clase para el grayscale ouo
Se le agrega nomás el class="grises", que es una clase para las imágenes que hice para el grayscale y que tiene varias cosas para que se haga grayscale (que no son necesarias copiarlas porque ya están en el css xd las copié de algún lado, props to them, wherever you are ;o;/) Solo que, como están en el CSS, sólo se vería dentro de ME (y de otros lugares donde tengan ese css), así que por ejemplo, al enviar mensajes o al editar una sección de la página no se vería, pero cuando ya el mensaje está enviado ahí funciona. También no en todos los navegadores se vería, sólo en los más modernos~
Se podrían mezclar ambas, y así se vería
y si no funciona para hacerlo blanco y negro ps se tendría que hacerlo en photoshop x,d
Ya que la otra vez hice un tuto de cómo poner layus con html, ahora es turno de hacer un tuto para hacer layus con tablas! Este de aquí es algo más fácil (?) porque traté de no meterme en nada de códigos! Así que es un tutorial para aquellos que repelen códigos uvu;
Para este tutorial utilizaré uno de mis layouts de hace mil años, no se burlen de mis grafiquitos jorribles de ese entonces plz (?)
El layout es de dos columnas, divididos en tres imágenes: una para la parte de arriba, otra para la parte de abajo (opcional) y otra para el fondo. Aquí las imágenes:
Algo importante de este tutorial es que utilizaré el Editor Nuevo de GG! Este de aquí:
Lo uso simplemente porque las tablas se trabajan mejor ahí :b
Pues bien, para usar las tablas tenemos que dar click en el botoncito de tablas! Me olvidé de tomarle captura x,d pero ahí lo encuentran o/ Ahí les sale un cuadro donde tienen que completar con la información de su layout: el ancho, el número de filas y columnas, el espacio entre cada celda, y el fondo.
Para este layout, como tiene dos columnas para escribir, hice que tenga 5 columnas la tabla: dos columnas que son para escribir, y el resto que son para darle espacios entre los bordes y ellas mismas.
(Así mismo, si tienen un layu con una columna serían solo 3 columnas en la tabla... y al final si tienen n columnas en su layu serían 1+2n columnas en la tabla! :b)
El número de filas es 3, por las 3 partes del layu (top, bottom, y parte para escribir)
Al aceptar les saldría el fondo de su lindo layu :b Ahora, tenemos que eliminar/combinar las celdas que no nos servirán: las celdas que están en la parte del top y el bottom. Para eso, seleccionamos esa fila y con click derecho nos aparece el menú contextual de la tabla. Ahí vamos a Celda-> Vincular celdas!
Hacemos eso y ya tenemos listo el layu para agregarle las partes de arriba y abajo! Ahí eso lo hacen con agregar imagen, no hice captura de eso :9
Solo falta ajustar los espacios para escribir y listo! Para eso, en cada celda, las de los espacios y la de escritura, les damos en click derecho -> Celda -> Propiedades de celda, y ahí le cambiamos el ancho al que necesitemos! Creo que ahí se puede poner también si queremos que el contenido esté pegado hacia arriba, idk :b
Al final, mi layu quedó así!
Aqui empiezan a escribir!!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ipsum turpis, tincidunt non mattis non, vehicula eget neque. Sed elementum placerat velit ac consectetur. In convallis eros eu dui semper venenatis. Nulla facilisi. Praesent dignissim ullamcorper massa quis viverra. Integer rhoncus eget erat non adipiscing. Sed tempus cursus erat at vestibulum. Integer iaculis placerat leo, in malesuada augue sollicitudin sit amet. Aliquam malesuada arcu euismod nunc sagittis, eu interdum ligula faucibus.
Nam convallis, dolor at sodales ultrices, arcu erat commodo odio, et molestie nulla orci at ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam imperdiet vestibulum lectus a tempus. Duis commodo, nibh a porttitor condimentum, lectus nulla cursus nisi, id sollicitudin metus turpis bibendum mauris. Phasellus rhoncus mauris vitae rutrum semper. Aliquam condimentum accumsan tortor, non egestas dolor. Aenean at convallis purus, fringilla convallis tortor.
Y escriben acá también!!
Le faltaría poner otro tipo de letra y más adornos, pero bueh :9 También se podría poner el scroll y todo eso, pero traté de no meterme en códigos esta vez! Porque si ven, el código para las tablas html es mucho más monstruoso que los divs normales :v
Espero se haya comprendido ;v; Si tienen dudas me la hacen llegar :,D o/
Tema anterior
