jueves, 31 de marzo de 2022

Modelo de nota 2

<style>.callout {background: #f2f2f2; font-weight: 400; font-style: normal; font-family: gd-sage, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.325em; font-size: 22px; line-height: 1.5; position: relative; clear: both; margin-top: 1.25em; padding: 5px 30px; }
.callout:before { background: #f2f2f2; background: linear-gradient( -45deg, #9c48b3, #177ad0 ); position: absolute; top: 0; left: 0; width: 6px; height: 100%; content: ""; }</style>
<div class="callout">Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>

martes, 29 de marzo de 2022

Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

2 TITULO2


<style>.counter{border-bottom:4px solid #4485b8;color:#000;padding:2px 10px 0px 55px;font-weight:bold;position:relative;font-size:16px;min-height:25px;margin:50px 15px 22px}
.counter a{color:#236598;text-decoration:underline}
.counter span{position:absolute;font-size:32px;left:-5px;border-radius:10px;top:-8px;background:#4485B8;display:block;width:40px;line-height:40px;color:#FFF;text-align:center}
</style>
<div class="counter"><span>1</span> TITULO 1</div><div STYLE="background:#f2f2f2; padding:20;margin:5;"> Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </div>
<div class="counter"><span>2</span> TITULO2</div>
<div STYLE="background:#f2f2f2; padding:20;margin:5;"> Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </div>

lunes, 28 de marzo de 2022

MODELO INDICE (2)

Contenido

1 Tema1
2 Tema2

 <style>  #toc_container li,#toc_container ul{margin:0;padding:0}
 #toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}
 #toc_container ul ul{margin-left:1.5em}
#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}
 #toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0;color:purple;font-size:30;font-variant:small;}
#toc_container p.toc_title+ul.toc_list{margin-top:1em}
#toc_container a{text-decoration:none;text-shadow:none}
 </style>
<div id="toc_container" class="no_bullets"><p class="toc_title">Contenido</p><ul class="toc_list"><li><a href="#ancla"><span class="toc_number toc_depth_1">1</span> Tema1</a><ul><li><a href="#ancla"><span class="toc_number toc_depth_2">1.1</span>Subtema</a></li><li><a href="#Implementa_procesos_que_incluyan_la_mejor_tecnologia"><span class="toc_number toc_depth_2">1.2</span> Implementa Subtema</a></li><li><a href="#ancla"><span class="toc_number toc_depth_2">1.3</span> Subtema</a></li><li><a href="#Haz_destacar_tus_productos_en_el_PDV"><span class="toc_number toc_depth_2">1.4</span> Subtema</a></li></ul></li><li><a href="#ancla"><span class="toc_number toc_depth_1">2</span> Tema2</a></li></ul></div>

domingo, 27 de marzo de 2022

MARCO PARA CITAR UNA URL (1)

Nro.1

SITIO URL"

<style>.breaking-news-wrapper{min-height:90px} .breaking-news{position:relative;display:table;width:100%;margin-bottom:10px;background-color:#d2d2d2;border-radius:6px} .breaking-news-icon{width:45px;padding:5px 5px;color:#fff;display:table-cell;vertical-align:middle;text-align:center;background-color:green} .breaking-news div{display:inline-block;padding:8px;width:95%;font:15px/18px rubik-regular,sans-serif}
.breaking-news-label{float:left;margin:1px 10px 0 0;font:14px/18px kelson-bold,tahoma}
</style>

                   
<div class="breaking-news" id=""><span class="breaking-news-icon">Nro.1 
</span><div>
 <span class="breaking-news-label" >  SITIO </span> <a id=""  href="">URL"</a></div></div>

jueves, 24 de marzo de 2022

IDL

enum DocumentReadyState { "loading", "interactive", "complete" };
enum DocumentVisibilityState { "visible", "hidden" };
typedef (HTMLScriptElement or SVGScriptElement) HTMLOrSVGScriptElement;

[LegacyOverrideBuiltIns]
partial interface Document {
  // resource metadata management
  [PutForwards=href, LegacyUnforgeable] readonly attribute Location? location;
  attribute USVString domain;
  readonly attribute USVString referrer;
  attribute USVString cookie;
  readonly attribute DOMString lastModified;
  readonly attribute DocumentReadyState readyState;

  // DOM tree accessors
  getter object (DOMString name);
  [CEReactions] attribute DOMString title;
  [CEReactions] attribute DOMString dir;
  [CEReactions] attribute HTMLElement? body;
  readonly attribute HTMLHeadElement? head;
  [SameObject] readonly attribute HTMLCollection images;
  [SameObject] readonly attribute HTMLCollection embeds;
  [SameObject] readonly attribute HTMLCollection plugins;
  [SameObject] readonly attribute HTMLCollection links;
  [SameObject] readonly attribute HTMLCollection forms;
  [SameObject] readonly attribute HTMLCollection scripts;
  NodeList getElementsByName(DOMString elementName);
  readonly attribute HTMLOrSVGScriptElement? currentScript; // classic scripts in a document tree only

  // dynamic markup insertion
  [CEReactions] Document open(optional DOMString unused1, optional DOMString unused2); // both arguments are ignored
  WindowProxy? open(USVString url, DOMString name, DOMString features);
  [CEReactions] undefined close();
  [CEReactions] undefined write(DOMString... text);
  [CEReactions] undefined writeln(DOMString... text);

  // user interaction
  readonly attribute WindowProxy? defaultView;
  boolean hasFocus();
  [CEReactions] attribute DOMString designMode;
  [CEReactions] boolean execCommand(DOMString commandId, optional boolean showUI = false, optional DOMString value = "");
  boolean queryCommandEnabled(DOMString commandId);
  boolean queryCommandIndeterm(DOMString commandId);
  boolean queryCommandState(DOMString commandId);
  boolean queryCommandSupported(DOMString commandId);
  DOMString queryCommandValue(DOMString commandId);
  readonly attribute boolean hidden;
  readonly attribute DocumentVisibilityState visibilityState;

  // special event handler IDL attributes that only apply to Document objects
  [LegacyLenientThis] attribute EventHandler onreadystatechange;
  attribute EventHandler onvisibilitychange;

  // also has obsolete members
};
Document includes GlobalEventHandlers;
Document includes DocumentAndElementEventHandlers;

miércoles, 23 de marzo de 2022

Modelo de Nota 1



 <style> .note::before { content: 'Note'; }  
 li > .note {
  margin: 1em 0;
}
.note > :first-child,
.note > .self-link:first-child + *,  .critical > .self-link:first-child + *  {
  margin-top: 0;
}
.note > :last-child, .critical > :last-child   {
  margin-bottom: 0;
}
.note,  .example {
  position: relative;
margin-top: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
}
.note::before, .example::before  {
  padding: 0.15em 0.25em;
  position: absolute;
  top: -0.8em;
  left: -0.8em;
  color: white;
}
@media (max-width: 767px) {
  .domintro, .note, .warning, .example {
    margin-top: 2em;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
  } 
.domintro::before, .note::before, .warning::before, .example::before {
    top: -0.3em;
    left: -0.3em;
  }
}
.note {
  color: green;
  background: #DDFFDD;
  font-style: italic;
}
.note::before {
  background: green;
}
</style>
<div class=note>
     <p>Lorem ipsum dolor sit amet. Ut enim ad minim veniam, .</p>

     <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    </div>

Lorem ipsum dolor sit amet. Ut enim ad minim veniam, .

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

_____________________________________________

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum


    <style>.example::before { content: 'Example'; } .domintro > :first-child, .note > :first-child, .warning > :first-child, .example > :first-child, .XXX > :first-child, .critical > :first-child,
.domintro > .self-link:first-child + *, .note > .self-link:first-child + *, .warning > .self-link:first-child + *, .example > .self-link:first-child + *, .XXX > .self-link:first-child + *, .critical > .self-link:first-child + * {
  margin-top: 0;
}.domintro, .note, .warning, .example {
  position: relative;
margin-top: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
}   .example {
  color: #222222;
  background: #F7F7F7;
}
.example::before {
  background: #222222;
}
.domintro::before, .note::before, .warning::before, .example::before {
  padding: 0.15em 0.25em;
  position: absolute;
  top: -0.8em;
  left: -0.8em;
  color: white;
}

</style>
<div class=example>
  <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>

Mensaje de peligro


<style> .warning::before { content: '\26A0 Warning!'; } .warning {
  color: #D50606;
  background: #FFFFCA;
  font-weight: bolder;
  font-style: italic;
} .warning::before {
  color: yellow;
  background: #D50606;
}
.warning {
  font-style: normal;
}    .warning, {
  padding-top: 0;
  padding-bottom: 0;
} .warning{
  margin: 1.5em 0;
  padding: 0.5em 1em;
} .warning::before, .example::before {
  padding: 0.15em 0.25em;
  position: absolute;
  top: -0.8em;
  left: -0.8em;
  color: white;
}
 </style>

  <p class=warning> Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>

Texto resaltado

Usando CSS se resalta el texto al pasar el cursor

PASAR EL CURSOR PARA VER EL EFECTO:Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

 <style> *[data-i18n]:hover,.i18n-active{background-color:#cfc!important}  </style>
<h1><span class="i18n" data-i18n="53893c8e78828e7340701101a2ec8b690e3d140a" data-i18n-hash="21"><span class="i18n-target">Usando CSS se resalta el texto al pasar el cursor</span></span></h1>
<p><span class="i18n" data-i18n="6e765ed27f33bb2de3861bf7b65a7ee17f4cc90c" data-i18n-hash="b0"><!-- <strong>CSS counters</strong> let you adjust the appearance of content based on its location in a document. For example, you can use counters to automatically number the headings in a webpage. Counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used. --><span class="i18n-target"><strong>PASAR EL CURSOR PARA VER EL EFECTO:</strong>Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </span></span></p>

Modelo 3

Ejemplos:
⏩ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
⏩ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
⏩ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
⏩ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

  
  <p style="color: rgb(0, 0, 0); background-color: lavender;padding:20px;">
Ejemplos:  </br>

⏩Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</br>
⏩Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. </br>
⏩Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</br>
⏩Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</br>
</p>

Nota: Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

<style> .notecard {--note-background:var(--background-information);--note-theme:var(--icon-information);position:relative;padding:1rem 2rem 1rem 3rem;margin:1rem 0;background-color:var(--note-background);border-radius:.25rem;border-radius:var(--elem-radius);border:1px solid var(--border-secondary);border-left:4px solid  var(--note-theme);box-shadow:var(--shadow-01); background:red;color:white;}   .p2{margin:0!important;line-height:1.5; text-align:justify;font-family:arial;}  </style>
    
<div class="notecard">
 <p  class="p2"><strong>Nota

</strong>: Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
</div>

lunes, 21 de marzo de 2022

Modelo 6

modelo 6

Ejemplo: Imágenes para etiquetar información

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

12. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


<style>
    [class~=titulovx]{border-radius:10px;display:inline-block;margin:0;padding:0 0 10 0.2em;background:#fb6106;font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:2.5em;font-style:italic;font-weight:normal;vertical-align:middle;text-transform:lowercase}
 .ejemplo-linea{border:#fb6106 solid 2px;padding:0 0.2em 0.2em 0.2em;margin:0.5em 0 0.5em 0}.ejemplo-linea > h3:first-child,.ejemplo-linea > h4:first-child{margin:0 -0.2em 0.2em -0.2em;padding:0.2em 0 0.2em 0;background-color:#fb6106;color:black;font-weight:bold}.ejemplo-linea > h3:first-child > span:before,.ejemplo-linea > h4:first-child > span:before{counter-increment:contador-ejemplos;content:" "counter(contador-apartados)"."counter(contador-ejemplos)}
 code,[class~=codigo]{background:yellow;font-size:1em;font-family:"Lucida Console","Courier New",monospace;color:maroon;word-wrap:break-word}pre{border:maroon dotted 1px;width:100%;overflow:auto;font-family:"Lucida Console","Courier New",monospace;color:maroon}
</style>
<h1 class="titulowx"><span>Modelo 6</span></h1>
<div class="ejemplo-linea" style="background:#d2d2d2"   ><h4>Ejemplo<span>: </span>Imágenes para etiquetar información</h4><p><img alt="1" style="margin-right:5px" data-original-height="20" data-original-width="20" src="https://blogger.googleusercontent.com/img/a/AVvXsEj8I6gDMzXwFiin8OY_WtDxGUzcFGD6ex4SAPJrTNnbvitffgU6xJeUKNaa4LVNkwj7IumQrDea2DqEELE0ttG3W9j7-tcaxtQzpjMaJkcxo3MlIoPgIlhUGEh3Hsw79v5blFXeLjXUcFOIkQJIKaTOzQLIoIaw1GnrNjGbNKJ6zPEHUsF6rbMfpFYk"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <div class="ejemplo-linea" style="background:pink">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div><div class="ejemplo-linea" style="background:yellow">
12. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div></div>

Modelo 5

Enlace


<style> a.espec{font-family:Arial,Helvetica,sans-serif;font-size:0.9em;background-color:blue;color:yellow;padding:0.2em 0.4em 0.2em 0.4em;margin:0.2em 0.2em 0.2em 0;text-decoration:none;display:inline-block}  </style>

<a class="espec" href="https://decotexs.blogspot.com/2022/03/modelo-5.html" target="_blank">Enlace</a>

Acá un compendio de indicaciones para ....:
👉 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ️✅ 👉 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation> ✅

Acá un compendio de indicaciones para ....:

👉 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ️✅

👉 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation> ✅

    
<table width="570" cellspacing="1" cellpadding="3" border="0" bgcolor="#ffffff" align="center"> 
<tr>    
<th bgcolor="#DEB887"> <b><span style="color: #A52A2A ">     Acá un compendio de indicaciones para ....: </span> </b>    </th> 
</tr> 
<tr>    
<td bgcolor="#FFE4C4">
<p align = "justify" >   👉 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ️✅</br> 

<p align = "justify" >   👉 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation>  ✅

</td> 
</tr> 
</table> 
</br>

Modelos de alertas

para más información → Enlace👍



<div class="alert alert-success alert-emoji" role="alert" style="border:solid 1px black">
        <div class="container text-center" >
           <a href="https://emojicheatsheet.com" target="_blank" class="alert-link">para más información → Enlace👍
          </a> </div>  </div></br>

<div class="alert alert-info alert-emoji" role="alert" style="border:solid 1px black">
        <div class="container text-center">
           <a href="https://emojicheatsheet.com" target="_blank" class="alert-link">para más información → Enlace👍
       </a> </div>  </div></br>
<div class="alert alert-warning alert-emoji" role="alert" style="border:solid 1px black">
        <div class="container text-center">
           <a href="https://emojicheatsheet.com" target="_blank" class="alert-link">para más información → Enlace👍
        </a> </div> </div></br>
<div class="alert alert-danger alert-emoji" role="alert" style="border:solid 1px black">
        <div class="container text-center">
           <a href="https://emojicheatsheet.com" target="_blank" class="alert-link">para más información → Enlace👍
     </a> </div> </div>   
  </br>
 <style>.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c} .text-center{text-align:center}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}  
.container{width:670px;height:50px;}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}
 </style>

⁂

Modelo 4

¿C uánto sabes: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<p title="Modelo4" style="text-align:left; border-radius:16px;border-left: solid #FF813E 6px;float:left;font-family:'arial';color:red;font-size:15px;background:#FDE320;padding-right:18px;padding-top:10px;padding-bottom:10px; padding-left:10px;"> 

<span   style="float:left;font-family:'algerian';color:#FF813E;font-size:45px;padding-left:1px;background:black;">

¿C <span   style="display:inline:font-family:'tahoma';color:#FF813E;font-size:35px;line-height:10px;padding-right:10;"><u>uánto sabes: </u>    </span>
</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </span>

Modelo 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exertation

<style>.intro  {color: #fb6106;font-size: 30px;background:#c2c2b2;font-weight: 200;margin: 10px auto 10px;  border: 1px solid #bbb;   box-shadow: 3px 5px 6px 1px #fb6106 !important;border-radius: 35px;padding: 30px !important;}
</style>
<div class="entry-content"><p>
<div class="intro"><span itemprop="description"><p><strong>Modelo 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exertation</strong></p>

Modelo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum


  <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p></blockquote>

  <style> blockquote{background: #f2f2f4;border:9px solid orange;page-break-inside:avoid;padding:30px 20px;margin:0 0 20px;font-size:17.5px;border-left:9px solid red;display:block;font-size:120%;line-height:1.42857143;color:green;  } </style>

TÍTULO

SUBTÍTULO

 </br>
<div><img loading="lazy" style="float: left;border:transparent;" src="https://www.questionpro.com/qp_userimages/sub-3/3175908/download_1531148106167.png" width="60" height="60" title="Titulo"  alt="Titulo" /></div> 
<div>
<h2 style="color: #1b3380; display: inline;">TÍTULO</h2>
<p><span style="font-weight: 400;">SUBTÍTULO </p>
<br />

domingo, 20 de marzo de 2022

Modelo 1

Ejemplo: Imágenes para etiquetar información

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Códigos:

 
<section><div class="ejemplo-linea"><h4>Ejemplo<span>: </span>Imágenes para etiquetar información</h4><p><img alt="1" border="0" data-original-height="25" data-original-width="27" src="https://blogger.googleusercontent.com/img/a/AVvXsEj8I6gDMzXwFiin8OY_WtDxGUzcFGD6ex4SAPJrTNnbvitffgU6xJeUKNaa4LVNkwj7IumQrDea2DqEELE0ttG3W9j7-tcaxtQzpjMaJkcxo3MlIoPgIlhUGEh3Hsw79v5blFXeLjXUcFOIkQJIKaTOzQLIoIaw1GnrNjGbNKJ6zPEHUsF6rbMfpFYk"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><pre class="a" data-tipo="html">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </pre></div></section>
<style> [class="titulo-1"]{background:rgb(49,99,98);color:white;display:inline-block;margin:0;padding:0 0 0 0.2em;font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:2.5em;font-style:italic;font-weight:normal;vertical-align:middle;text-transform:lowercase}.ejemplo-linea{border:rgb(49,99,98) solid 2px;padding:0 0.2em 0.2em 0.2em;margin:0.5em 0 0.5em 0}.ejemplo-linea > h3:first-child,.ejemplo-linea > h4:first-child{margin:0 -0.2em 0.2em -0.2em;padding:0.2em 0 0.2em 0;background-color:rgb(49,99,98);color:white;font-weight:normal}.ejemplo-linea > h3:first-child > span:before,.ejemplo-linea > h4:first-child > span:before{counter-increment:contador-ejemplos;content:" "counter(contador-apartados)"."counter(contador-ejemplos)}
code,[class~=codigo]{background:yellow;font-size:1em;font-family:"Lucida Console","Courier New",monospace;color:maroon;word-wrap:break-word}pre{border:maroon dotted 1px;width:100%;overflow:auto;font-family:"Lucida Console","Courier New",monospace;color:maroon}
</style>

sábado, 19 de marzo de 2022

Indice 1

Indice tema 1 tema 2 tema 3

Código

<a id="Indice"> </a>
<div class="list-group">
  <span class="list-group-item " >   Indice  </span>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
  <a class="list-group-item"  href="#1"  ><i class="fa fa-book fa-fw" aria-hidden="true"></i>  tema 1 </a>
  <a class="list-group-item" href="#2"><i class="fa fa-book fa-fw" aria-hidden="true"></i>  tema 2</a>
  <a class="list-group-item" href="#3"><i class="fa fa-book fa-fw" aria-hidden="true"></i>   tema 3 </a>
  
</div></br>
<style>

viernes, 18 de marzo de 2022

Imágenes 1

Ejemplo imágenes

Especialistas

<h2 class="num" id="es6-scope-var">Ejemplo <em>imágenes</em></h2><figure class="flota-izda foto-fig"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-y-ODveB-_ctM2K_Y8nazev_tIO7ydpTiD2eNvR0dSUUJ-GhmUjZ7bwgtL-13Lkj05oXiZg_VzX1DiJPoM16oXXTO3bXSyqgcCFNg8xjFaKjSLLe5pE6drgDxC-dSSHmZC5i9dH-9KgE_ErP_x58ow6EsqCOrHfF-EyT5XtwYhZbd9Q0iOfQGZfv3/s1600/11.PNG"  title="imagen"  width="150" height="100" class="borde" alt="Figura"/><figcaption> <em class="ref-foto-fig">Figura</em>. Lorem ipsum dolor sit amet. </figcaption> </figure><p>Lorem ipsum dolor sit amet.  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  
  <h4 class="der">Especialistas</h4>
<style> .der {text-transform: none;background: #f2f2f2; padding:0 0 2px 8px; border-left: 5px solid #66bfd5; border-bottom: 1px solid #66bfd5;display:inline;
}</style>
  
  <style>[class~=t-x]{font-size:em;font-family:"verdana",monospace;color:maroon;padding:10px;border: dotted maroon  2px;width:70%; 
height:70%;font-size:1em;margin:10;wrap:off;readonly:readonly;background:#F5F5C8;}</style>

DECOTEXS

jueves, 31 de marzo de 2022

Indice

Modelo de nota 2

martes, 29 de marzo de 2022

Modelo 7

lunes, 28 de marzo de 2022

MODELO INDICE (2)

domingo, 27 de marzo de 2022

MARCO PARA CITAR UNA URL (1)

jueves, 24 de marzo de 2022

IDL

miércoles, 23 de marzo de 2022

Modelo de Nota 1

Mensaje de peligro

Texto resaltado

Usando CSS se resalta el texto al pasar el cursor

Modelo 3

lunes, 21 de marzo de 2022

Modelo 6

modelo 6

Ejemplo: Imágenes para etiquetar información

Modelo 5

Modelos de alertas

Modelo 4

Modelo 2

TÍTULO

domingo, 20 de marzo de 2022

Modelo 1

Modelo 1

Ejemplo: Imágenes para etiquetar información

sábado, 19 de marzo de 2022

Indice 1

viernes, 18 de marzo de 2022

Imágenes 1

Ejemplo imágenes

Especialistas