#
Text
why did this appear as a tag suggestion

are we just straight up tagging things with HTML now? or maybe this is how those broken posts work
Only one way to find out!
905 notes
·
View notes
Text

2 notes
·
View notes
Text

#rings#hands#style inspo#art style#fashion style#<div style=> <iframe frameborder= scrolling= seamless=#aesthetic#grungyteens#green aesthetic
1 note
·
View note
Text
Tumblr theme coding tutorial - Popup ask box
1. Find this
<a href="/ask">
Replace it with this
<a href="javascript:open('askbox');">
2. Find this
<body>
Add this, right AFTER it
<script type="text/javascript"> function open(askbox) { var askcontainer = document.getElementById(askbox); if (askcontainer) {askcontainer.className=(askcontainer.className=='closed')?'open':'closed';} } </script> <div id="askbox" class="closed"> <a id="askboxbg" href="javascript:open('askbox');"></a> <div id="ask"> <h1>{AskLabel}</h1> <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/__________.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--> </div> </div>
3. In the code above, replace the blank __________ with your username. For example I would replace the blank with lyrasthemes.
4. Next, find this
</style>
Add this, right BEFORE it
#askbox {position:fixed; z-index:20; width:100%; height:100%; background-color:rgba(0,0,0,0.75);} #askbox.open {display:block;} #askbox.closed {display:none;} #askboxbg {display:block; width:100%; height:100%; position:absolute; z-index:1;} #askbox #ask {width:500px; padding:20px; position:absolute; z-index:2; left:50%; margin:100px 0 0 -270px; text-decoration:none; color:black; background-color:white;}
Source
#tutorial#theme code tutuorial#coding tutorial#tumblr theme tutorial#theme tutorial#tutorials#code tutorial#pop up ask#pop up ask box#pop up ask box tutorial
1 note
·
View note
Note
Hello! I love your theme! I read your cred page and have a million questions but I’ll keep it to two hehe. 1. how did you make it so that your description on web vs mobile are different? and 2. how did you put text and stuff on your ask page? Thanks in advance for your help! 🥹
hello!
different description boxes
you'll have to go into "edit HTML" when you're customizing your theme. you'll notice toward the beginning of your theme, there will be a handful of meta tags; these are what allow you to have those text spaces/color choices/etc. that are available on the first page when you first enter the customizer.
usually, the way description works is the HTML will just say something like <div class="CLASS NAME">{Description}</div>, where the {Description} block is whatever you put into the text box in the customizer. this block is also what shows up on your mobile theme.
so to make them different, we have to make a meta tag and replace the {Description} block! in my case, i named it "desc" to make it easy, and i put
<meta name="text:desc" content=""/>
where all the other meta tags live (again, somewhere in the beginning). then, i went to wherever the description block is in the HTML (you can ctrl/cmd+f "{Description}"; it will be after "<body>"), and I replace "Description" with "{text:desc}" so that it looks like this:
<div class="description">{text:desc}</div>
then, when you save and exit the "edit HTML" page, you should now have a box called "desc" (or whatever you named your new description block). when you fill it out, it will be different from your mobile description :)
putting text on my ask page
this one comes with a caveat: you have to make a new blog page, so if someone visits your ask page from the mobile app, it will go to the original /ask where there's no text vs. the page you made. so hopefully, you don't mind that!
when you're customizing your theme, scroll all the way down and click "add a page." i used the standard layout, but you can use a blank page if you want it super custom. choose a link name; mine is just /asks. then, ofc, fill it out with whatever text you want! when you're ready to add your ask box, put this code in:
<iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/[URL]" width="100%" style="background-color: transparent; overflow: hidden; height: 190px;"></iframe></p>
replace [URL] with your tumblr address (e.g. mine would say joshujin.tumblr.com). when you're previewing it, it will probably say "request denied" where your ask box is supposed to be, but once you save and view the page, it will act like normal!
and that's it!
hope that helps! don't feel like you have to limit your Qs! you can ask whatever you want and if i can help, i will, and if i can't, i will try to point you in the right direction :)
happy coding!
0 notes
Text
too bad get put on public display fool
I refuse to post on Tumblr
#<div style=> <iframe frameborder= scrolling= seamless=#width: 480px; height: 270px; overflow: hidden; position: relative;#save forever
26 notes
·
View notes
Text
10 Reasons Why Healthcare Providers Need SEO: Transforming Digital Visibility
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1983127027&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break:…
0 notes
Text
Se supone que la estrellita es el botón de menú pero nunca pude hacer que se viera no RANCIO.
<title>aerlevvsedi</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet"> <style> @font-face { font-family: 'Cloister'; src: url('FONTS/CloisterBlack.ttf') format('truetype'); } body { background-image: url('img/Staticblack.gif'); background-repeat: repeat; background-size: 420px 200px; background-color: rgba(0, 0, 0, 0.2); color: green; font-family: 'Cloister', sans-serif; position: relative; margin: 0; padding-top: 120px; /* Adjusted padding for better alignment */ } header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding-top: 30px; /* Adjusted top padding for header content */ background-color: rgba(0, 0, 0, 0.8); /* Example background color */ } .nav-wrapper { position: fixed; top: 0; left: 0; width: 0; /* Initially hidden width */ height: 100vh; /* Full height of viewport */ z-index: 1000; background-color: rgba(180, 180, 180, 0.8); /* Adjust background color */ overflow-x: hidden; transition: width 0.3s ease; padding-top: 50px; /* Adjusted top padding */ } .nav-wrapper.show { width: 250px; /* Width of the vertical nav bar when shown */ } .nav-link { color: green; } .copy-left { display: inline-block; text-align: right; margin: 0px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } h1.display-1 { font-size: 3em; margin-top: 30px; /* Adjusted top margin as needed */ } .video-container { position: relative; width: 50%; /* Set width to 50% of the viewport */ margin: auto; /* Center horizontally */ padding-top: 28.125%; /* 16:9 aspect ratio (height: 9/16 * width) */ margin-top: 50px; /* Adjusted margin for vertical centering */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 768px) { .bubble { border-radius: 10px; } } .bubble.text-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .navbar-nav { flex-direction: column; } .navbar-nav .nav-link { padding: 0.5rem 1rem; margin: 0.2rem 0; } .navbar-nav .nav-item { width: 100%; /* Full width for vertical nav items */ } .menu-toggle-btn { position: absolute; top: 10px; left: 10px; cursor: pointer; z-index: 9999; } .menu-toggle-btn i { color: white; /* Adjust icon color */ } </style>
aerlevvsedi©
<div class="nav-wrapper" id="navWrapper"> <nav class="navbar navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Aerlevvsedi</a> <button class="navbar-toggler" type="button" onclick="toggleMenu()"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#proyectos">Proyectos</a> </li> <li class="nav-item"> <a class="nav-link" href="#recomendaciones">Recomendaciones Semanales</a> </li> </ul> </div> </div> </nav> </div> <div class="container"> <div class="row justify-content-center mt-5"> <div class="video-container"> <iframe width="560" height="315" src="https://www.youtube.com/embed/cU0XUX7Wmzo?si=FHrY37smaGjsCv1-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> <img src="IMG/AAA.png" alt="aaaaaaa" class="full-size-image"> <script> function toggleMenu() { var navWrapper = document.getElementById("navWrapper"); navWrapper.classList.toggle('show'); // Toggle the 'show' class } </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.bundle.min.js"></script>
0 notes
Text
manifesting eternal horror for u <3
let's try it
#<div style=> <iframe frameborder= scrolling= seamless=#width: 480px; height: 270px; overflow: hidden; position: relative;
2 notes
·
View notes
Text
Diario PA2: narración, gamificación y digitalización del paisaje de aprendizaje.
¿Qué ideas nuevas te ha suscitado el bloque?
Me parece muy interesante el aprendizaje guiado a través de la gamificación. Considero que será muy útil para mi alumnado ya que encontrará tareas adaptadas a sus necesidades y con diferentes requerimientos cognitivos, unidas por una narrativa que les motivará a trabajar de forma lúdica.
¿Habías usado antes técnicas de narración (storytelling)
No las había usado ligadas a una secuencia de aprendizaje. Me ha ayudado a ver que no es tan complejo como pensaba.
¿Se te ha ocurrido la historia que dará sentido a tu paisaje?
Sí, la historia consistirá en lo siguiente. Aparece un ingeniero, el cual ha perdido la memoria y no recuerda cómo resolver los enigmas. Los alumnos deberán ayudarle a recordar y mostrarle como resolver cada reto para conseguir que el ingeniero desbloque el pc con el que necesita trabajar.
¿Cómo lo vas a gamificar?
Lo he gamificado diversificando los retos en tres grupos: los manipulativos (desenchufados), los digitales (actividades con el ordenador o Tablet) y los reflexivos (que les ayudarán a pensar en cómo lo han hecho y cómo podrían mejorar en futuras ocasiones).

¿Conoces alguna otra herramienta, además de las aquí propuestas, en las que puedas diseñar un paisaje?
No, siempre he utilizado canva y genially.

¿Qué dificultades has encontrado en el uso de la herramienta?
No he encontrado grandes dificultades con el uso de la herramienta ya que me parece muy intuitiva. Mi mayor dificultad o lo que más tiempo me lleva es pensar en la narrativa.
¿Qué ventajas le has visto?
Es una forma muy visual de plasmar las ideas, la secuencia y motivadora de cara a los alumnos.
Incluye tu paisaje en el diario final usando el código HTML
<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="Paisaje de aprendizaje MVL" frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genially.com/664c785e49038100134f34e8" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>

0 notes
Text
Diario PA2: narración, gamificación y digitalización del paisaje de aprendizaje.
La realización de este nuevo bloque me ha gustado mucho. En este bloque he podido crear insignias, desarrollar una narrativa que sirva de hilo conductor al paisaje y la elaboración de un fondo de paisaje con las distintas actividades e itinerarios posibles.
Antes de realizar este bloque no había utilizado técnicas de narración o storyteelling para plantear las actividades y vincularlas a los contenidos. Para la narrativa que he desarrollado me basé en la vuelta al mundo de Willy Fog.
Para gamificar la narrativa, propuse las actividades en forma de retos a superar. Cuando el alumnado supera un reto, obtiene una insignia-objeto que le sirve para restacar o ayudar a un animal en peligro de extinción.
Como herramienta para crear el paisaje utilicé Genially pero creo que podría conseguirse también con Canva.
En cuanto al uso de la herramienta Genially, como dificultad he visto que no tenía todo abierto siendo profesora como sí ocure en Canva. Esto ha limitado mi creatividad. Además, no he podido darle privacidad a mi trabajo ya que queda público. Como ventajas de la herramienta, destaco que es sencillo hacer imágenes interactivas con animación.
A continuación muestro mi paisaje:
<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="Paisaje: Vuelta al mundo" frameborder="0" width="1200px" height="675px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genially.com/664f9c277a75da0015561aee" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
0 notes
Text
Lick the Star, Sofia Coppola. 1998.
Premier court-métrage de S. Coppola, raconte les dynamiques des groupes d'amies au lycée.
[*]
Film entier : <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;"> <iframe style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden" frameborder="0" type="text/html" src="https://www.dailymotion.com/embed/video/xm16mq?autoplay=1" width="100%" height="100%" allowfullscreen title="Dailymotion Video Player" allow="autoplay"> </iframe> </div>
0 notes
Text
Victory in Praise!
<div class=”viid_iframe_video”> <iframe allowfullscreen src=”https://vidsuite.app/campaign?camp=AmZ5Zjnn” frameborder=”0″ allowfullscreen=”true”></iframe><style>.viid_iframe_video{max-width:800px;margin:0 auto}.viid_iframe_video iframe{width:100%;height:480px;border:none}@media(max-width:767px){.viid_iframe_video iframe{height:400px}}@media(max-width:575px){.viid_iframe_video…
View On WordPress
0 notes
Note
unfortunately 196 tag hit post
i hope u explode (/lh)
Awh thanks, same! /hj
#196#rule#r196#<div style=> <iframe frameborder= scrolling= seamless=#width: 480px; height: 270px; overflow: hidden; position: relative;#<- get cursed idiot#may your homestuck be forever preserved
15 notes
·
View notes